Deploy
Embed your agent on any website with the JavaScript widget or iframe.
Deploy your agent to your website so visitors can interact with it. Choose from a floating chat widget or full-page iframe embed.
Embedding Options
Chat Widget (Recommended)
A floating chat bubble that expands into a chat window. Works on any website.
Iframe Embed
Embed the full chat interface in a page section. Useful for dedicated support pages.
Adding the Chat Widget
- Go to your agent's Channels tab
- Copy the JavaScript snippet
- Paste it into your website's HTML before
</body>:
<script src="https://your-domain.com/widget.js" data-chatbot-id="your-chatbot-id" async ></script>
- Refresh your website - the chat bubble appears!
The widget appears as a floating button (usually bottom-right). Visitors click to open the chat.
Platform-Specific Guides
For detailed instructions on specific platforms:
- JavaScript Widget - Any HTML website
- React/Next.js - React applications
- WordPress - WordPress sites
- Iframe Embed - Embedded chat interface
Widget Customization
Customize appearance in the Design tab:
Colors
- Primary color (chat bubble, header)
- Accent colors
- Light/dark theme
Position
- Bottom-right (default)
- Bottom-left
- Custom positioning via CSS
Branding
- Welcome message
- Chat title
- Suggested messages
- Remove "Powered by" branding (Standard/Pro plans)
Visibility Settings
Control who can access your agent:
| Setting | Description |
|---|---|
| Public | Anyone can use the embedded widget |
| Private | Only accessible in the dashboard Playground |
Configure in Settings > Security > Visibility.
Domain Restrictions
Limit which websites can embed your agent:
- Go to Settings > Security
- Find Allowed Domains
- Add domains that can embed your widget
When configured, the widget only loads on approved domains. This prevents unauthorized use of your agent.
Verifying Your Embed
After adding the code:
- Visit your website in a browser
- Look for the chat bubble
- Click to open the chat
- Send a test message
- Verify the response is correct
Troubleshooting
Widget not appearing:
- Check the embed code is before
</body> - Verify the agent ID is correct
- Clear your browser cache
- Check browser console for errors
Widget on wrong position:
- Adjust position in Design settings
- Check for CSS conflicts
Chat not responding:
- Ensure you have training content
- Check your plan's message limit
- Test in Playground first
Going Live Checklist
Before announcing your agent:
- [ ] Test in Playground with common questions
- [ ] Verify training content is complete
- [ ] Customize appearance to match your brand
- [ ] Set up domain restrictions (optional)
- [ ] Configure rate limiting to prevent abuse
- [ ] Review visibility settings