LanguageENES
GuidesSep 17, 2026 · 7 min read

How to add an AI chatbot to your website

Installing takes one line of code. Four decisions before it (surface, pages, sources and domains) decide whether anyone uses it.

Hernan MoyaCo-Founder
The one script tag that installs the widget, pasted before the closing body tag
The one script tag that installs the widget, pasted before the closing body tag

Adding an AI chatbot to a website takes one line of code and about a minute. That part is not where it goes wrong.

What decides whether anyone uses it is four choices you make before pasting anything: what shape it takes on the page, which pages it lives on, what it answers from, and where it is allowed to run.

The part that takes a minute

Copy the tag from the widget's Install tab and paste it just before the closing body tag.

Before </body>
<script src="https://cdn.welcomeai.dev/widget.js" data-widget="wg_xxxxxxxxxxxx" async></script>

Nothing else is required. The script loads asynchronously, so it does not hold up the rest of your page, and the widget is detected automatically the first time it answers on a real visit.

welcomeai.devWidgets and installation: the script tag, surfaces and allowed domains

Decision 1: what shape it takes

"Chatbot" suggests a bubble in the corner. That is one of six surfaces, and often not the right one. Pick by where it appears on the page and how it opens, not by what it is called.

InteractiveSix ways the same knowledge base can appear on a page

Floating chat and Inline chat are on every plan; the other four need Pro. Spotlight and Inline input answer one question at a time, which is also why they are the two that do not run a lead form across several turns.

Decision 2: which pages it lives on

The same script can run site-wide, but the right surface changes with the job the page does.

Page
Surface that fits
Why
Home and marketing pages
Floating chat
Most visitors browse; a closed bubble stays out of the way
Help centre or FAQ
Inline chat or Spotlight
The visitor came to ask, so the box should already be there
Documentation
Docs assistant
Answers open beside the page, and citations jump to the section
Pricing and product pages
Floating chat
Questions come late, right before a decision
Nowhere to embed at all
Full page
A hosted page at your own address

Decision 3: what it answers from

The widget is only the window. What it says comes from the knowledge base behind it: the pages, documents and question-and-answer pairs you give it.

When nothing in that material covers a question, it says so instead of improvising. That refusal is a feature, and it is also your to-do list: every question it could not answer is a page someone has not written yet.

welcomeai.devHow to build an AI knowledge base for your business

Decision 4: where it is allowed to run

List every domain, including staging

A widget only answers on the domains you list. Add each host it will run on: the live site and any staging or preview address. *.example.com covers subdomains. A request from anywhere else is refused, which is what stops someone copying your tag onto their own site.

If your site runs on a platform

You do not have to touch templates. WordPress and Shopify have their own install path, Webflow keeps your site content in sync, and React apps get a component instead of a tag.

welcomeai.devIntegrations: WordPress, Webflow, Shopify, React and where leads can go

How you know it is actually live

About five minutes gets you from an empty workspace to an assistant answering on your site, if you start from content you already have. The setup checklist will not tick the install step when you paste the tag; it waits for the widget's first real answer on a live page. That is the only step that proves it works where your visitors are.

welcomeai.devProduct walkthrough: one minute from upload to answer

Questions people ask

Paste the tag last. Choose the surface for the page, give it something worth answering from, list the domains, and the minute of installing is the easy part it was always meant to be.

Taggedwidgetinstallationgetting-startedsurfacesintegrations
Written byHernan Moya

Keep reading