Website Embed

Add the chatbot widget to any website in minutes. Two methods are available depending on how much control you need.

Method 1: Script Tag

Copy the script tag from your chatbot's Widget Integration tab and paste it before the closing </body> tag of your website:

<script src="https://webchatagent.com/widget.js" data-chatbot-id="YOUR_ID"></script>

Replace YOUR_ID with your actual Chatbot ID. The widget will appear as a floating chat bubble on your site.

Method 2: Custom Element

For more control over placement and behavior, use the <web-chat-agent> custom element:

<web-chat-agent
  chatbot-id="YOUR_ID"
  theme="light"
  initially-open="false"
></web-chat-agent>

Available attributes:

• chatbot-id — Your unique Chatbot ID (required)
• theme — "light" or "dark" (default: follows system)
• initially-open — "true" or "false" (default: "false")

Compatibility

Works on any website platform including WordPress, Shopify, Wix, Squarespace, Webflow, and custom HTML/JS sites. Simply paste the code into your site's HTML.