Open your agent's Deploy tab and copy the snippet. It looks like this:
<script src="https://chattering.ai/widget.js" data-chattering="YOUR_AGENT_ID" async></script>
Paste it before the closing </body> tag on any page where you want the widget.
Where it goes, per stack
- Plain HTML — before
</body> - React / Next.js — in your root layout, or via
next/script - Vue / Nuxt — in
app.vueor the head config - WordPress — a footer-scripts plugin, or your theme's
footer.php - Google Tag Manager — a Custom HTML tag firing on All Pages
It loads asynchronously and does not block your page.
Checking it worked
Reload your site. The launcher appears in the bottom corner within a second or two. If it does not:
- Confirm the script tag is actually in the served HTML (view source, not your editor)
- Check the browser console for a blocked request — some content-security policies need
chattering.aiallowed - Make sure the agent is active