Hosted website builders make adding a chatbot easy in one way and confusing in another. Easy, because every one of them has a field for custom code and the chatbot snippet is a paste. Confusing, because each calls the field something different, hides it somewhere different, and gates it behind a different plan.
This guide covers Wix, Squarespace, and Webflow in one place: what the snippet is, where it goes on each, and how to check it worked.
The snippet, once
Create your chatbot, add a page or a PDF as a source, wait for it to process, and copy the embed code from the Chatbots area. It looks like this, with your own key in place of the placeholder:
<link rel="stylesheet" href="https://cdn.cortexvia.in/chatbotsdk-web.css" />
<script src="https://cdn.cortexvia.in/chatbotsdk-web.iife.js"></script>
<div id="cv-chat"></div>
<script>
window.ChatbotSDK.mount("#cv-chat", {
chatbotKey: "ctx-cb-xxxxxxxxxxxxxxxx",
config: { mode: "chatbot" }
});
</script>It is identical on all three platforms. Only the paste location changes.
Wix
- Open your site's dashboard and go to Settings → Custom Code.
- Click Add Custom Code.
- Paste the snippet, give it a name such as "Cortexvia chatbot".
- Under Add Code to Pages, choose All pages.
- Under Place Code in, choose Body – end.
- Apply, then Publish the site.
Custom Code requires a published site on a paid Wix plan with a connected domain; on a free Wix site the option is not available. The Wix guide page has screenshots and the common fixes.
Squarespace
- In the site menu, go to Settings → Advanced → Code Injection.
- Paste the snippet into the Footer box.
- Save.
Code Injection is available on the Business plan and above; Personal plans do not have it. If you only want the chatbot on one page, use that page's Settings → Advanced → Page Header Code Injection instead, though the site-wide footer is usually what you want. The Squarespace guide covers both.
Webflow
- Open Site settings → Custom code.
- Paste the snippet into the Footer code box.
- Save, then Publish the site.
Custom code in site settings is available on paid site plans; the free Starter plan does not include it. Changes do not appear until you publish. The Webflow guide has the details.
Test it on the live site
On all three, open the published site in a private window, not the editor preview, which often does not run custom code.
- The launcher appears in the corner.
- Ask a question your source actually answers, in the words a visitor would use. The answer should match your page.
- Ask something unrelated. It should say the topic is not covered and offer your contact details.
Common problems on hosted builders
Nothing appears in the editor. Expected. Custom code runs on the published site. Check the live URL.
Nothing appears on the live site. Confirm the site was republished after adding the code, that the code was set to all pages and the body end or footer, and that your plan includes custom code.
It appears but says it knows nothing. The source has not finished processing, or you copied the snippet before it did. Check the source status in the dashboard.
Two launchers. The snippet was added twice, once site-wide and once on a page. Remove one.
What to add after it works
Start with the pages that answer your most common questions: FAQ, shipping, returns, pricing. Then match the widget to your brand. The small business guide covers which pages first, and the platform hub links the WordPress, Shopify, React, Next.js, and plain HTML versions of this guide.
Frequently asked questions
Does it work on the free plans of these builders? Not on Wix free or Webflow Starter, because they do not allow custom code, and not on Squarespace Personal, which lacks Code Injection. The chatbot itself is free to start; the builder's plan is the constraint.
Will it slow down my site? The loader is deferred until the page is interactive and adds one stylesheet and one script from a CDN. It does not block your builder's own scripts or the metrics Core Web Vitals measures.
Can I show it inline instead of as a floating launcher?
Yes. Change mode to chat, give the container a height, and place the code on the page where you want the panel. The AI website search page shows what that looks like.
