Add the chat widget to your website
One snippet. No backend required. Works with any website — static HTML, WordPress, Shopify, Next.js, you name it.
Go to your agent page
Head to your Prolifix dashboard, open an agent, and find the Deploy section. Your unique embed snippet is waiting there.
Copy the embed snippet
Click "Copy embed tag." The snippet is a single <script> tag that loads the Prolifix widget and binds it to your agent.
The snippet looks like this:
<body> <!-- your site content --> <script src="https://prolifix.com/widget.js" data-key="wk_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx" async></script> </body>
Paste it into your HTML
Open your website's HTML file (often index.html or a layout template). Paste the snippet just before the closing </body> tag, then save the file.
You're live
Reload your website in a browser. A chat bubble will appear in the bottom-right corner — that's your agent, ready to answer visitor questions.
Examples by platform
Replace YOUR_WIDGET_KEYwith the key from your agent's Deploy panel.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>My Site</title>
</head>
<body>
<!-- your site content here -->
<script src="https://prolifix.com/widget.js"
data-key="YOUR_WIDGET_KEY" async></script>
</body>
</html>Common questions
Where exactly does the snippet go?
Paste it inside the <body> tag of your HTML, anywhere before </body>. Placing it at the very end (just before </body>) is the most common practice — it ensures your page content loads first.
Will it slow down my page?
No. The async attribute tells the browser to load the script in the background without blocking the rest of the page. Most visitors won't notice any difference in load time.
Can I add it to multiple pages?
Yes — just add the snippet to any page you want the widget on. Adding it to a shared layout or template is the easiest way to cover your whole site at once.
How do I change which agent the widget uses?
The data-key attribute ties the widget to a specific agent. To switch agents, replace the key value with the one from your new agent's Deploy panel.
The widget isn't showing up. What do I check?
First, make sure the snippet is inside <body> (not <head>). Then open your browser's developer console (F12) and look for any red errors. If the widget.js script fails to load, check that the URL and key are copied exactly as shown.