Install the widget on your site

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.

On WordPress, use our plugin

Chattering has a free WordPress plugin, Chattering – AI Support Chat, so you never have to edit a theme file.

1. In your WordPress admin, go to Plugins, add a new plugin, search for Chattering, then install and activate it.
2. Open Settings → Chattering and paste your snippet. The whole snippet is fine: the plugin reads the ID out of it.
3. Tick Show on my site and save.

Where it goes, per stack

• Plain HTML — before </body>
• React / Next.js — in your root layout, or via next/script
• Vue / Nuxt — in app.vue or the head config
• WordPress — our plugin (above), or a footer-scripts plugin if you would rather paste the tag yourself
• 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.ai allowed
• Make sure the agent is active