Add AI Chatbot to
Any Website
Get your intelligent chatbot live in under 5 minutes — no developer required.
Copy your embed script
After signing up, your unique license key is pre-filled in the script below. Copy the entire snippet.
<!-- AI Chatbot by YourBrand --> <script src="https://yourdomain.com/chatbot.js" data-key="YOUR_LICENSE_KEY" defer ></script>
Paste before </body> in your HTML
Open your website's HTML file and paste the script just before the closing </body> tag on every page where you want the chatbot to appear.
<p>Your page content here...</p> <!-- ✅ Paste chatbot script here --> <script src="https://yourdomain.com/chatbot.js" data-key="YOUR_LICENSE_KEY" defer></script> </body> </html>
Tip: If you use a template engine (PHP, Laravel, etc.), add the script to your main layout file so it loads on all pages automatically.
Save, upload & verify
Save your file and upload it to your server. Reload your website — the chatbot bubble will appear in the bottom-right corner within seconds.
It's working if you see a chat bubble in the corner. Click it to start a test conversation!
Install a Header & Footer plugin
In your WordPress dashboard go to Plugins → Add New and search for "Insert Headers and Footers" by WPBeginner. Install and activate it.
Alternative: Any caching or SEO plugin that has a "scripts in footer" section (e.g. Rank Math, Yoast, WP Rocket) will also work.
Paste the script in the Footer section
Go to Settings → Insert Headers and Footers. Paste the chatbot script into the Footer box and click Save.
<script src="https://yourdomain.com/chatbot.js" data-key="YOUR_LICENSE_KEY" defer ></script>
Visit your site to confirm
Open your WordPress site in a new tab (or in incognito mode). The chatbot bubble should appear on every page automatically.
Cache warning: If you use a caching plugin (WP Rocket, W3 Total Cache), clear the cache after saving so the script loads on the live site.
Open your theme code editor
In your Shopify admin go to Online Store → Themes. Click the three-dot menu next to your active theme and choose Edit Code.
Find and edit theme.liquid
In the left file tree under Layout, click theme.liquid. Find the closing </body> tag and paste the script just before it.
{%- comment -%} AI Chatbot {%- endcomment -%} <script src="https://yourdomain.com/chatbot.js" data-key="YOUR_LICENSE_KEY" defer ></script> </body>
Save and preview your store
Click Save in the top right. Open your store in a new tab — the chatbot will appear on all pages including product and checkout pages.
Open Marketing Integrations
In your Wix dashboard go to Marketing & SEO → Marketing Integrations. Scroll down and click Custom Code → Add Code.
Note: Custom code requires a Wix Premium plan. Free Wix sites cannot add external scripts.
Paste the script & set placement
Paste the chatbot script into the code box. Set placement to "Body — end" and apply to All Pages. Click Apply.
<script src="https://yourdomain.com/chatbot.js" data-key="YOUR_LICENSE_KEY" defer ></script>
Publish your site
Click the Publish button at the top of your Wix editor. Once published, visit your live site URL to see the chatbot in action.
Open Project Settings
In the Webflow Designer, click the W logo → Project Settings. Navigate to the Custom Code tab.
Paste in the Footer Code section
Scroll to Footer Code and paste the script there. This ensures it loads on every page of your Webflow site.
<script src="https://yourdomain.com/chatbot.js" data-key="YOUR_LICENSE_KEY" defer ></script>
Save & Publish
Click Save Changes then hit Publish in the top bar. Your chatbot will be live on your published Webflow domain immediately.
Go to Website → Pages → Website Tools
In your Squarespace dashboard, navigate to Website → Pages. Scroll down to Website Tools and click Code Injection.
Note: Code Injection is available on Business plan and above only.
Paste in the Footer injection box
In the Code Injection panel, paste the chatbot script into the Footer text area. Click Save.
<script src="https://yourdomain.com/chatbot.js" data-key="YOUR_LICENSE_KEY" defer ></script>
Preview & confirm
Click the Preview button or visit your live Squarespace URL. The chatbot bubble should appear at the bottom right of every page.
YOUR_LICENSE_KEY in the script with this value.</body> and that your license key is correct. Then open your browser DevTools (F12) → Console tab and look for any errors. Also clear your browser cache and try in incognito mode.defer attribute, meaning it loads asynchronously after the rest of your page content. Your page speed score will not be affected.data-pages attribute to restrict it — e.g. data-pages="contact,pricing". For custom conditions you can also wrap the script in a JS if block checking window.location.pathname.index.html or use the <Script> component in Next.js with strategy="afterInteractive".Ready to go live? 🚀
Sign up in 30 seconds and get your license key — no credit card required.