JavaScript Embed Script

Paste this just before </body> on every page where you want the widget. Replace YOUR_CHATBOT_IDwith your agent’s ID.

<!-- Chatmount widget -->
<script
  src="https://services.chatmount.co/embed/YOUR_CHATBOT_ID.js"
  async
></script>

Two places in the dashboard:

• Settings → General shows the agent ID with a copy button.
• Deploy → Chat widget → Manage shows the full ready-to-paste snippet.

Today the embed recognises one optional data-* attribute on the script tag:

<script
  src="https://services.chatmount.co/embed/YOUR_CHATBOT_ID.js"
  data-chatmount-no-context="true"
  async
></script>

• data-chatmount-no-context — when set to "true", disables the embed’s page-context extraction. The widget won’t pick up page title / URL / visible content as additional context for the conversation. Use it on sensitive pages where the prompt should not leak the surrounding DOM.

Most widget settings live in the dashboard, not in the embed snippet. Settings → Chat Interface configures:

• Primary + background + icon colours; bot name + avatar
• Welcome message, suggested queries, post-response follow-ups
• Bubble icon, position (bottom-right or bottom-left), auto-open delay
• Pre-chat lead-capture form (Plus tier+)
• Calendar booking via Cal.com (Pro tier+)

Updates propagate to live widgets without re-pasting the snippet.

1. 1

   Reload your page

   The chat bubble should appear in the corner you configured.

2. 2

   Open the bubble

   You’ll see your agent’s name, avatar, and welcome message. Type a question, watch the response.

3. 3

   If the bubble doesn’t appear

   Open browser DevTools → Network. Look for a 4xx on embed/YOUR_CHATBOT_ID.js. The most common causes: wrong chatbot ID in the URL, or the Chat widget channel is toggled off in Deploy.