Chatbot Flow is often presented as a WordPress solution — and that is indeed its simplest installation method. But the reality is that any website can benefit from an AI chatbot, regardless of the technology it's built on. Shopify, Webflow, Wix, Squarespace, Prestashop, static HTML, React, Vue.js: everything works exactly the same way.
Why AI Chatbots Aren't Just for WordPress
WordPress powers roughly 43% of websites worldwide, but the other 57% deserve intelligent chatbots too. Whether you built your site on a no-code CMS, a dedicated e-commerce platform, or custom-built code, the logic is the same:
- You have visitors who have questions
- Those visitors often leave without getting answers
- An AI chatbot can change that
Chatbot Flow provides a universal JavaScript snippet that integrates in one line into any web page. The intelligence is hosted on our servers — the host site only needs a small piece of code to display the widget.
Installation in 1 Line of Code
After creating your Chatbot Flow account and configuring your chatbot, you'll find a "JS Integration" section in your dashboard. The snippet looks like this:
<script src="https://cdn.chatbot-flow.com/widget.js"
data-key="YOUR_API_KEY"
defer></script>That's it. Paste this code before the </body> tag of your site and the widget appears. The chatbot loads asynchronously (the defer attribute) — it doesn't affect your site's load speed.
Security: your API key is tied to your domain. If someone tries to reuse it on another site, requests will be rejected. You can also define authorised domains from your dashboard.
Platform-by-Platform Installation Guides
Shopify
In your Shopify admin, go to Online Store > Themes > Actions > Edit code. Open the theme.liquid file and paste the snippet just before </body>. Save. The chatbot appears immediately on all pages of your store.
Shopify tip: configure Chatbot Flow to index your Shopify domain. Product listings, FAQ pages, return policy and shipping information will all be automatically included in the chatbot's knowledge base.
Webflow
In Webflow Designer, click the gear icon (project settings), then the Custom Code tab. In the "Footer Code" section, paste the snippet. Publish your site. The widget appears on all pages.
Webflow generates clean sitemaps — Chatbot Flow can crawl your Webflow site without any additional configuration.
Wix
In the Wix dashboard, go to Settings > Custom Code (available on Business plans and above). Add the snippet in the "Body" section and select "All Pages." Publish.
Note: Wix requires a paid plan to access custom code. The Business Standard plan (around $17/month) is sufficient.
Squarespace
Via Pages > Code Injection or through Settings > Advanced > Code Injection, paste the snippet in the "Footer" area. The widget appears across the entire site.
Prestashop
In the Prestashop back office, go to Design > Theme & Logo > Customize your theme, or edit the footer.tpl file of your active theme directly. Paste the snippet before </body>. If you're not comfortable editing code, your developer can do it in 2 minutes.
Static HTML
On a classic HTML site, paste the snippet into each page where you want the chatbot, just before </body>. If your site uses a shared layout (PHP include, SSI template), add the code once in that layout file.
Install the Chatbot on Your Site Right Now
30-day free trial, no credit card required. JS snippet included in all plans.
Same Features as the WordPress Version
The JS snippet version offers exactly the same capabilities as the WordPress plugin:
- Automatic site indexing (daily crawl by URL or sitemap)
- RAG knowledge base built from your content
- All triggers (exit intent, delay, scroll, inactivity, specific URL)
- Lead capture with immediate email notification
- Full appearance customisation (colours, icon, messages)
- Conversation history and analytics in your Chatbot Flow dashboard
- GDPR compliance (data hosted in France)
The only difference: management happens from your Chatbot Flow space (app.chatbot-flow.com) rather than from the WordPress back office. The interface is identical.
FAQ — 5 Common Questions About Non-WordPress Integration
Will the chatbot slow down my site?
No. The snippet loads in defer (asynchronous) mode, which means it doesn't block your page rendering. Its impact on Core Web Vitals is negligible — typically less than 5 ms of additional LCP delay.
How does Chatbot Flow index my non-WordPress site?
From your dashboard, you provide your site URL and/or your XML sitemap URL. Chatbot Flow crawls your site exactly like a search engine: it follows links, extracts the text content from each page, and indexes it into your RAG knowledge base. The crawl runs once every 24 hours.
Can I install the chatbot on only part of my site?
Yes. You can use the "Specific URL / pattern" trigger to activate the chatbot only on certain pages. For example: only on pages whose URL contains "/products/" or "/services/". The button will still be visible on the rest of the site but won't open automatically.
Does the JS snippet work with a React or Vue.js site?
Yes, perfectly. The widget injects itself into the DOM autonomously and doesn't depend on the framework being used. It works just as well on single-page applications (SPAs) as on classic multi-page sites.
Can I migrate from the WordPress version to the JS snippet, or vice versa?
Yes. Your Chatbot Flow account, your RAG knowledge base and all your data are independent of the installation method. You can switch from the WordPress plugin to the JS snippet (or back) at any time without losing your configuration or conversation history.