How to Add a Chatbot to Wix, Squarespace, and Shopify

To add a chatbot to Wix, Squarespace or Shopify, you paste one small embed snippet into the site-wide code setting each builder provides: Custom Code on Wix, Code Injection on Squarespace, and the theme code or an embed app on Shopify. No coding is needed beyond copy and paste. Botlery can build, train and install an AI chatbot for you for $10 a month or $100 a year managed, or $200 one-time on your own accounts.

Updated September 2026 · 10 min read · By Rohail Nisar, founder of Botlery

Whatever builder your site runs on, adding a chatbot comes down to the same move: dropping one small snippet of code into a settings box. Here is exactly where that box lives on Wix, Squarespace, and Shopify, and how to skip the whole step entirely if you would rather have it done for you.

The one thing every builder has in common

Website builders differ in where they hide the setting, but they all give you a place to add a site-wide custom code snippet. A chatbot is just that: a short piece of code that loads a chat widget in the corner of every page. Once it is in, the widget appears everywhere automatically, and you never have to touch each page individually.

That is the key mental shift. You are not building anything on the page itself, and you are not installing heavy software. You are pasting one line into a box the builder already provides, and the widget takes care of the rest. Knowing that makes the whole process far less intimidating than it sounds.

Where the setting lives on each builder

Adding a chatbot to Wix

In Wix, open your site's dashboard, go to Settings, and find the Custom Code area. You add a new snippet, paste the chatbot code, choose to load it on all pages, and place it in the body section. Save and publish, and the widget shows up across your site.

Wix keeps this reasonably visible, and it lets you name each snippet, which is handy if you add more code later. Once published, load your live site in a fresh tab to confirm the chat bubble appears where you expect it, then send it a test message to make sure it responds.

Adding a chatbot to Squarespace

Squarespace keeps this under Settings, then Advanced, then Code Injection. Paste the snippet into the footer field, save, and the chatbot appears on every page. Because Code Injection is site-wide, you only do this once, and it applies to every page you have now and every page you add in the future.

The footer field is the standard home for third-party widgets like this, so you are using the tool exactly as intended. If your site uses password protection or a coming-soon page, remember to disable that while testing, so you can actually see the widget load.

Adding a chatbot to Shopify

Shopify gives you two paths. You can edit your theme code and paste the snippet just before the closing body tag, or you can use an app that provides an embed slot. Either way, the widget then loads across your storefront so visitors can chat from any product or page.

If you are comfortable in the theme editor, the direct method is quick. If not, the app route keeps you out of the code entirely. For a store, the chatbot is especially useful because shoppers often have one small question, about sizing, shipping, or availability, that stands between them and a purchase, and an instant answer keeps them from abandoning the cart.

What the steps look like side by side

• Copy the snippet once, from a single source.
• Paste it into your builder's custom code area.
• Save and publish, then load your site to confirm the widget appears.
• Test it by asking the questions your customers actually ask.
• Check your phone, since the chat widget should be easy to use on mobile too.

Common mistakes to avoid

A few small missteps trip people up. The most common is pasting the snippet on a single page instead of site-wide, so the chatbot appears on the homepage but vanishes on your service and contact pages, exactly where buyers make decisions. Always use the site-wide custom code or code injection area so the widget follows visitors everywhere.

Another is forgetting to publish. On Wix and Squarespace especially, changes sit in draft until you publish, so the widget will not appear on your live site until you do. And do not skip the test message. Loading your live site and actually chatting with the bot is the only way to confirm it is working and answering the way you want before real customers rely on it.

Finally, resist the urge to add several different chat or popup tools at once. Multiple widgets fighting for the same corner of the screen look cluttered and can confuse visitors. One well-trained chatbot that genuinely answers questions and captures leads beats a pile of competing popups every time.

Why the snippet is only half the job

Getting the widget on the page is the easy part, and honestly it is the part that matters least. A blank chatbot that cannot answer your customers is just decoration. The real work is training it on your actual services, prices, hours, and policies so that when a visitor asks a real question, it gives a real, accurate answer instead of a shrug.

That training is what turns a chat bubble into a genuine lead-capture tool. A properly trained bot recognizes an interested buyer, gathers their name and number, logs the details to a Google Sheet, and emails you right away, so you can follow up while they are still interested. That is the difference between a gimmick and something that actually grows your business.

The done-for-you option

If pasting code is not how you want to spend an afternoon, Botlery installs the chatbot for you. It is run by founder Rohail Nisar with a small team of freelance developers, not an agency, and they set it up, train it on your real business, and make sure it loads correctly on your builder. You can read more about the AI chatbot for small business and see how it fits a site like yours.

This is the route most busy owners choose. You hand over your details, they handle the technical placement and the training, and you get a working chatbot without ever opening a settings menu. The value is not really in the paste step, it is in teaching the bot to answer like you would, and that is the part Botlery takes off your plate.

What a website chatbot costs

The managed chatbot is $10 a month, or $100 a year with two months free, fully managed by Botlery. Prefer to own it on your own accounts? That is a $200 one-time build, yours forever. There is no payment up front either way, because you test a free demo trained on your real business first and pay only if you are happy. That is roughly 80% cheaper than a typical agency. Check the pricing or request a demo to start.

Keeping the chatbot on-brand across three very different platforms

Wix, Squarespace, and Shopify each style embedded widgets a little differently, so a bot that looks sharp on one can feel bolted-on somewhere else. The fix is small but worth doing: match the bubble color to your accent color, set the greeting to sound like you rather than a generic assistant, and place the launcher where it will not cover a checkout button on mobile. A few minutes of tuning is the difference between a widget visitors trust and one they close on sight.

On Shopify in particular, point the bot at your real policies for shipping, returns, and order status so it can answer the questions that otherwise flood your inbox, and let it hand off genuine sales leads to your chatbot capture flow.

The bottom line on adding a chatbot to Wix, Squarespace or Shopify

Adding a chatbot to Wix, Squarespace, or Shopify is a one-snippet job, and any of the three can be live in minutes. Do it yourself with the steps above, or let Botlery handle the install and the training. Either way, you can turn website visitors into captured leads instead of watching them leave. Email hello@botlery.com to get going, or explore how to add an AI chatbot to any website.

Frequently asked questions