How to Embed a Chatbot on Any Website (Shopify, WordPress, Wix & More)

One Line of Code, Any Website

Chately works with any website that supports custom HTML. You don't need a plugin, an app store listing, or a developer. Just one script tag:

<script src="https://www.chately.app/widget.js"
  data-chatbot-id="YOUR_CHATBOT_ID"
  async></script>

Paste it before the closing tag, and your chatbot goes live instantly.

Platform-Specific Instructions

Shopify

1. Go to Online Store > Themes
2. Click Actions > Edit code
3. Open theme.liquid
4. Scroll to the bottom and paste the script just above
5. Click Save

WordPress

1. Go to Appearance > Theme Editor
2. Open footer.php (or your theme's footer template)
3. Paste the script above
4. Click Update File

Alternatively, use a plugin like Insert Headers and Footers to add the script without editing theme files.

Wix

1. Go to Settings > Custom Code
2. Click Add Code
3. Paste the script
4. Set placement to Body - end
5. Apply to All pages
6. Click Apply

Squarespace

1. Go to Settings > Advanced > Code Injection
2. Paste the script in the Footer field
3. Click Save

Webflow

1. Go to Project Settings > Custom Code
2. Paste the script in the Footer Code section
3. Click Save Changes
4. Publish your site

Custom HTML

Simply open your HTML file and paste the script before . Upload and you're done.

Verifying It Works

After embedding, visit your website and look for the chat bubble in the bottom-right (or bottom-left, depending on your widget settings). Click it to make sure it opens and responds correctly.

If you don't see it, check:

• The chatbot ID matches your dashboard
• The chatbot is enabled in your dashboard
• There are no JavaScript errors in the browser console

Need Help?

Use the Playground in your Chately dashboard to test your chatbot before embedding. Once you're happy with the responses, embed with confidence.