Install on any other site
One line of HTML. Works on Shopify, Wix, Squarespace, a static site, or anything you hand code.
You do not need WordPress to run Ampa. If you can paste HTML into your site, you can run the agent.
The snippet
Paste this immediately before the closing </body> tag, on every page you want the chat to appear
on. Most site builders have a "custom code" or "footer code" box that does this for every page at
once.
<link rel="stylesheet" href="https://ampa.chat/widget.css">
<div id="ampa-chat-root"></div>
<script>
window.AmpaChatConfig = {
endpoint: "https://ampa.chat/api/v1",
siteKey: "ampa_your_site_key_here"
};
</script>
<script src="https://ampa.chat/widget.js" defer></script>
Replace ampa_your_site_key_here with your site key. The install step at ampa.chat/start shows
this snippet with your key already inside it, and emails it to you. Nothing else changes.
Tell us which addresses are yours
Send us the web addresses the widget will run on, and we add them to your allowed list. Until that list has something in it, any site could open a chat as your business. It takes us a minute and it is worth doing before you go live.
An advantage worth knowing about
The script points at a file we host, so every improvement reaches your site the moment we release it. There is nothing to update and no version to fall behind on. A WordPress site runs whichever plugin version is installed until someone updates it.
Opening the chat from your own button
If you want your own button to open the conversation, call this from it:
<a href="#" onclick="AmpaChat.open(); return false;">Talk to us</a>
AmpaChat.close() closes it again.
What you lose without WordPress
Only the WordPress screens themselves. The agent, the conversations, the briefs and the copilot are identical, and your console at ampa.chat/console gives you the copilot and everything else in one place.
If your site sends a Content Security Policy
You need connect-src https://ampa.chat, permission for the widget script, and img-src
permission if you use an agent avatar. Your developer will know what this means. If you have never
heard of it, you almost certainly do not have one.