Guide

How to add an AI chatbot to your website

You can add an AI chatbot to any website in under five minutes by choosing a document-grounded chatbot platform, uploading your service and pricing content, customizing the widget, and pasting a one-line JavaScript snippet into your site. This guide walks through each step in order, with no coding required.

Last updated: April 26, 2026 · 8-minute read

The quick version

  1. Pick a document-grounded AI chatbot platform.
  2. Gather your service pages, pricing, and FAQs.
  3. Upload them to the platform's dashboard.
  4. Customize the widget's branding.
  5. Paste the JavaScript snippet into your site.
  6. Test with real customer questions.

The full walkthrough below explains each step in detail and how to avoid the most common setup mistakes.

Step 1

Pick the right kind of chatbot

There are two main types of website chatbots in 2026: rule-based bots that follow a decision tree, and AI chatbots that generate answers from your content. For most small businesses, an AI chatbot grounded in your own documents is the better choice — it handles unpredictable questions without you scripting every possible reply.

Step 2

Gather your source content

Collect everything a customer might ask about: service descriptions, pricing pages, FAQs, policies, hours, contact details, and any onboarding documents. Common formats include PDFs, Word docs, plain text, and existing website pages. The more comprehensive your sources, the more useful the chatbot.

Step 3

Choose an AI chatbot platform

Look for a platform that grounds answers strictly in your content (no hallucinations), installs with a single JavaScript snippet, and offers predictable pricing. AskTheBubble is built for this exact use case, with flat plans starting at $50/month and an optional $500 human-led setup.

Step 4

Upload your documents

Sign up and upload your source files. AskTheBubble accepts PDFs, plain text, and website URLs you want crawled. The platform automatically extracts and indexes the content into a private knowledge base for your chatbot only.

Step 5

Customize the widget

Set your brand color, upload your logo, write a welcome message, and pick a greeting. This step takes about three minutes. The widget appears as a floating bubble in the bottom corner of your site, matching your brand.

Step 6

Embed the snippet on your website

Copy the one-line JavaScript snippet from your dashboard and paste it into your website's <head> or just before </body>. This works on WordPress, Shopify, Webflow, Squarespace, Wix, Webflow, custom HTML — anywhere you can add a script tag. Save the page, refresh, and the chatbot is live.

Step 7

Test with real questions

Open your website and ask the chatbot the questions your customers actually ask. If any answers are wrong or missing, add the missing source material to your knowledge base — the bot updates immediately. Aim for at least 20 test questions covering the most common scenarios before announcing the bot to customers.

Step 8

Monitor conversations weekly

For the first month, review chatbot conversations weekly. Look for questions where the bot couldn't answer, then add or expand source documents to cover them. After about four weeks, the knowledge base usually plateaus and only needs occasional updates as your business changes.

Common mistakes to avoid

  • Uploading too little content. A chatbot is only as good as its source material. Aim for at least 5,000 words covering your most common customer questions.
  • Choosing a non-grounded chatbot. Generic GPT or Claude wrappers without retrieval will hallucinate. Always choose a platform that restricts answers to your uploaded documents.
  • Forgetting to test before launch. Run at least 20 realistic test questions before announcing the bot to customers. Fix any gaps in source content.
  • Hiding the widget at the bottom of long pages. The bubble should be persistent and visible from any scroll position. Most platforms handle this by default — leave it that way.
  • Picking per-seat or per-resolution pricing too early. Per-seat tools punish you when traffic grows. For small businesses, flat per-visitor plans are far more predictable.

Frequently asked questions

How do I add an AI chatbot to my website?

To add an AI chatbot to your website, choose a platform that trains a bot on your own documents, upload your content (PDFs, FAQs, service pages), customize the widget's branding, and paste a one-line JavaScript snippet into your site's HTML. The whole process typically takes under five minutes with a tool like AskTheBubble.

Do I need to know how to code?

No. Modern AI chatbot platforms are designed for non-developers. You upload documents through a dashboard, customize the widget visually, and paste a single line of JavaScript into your site. Every popular CMS — WordPress, Shopify, Webflow, Squarespace, Wix — has a clearly documented place to add a script tag.

How much does an AI chatbot cost?

AI chatbots for small businesses typically cost $40 to $300 per month depending on traffic. Per-seat tools like Intercom Fin run $39 to $139 per agent plus $0.99 per AI resolution, so monthly costs scale with your support team. Flat-rate tools like AskTheBubble cost $50 to $300 monthly with unlimited conversations within the plan's visitor tier.

How long does it take to set up?

A simple AI chatbot can be live in five minutes. The longest part is gathering source documents — once you have them ready, uploading, branding, and embedding the widget is fast. If you'd rather not do it yourself, AskTheBubble offers $500 one-time setup assistance where a real person handles the entire process.

Will the chatbot make things up?

It depends on the platform's defaults. AI chatbots that strictly ground answers in your uploaded content (like AskTheBubble) won't fabricate information — they'll say they don't know if the answer isn't in your knowledge base. General-purpose chatbots built on raw GPT or Claude without retrieval grounding will fill gaps with hallucinations and should not be used for customer-facing support.

What documents should I upload?

Start with: service or product descriptions, pricing pages, frequently asked questions, refund and shipping policies, business hours and contact info, onboarding instructions, and any common troubleshooting guides. If your website already has these as pages, most platforms can crawl them directly so you don't have to copy-paste content.

Can the chatbot replace human support entirely?

For most businesses, no — and that's not the goal. A well-configured AI chatbot answers 60–80% of repeat questions automatically (hours, pricing, policies, getting-started questions), freeing your support team to focus on complex or high-value issues that genuinely need a human.

Skip the setup — let us do it

Try AskTheBubble free for 14 days. Add our $500 setup help and a real person handles every step in this guide for you.