How the Embed Works

The chatbot lives on my server, not yours. Your website loads a small JavaScript snippet that connects to the chatbot service. When a visitor opens the chat widget, their message goes to the chatbot, gets answered, and the response comes back. Your website just displays the conversation. No software is installed on your hosting account.

This matters for two reasons. Updates to the chatbot, improvements to its answers, and new knowledge base entries take effect immediately across every site running that chatbot. You never need to touch your website again after the initial setup. And if I add features to the chatbot service, your site gets them automatically.

The snippet is typically about two lines of HTML placed before the closing body tag of your website. That is all the technical work required on your end. If you want to understand what embedding a script involves at a technical level, W3Schools has a plain-language guide to JavaScript integration that explains the basics.

Instructions by Platform

Every major website platform has a way to add custom code. Here is where to find it for the most common ones.

  • WordPress: Appearance > Theme Editor > footer.php, or use a plugin like Insert Headers and Footers to paste the snippet sitewide without touching code.
  • Shopify: Online Store > Themes > Edit code > theme.liquid file. Paste the snippet just before the closing body tag.
  • Wix: Settings > Custom Code > Add Code. Set it to load on all pages, in the body. Wix has a built-in code injection panel that works perfectly.
  • Squarespace: Settings > Advanced > Code Injection > Footer. Paste the snippet there and it loads sitewide.
  • Webflow: Project Settings > Custom Code > Footer Code. Same approach as Squarespace.
  • Custom HTML site: Open your HTML files and paste the snippet before the closing body tag. Any HTML file that includes the snippet will show the chatbot.

I have set up chatbots on every major platform. The process is identical every time. Paste the snippet, save, and it is live. The platform does not matter. If the site can load JavaScript, the chatbot works.

Scott Thomas, AgentScott

What You Need Before Adding It

Two things are required before the embed code can go on your site. First, see how long setup takes and what it costs. Then: First, the chatbot needs to be configured and tested. The embed code is generated after setup is complete. You cannot add the snippet before the chatbot exists. Second, you need access to your website’s code injection or custom code area. Most website owners have this access by default. If you are on a restricted plan that blocks custom code, you may need to upgrade your hosting or website plan.

Shopify’s free themes all support custom code. Wix requires a premium plan for code injection. Squarespace personal plans include footer code injection. WordPress always allows it.

Any Platform Limitations?

There are no functional limitations based on your platform. The chatbot will work the same way regardless of whether your site is on WordPress or Squarespace. The only variables are where you paste the code and whether your plan allows custom JavaScript.

One practical note: the chatbot widget appears on whichever pages load the snippet. If you paste it sitewide, it appears on every page. If you only want it on specific pages, you can paste it on just those pages. Most businesses add it sitewide so no visitor misses it.

WordPress ChatbotShopify ChatbotWix ChatbotSquarespace ChatbotWebsite Chatbot

Frequently Asked Questions

No. The snippet loads asynchronously, meaning it does not block your page from loading. The chatbot widget only initializes after your page content is already visible. Most performance tests show zero measurable impact on page load scores.
Yes. Paste the snippet only on the pages where you want the chatbot to appear. This is common for businesses that want the chatbot on a contact page or product pages but not on a blog.
Absolutely. The snippet is two lines of HTML. Any developer can add it in minutes. I provide written instructions and the exact code. Most developers find it simpler than anything else I ask them to do.
Yes. The widget is fully responsive. It adapts to small screens automatically. On mobile, it appears as a floating button that expands into a full-screen chat panel. No separate mobile setup is required.
You paste the same snippet on the new site. The chatbot, its knowledge base, and all its configuration stay on my server unchanged. Moving platforms does not affect the chatbot at all.