The website widget is the fastest way to get your agent in front of customers. Copy a single snippet, paste it into your site, and the chat bubble appears.
Open Connect → Embed
On any agent, click the Connect tab, then switch to Embed. You'll see the live snippet for this agent.
Copy the snippet
The snippet looks like this:
<script
src="https://chatzuri.com/embed.js"
data-agent-id="YOUR_AGENT_ID"
defer>
</script>Paste before </body>
On every page where you want the chat to appear. Most sites put it in their layout template so it shows up everywhere.
Reload and test
A chat bubble appears in the corner. Click it. Send a message. You're live.
Customising the look
Every visual detail (colours, theme, alignment, suggested messages, lead form) lives under the agent's Settings → Interface. See the Customise the chat widget guide.
Restricting domains
Under Settings → Security, set Allowed domains — a comma-separated list. The widget refuses to load on any other origin, so embed code that leaks can't be misused.
Common platforms
- Webflow — Project Settings → Custom Code → Footer Code
- WordPress — drop into your theme's footer.php, or use a "header/footer scripts" plugin
- Shopify — Online Store → Themes → Edit code → theme.liquid → before
</body> - Wix — Settings → Custom Code → +Add Custom Code → Body — end
- Squarespace — Settings → Advanced → Code Injection → Footer
- Next.js / React — drop into
_document.tsxor layout