How to add an AI chatbot to your website (2026 guide, one script tag)

How to add an AI chatbot to your website

Short answer

Paste a single script tag before </body> in your site's shared layout. With Flocci Chat, the widget appears immediately and starts learning your site on its own — an onboarding crawl plus passive learning of every page visitors open. No content uploads, no flows to build; most sites answer real questions accurately the same day.

What you actually need (it's less than you think)

You don't need a developer team, a content migration, or a "bot flow" designer. A modern grounded chatbot needs three things: your website's content, a retrieval engine, and a widget. With Flocci Chat, the first is read automatically, the second is built in (hybrid vector + full-text search over your pages), and the third is one script tag:

<script
  src="https://chat.flocci.in/widget.js"
  data-key="fch_live_your_widget_key"
  data-api="https://chat.flocci.in"
  async defer
></script>

Step by step

Create a workspace at chat.flocci.in — self-service, under a minute, 500 free credits, no card. Your widget key is generated instantly.
Paste the snippet once in your shared layout (theme footer, _app, index.html — wherever every page ends). The launcher appears immediately.
Let it learn. Kick off the crawl from the dashboard, or simply browse your own site for five minutes — every page you open is learned on the spot, after all JavaScript runs.
Test like a customer. Ask about pricing, refunds, and one thing your site doesn't answer. The first two should come back cited; the third should offer a human — that's the confidence gate working.

Does this work on React, Wix, Webflow or WordPress?

Yes. Because the widget reads pages exactly as visitors see them — after scripts execute — client-rendered stacks (React, Vue, Angular, SPAs) and no-code builders are covered the same as plain HTML. This is the step where crawl-only chatbot trainers fail: their server-side fetch of a React site sees an empty root div. See chatbots for React & SPA websites.

What should you configure before launch?

In the dashboard: the assistant's name, greeting, colors and tone (professional, friendly or casual); your support email for ticket notifications; and — if you have logged-in users — the identity integration so the assistant can greet verified customers and act on their account. Add data-passive-ingest="off" on private, logged-in surfaces so in-app content never enters the knowledge base.

What does it cost?

Flocci Chat meters one thing: answered visitor messages, at one credit each. Signup includes 500 free credits. Crawling, uploads, tickets, analytics and unanswered turns are free. Full details in what an AI chatbot costs in India.

Frequently asked questions

How long does it take to add an AI chatbot to a website?

Minutes. Creating a workspace and pasting the script tag typically takes under ten minutes; the knowledge base fills itself the same day via the onboarding crawl and passive learning of pages visitors open.

Do I need to upload my content to train the chatbot?

No. Flocci Chat learns your site automatically — a crawl at onboarding plus passive learning of every rendered page. You can optionally upload PDFs, docs or pasted text for content that isn't on the site.

Will the chatbot slow my website down?

The widget loads async and defer, renders in a Shadow DOM so it can't clash with your CSS, and fails silently if anything goes wrong — it never blocks your page load.

Can I add the chatbot to only some pages?

Yes — the script tag only renders where you include it, and passive learning can be disabled per page with data-passive-ingest="off" (recommended for logged-in dashboards).

Website par chatbot kaise lagayein?

Ek script tag paste kariye apne site ke layout mein — bas. Flocci Chat khud aapki poori website padh leta hai (React/Wix/WordPress sab par) aur visitors ke sawaalon ka jawab sources ke saath deta hai. 500 free credits ke saath shuruaat muft hai.

Try it on your own website

One script tag. 500 free credits — roughly 500 answered visitor messages. Every feature on, no card. The widget in the corner of this page is the product, running on its own site.

Create your workspace — free