Getting the Embed Code
1
Open your chatbot in BotSmith
Go to the BotSmith dashboard and open the chatbot you want to embed.
2
Click the Share tab
Click the Share tab at the top of the chatbot editor.
3
Copy the embed snippet
Under Embed on Your Website, click Copy to copy the JavaScript snippet to your clipboard.
JavaScript Embed Snippet
The JavaScript snippet loads the BotSmith widget asynchronously so it never slows down your page. Paste it just before the closing</body> tag on every page where you want the widget to appear.
YOUR_CHATBOT_ID with the chatbot ID shown in your Share tab. The widget appears as a floating chat button in the corner of the page. Visitors click it to open the chat window and start a conversation with your agent.
The exact snippet shown in your Share tab already has your chatbot ID filled in
— copy it directly from there rather than editing the snippet manually.
Public Share Link
If you want to share a standalone chat page rather than embed the widget, use the public chat link. It is also shown in your Share tab:Testing Your Widget
- Open your website in a browser after adding the snippet.
- The chat bubble should appear in the corner of the page.
- Click the bubble to open the chat window.
- Send a test message and confirm your agent replies correctly.
YOUR_CHATBOT_IDis replaced with your actual chatbot ID (no extra spaces or quotes).- The
<script>tag is placed before the closing</body>tag. - Your chatbot is set to Active in BotSmith settings.