Install guide
Install your chatbot in minutes.
Copy the snippet, paste it into your website, and you're done.
Your installation snippet
Replace YOUR_CLIENT_ID with your Client ID from the portal.
<script src="https://chatbot-backend-tawny-alpha.vercel.app/public/widget.js" data-client-id="YOUR_CLIENT_ID" defer></script>
Advanced: custom API endpoint
<script>
window.CLIENT_ID = "YOUR_CLIENT_ID";
window.API_ENDPOINT = "https://your-custom-endpoint.com";
</script>
<script src="https://your-custom-endpoint.com/public/widget.js" defer></script>
Where do I paste it? Place the snippet in your site's footer, or just before the closing
</body> tag.
✓ Last step: After pasting the snippet, go to your client portal → Overview → click Turn ON to activate your bot.
Platform-specific instructions
Search for your platform and follow the steps.
No matches. Try "WordPress", "Wix", "Squarespace", or "Shopify".
WordPressFooter scripts or plugin
- Log into your WordPress dashboard.
- Install a footer injection plugin (commonly "WPCode" or "Insert Headers and Footers").
- Paste the snippet into the Footer area so it loads on all pages.
- Save changes and refresh your website.
If you're using a page builder (Elementor/Divi), the plugin method is usually fastest.
WixSettings → Custom Code
- Open your Wix dashboard.
- Go to Settings → Custom Code.
- Add new code and paste the snippet.
- Set it to load on All pages in Body – end.
- Publish your site.
SquarespaceCode Injection → Footer
- Go to Settings → Advanced → Code Injection.
- Paste the snippet into the Footer box.
- Save and refresh your site.
ShopifyEdit theme.liquid
- Go to Online Store → Themes.
- Click Edit code.
- Open layout/theme.liquid.
- Paste the snippet before
</body>, then save.
WebflowProject settings → Custom code
- Open your project in Webflow.
- Go to Project Settings → Custom Code.
- Paste the snippet into the Footer code section.
- Save and publish.
GoDaddy Website BuilderSettings → Custom Code
- Open your GoDaddy website editor.
- Find Settings → Custom Code.
- Paste the snippet into the Footer area.
- Publish your site.
WeeblyFooter Code
- Go to Settings.
- Find SEO (or the Footer Code section).
- Paste the snippet into Footer Code and publish.
Static HTML / FTPPaste before </body>
- Log into your hosting (FTP, cPanel, or File Manager).
- Open the main page file (often
index.html) or your footer template. - Paste the snippet just before
</body>. - Save/upload, then refresh your site.
If your site uses templates, add the snippet in the shared footer file so it appears on all pages.
JoomlaTemplate / Footer
- Open your Joomla admin panel.
- Go to your template editor.
- Paste the snippet before
</body>in the template file. - Save and refresh.
DrupalTheme footer
- Open your Drupal theme files.
- Add the snippet to the global template/footer.
- Clear cache and refresh.
Google SitesMay be limited
Some Google Sites setups do not allow custom JavaScript. You may need a platform that supports footer scripts.
Contact support if you're unsure.
TroubleshootingWidget not appearing?
- Confirm the snippet is on the page (footer / before
</body>). - Hard reload or clear site cache.
- Make sure your bot is turned ON in the portal.
- If your site uses strict CSP headers, allow scripts from the chatbot domain.
