The embed widget is a chat icon that appears in the corner of your website. When a visitor clicks it, the full chat interface opens. You add it to your site by copying one JavaScript snippet from your dashboard and pasting it into your HTML.
Deploy your chatbot
Open your chatbot in the dashboard
Log in to your InsiteChat dashboard and select the chatbot you want to deploy.
Go to the Deploy tab
Inside your chatbot, click the Deploy or Embed tab.
Copy the JavaScript snippet
Click Copy to copy your unique embed snippet. The snippet is generated specifically for your chatbot and includes your unique chatbot ID. It looks similar to this:<script
src="https://insitechat.ai/widget.js"
data-chatbot-id="YOUR_CHATBOT_ID"
async
></script>
Paste the snippet into your website HTML
Open your website’s HTML and paste the snippet just before the closing </body> tag.<!-- Your existing HTML -->
<script
src="https://insitechat.ai/widget.js"
data-chatbot-id="YOUR_CHATBOT_ID"
async
></script>
</body>
</html>
Save and publish your site
Save the file and publish or deploy your site as you normally would.
Test the widget
Visit your site and click the chat icon in the corner to confirm the widget loads and responds correctly.
Your chatbot is live immediately after the snippet is added. No redeployment, plugin install, or developer is required.
Test on both desktop and mobile after deploying to make sure the widget appears and functions as expected on all screen sizes.
WordPress
Shopify
Wix
Generic HTML
The easiest approach is to use a header/footer plugin such as Insert Headers and Footers or WPCode. Paste the snippet into the footer section.Alternatively, paste it directly into your theme file:
- Go to Appearance > Theme Editor in your WordPress admin.
- Select
footer.php from the file list on the right.
- Paste the snippet just before
</body>.
- Click Update File.
If you update or switch themes, you will need to re-add the snippet to the new theme file. Using a plugin avoids this.
- In your Shopify admin, go to Online Store > Themes.
- Click Actions > Edit code on your active theme.
- Open
layout/theme.liquid.
- Paste the snippet just before
</body>.
- Click Save.
- In your Wix dashboard, go to Settings > Custom Code.
- Click + Add Custom Code.
- Paste the snippet into the code field.
- Set Place Code in to Body - end.
- Choose to apply it to All pages or specific pages.
- Click Apply.
Open any HTML file where you want the widget to appear and paste the snippet just before the closing </body> tag:<script
src="https://insitechat.ai/widget.js"
data-chatbot-id="YOUR_CHATBOT_ID"
async
></script>
</body>
