How to add an AI chatbot to your website without coding

You can add an AI chatbot to your website in an afternoon, without writing code, by feeding it the content you already have and pasting one line into your site. This guide walks through the whole process and what to watch out for.

What you need before you start

• A website you can edit — WordPress, Shopify, Wix, Squarespace, or a hand-built HTML site. If you can add a "custom HTML" or "embed code" block, you can add a chatbot.
• Content the chatbot should answer from — a brochure PDF, a price list, an FAQ page, your policies, product descriptions. Anything customers ask about.
• About an hour. Most of that is gathering content, not technical setup.

You do not need a developer, a server, or any knowledge of machine learning.

Step 1: Gather your content

List the questions customers ask you most often — opening hours, prices, "do you deliver", "where are you", returns, booking. Then collect the documents and pages that answer them.

Good sources:

• PDF brochures, catalogues and price lists
• Text files of FAQs or policies
• Public pages on your existing website (paste the link)

Keep it focused. Ten accurate pages beat a hundred vague ones, because the chatbot answers only from what you give it.

Step 2: Add the content and let the chatbot learn

Upload the files or paste the page links into your chatbot tool. Behind the scenes it:

1. Splits each document into short passages.
2. Converts every passage into a numeric representation (an embedding) that captures its meaning.
3. Stores those so that, at question time, it can find the passages most relevant to what the visitor asked and answer from them.

This approach is called retrieval-augmented generation (RAG). The practical benefit: the bot quotes your material instead of guessing. If the answer isn't in your content, a well-built bot says it doesn't know rather than inventing something.

Step 3: Paste one line into your website

A modern chatbot tool gives you a single snippet like:

<script src="https://your-chatbot-host/widget.js" data-site="your-site-id" defer></script>

Paste it just before the closing </body> tag, or into your site builder's "custom code" / "embed" area. Save and reload. A chat button appears in the corner.

On common platforms:

• WordPress — use a "Custom HTML" block, or a headers-and-footers plugin.
• Shopify — Online Store → Themes → Edit code → theme.liquid, before </body>.
• Wix / Squarespace — add an embed / code block, or the site-wide custom code setting.

Step 4: Test with real questions

Ask it the exact questions your customers ask. Check that:

• Answers match your content and your tone.
• It declines gracefully when something is genuinely not covered.
• Links and contact details it gives are correct.

If an answer is wrong, the fix is almost always content, not settings — add the missing document and re-train.

Step 5: Review what people ask

After launch, read the logged conversations weekly. They tell you which content to add next and where your website has gaps. This is the loop that makes the bot better over time.

Common mistakes to avoid

• Dumping everything. Irrelevant content dilutes retrieval. Curate.
• No decline behaviour. A bot that always answers will eventually answer wrongly. Prefer one that admits uncertainty.
• Forgetting mobile. Check the chat box on a phone — most visitors are on one.
• Setting and forgetting. Content goes stale. Revisit prices, hours and policies.

How Smartbotify does this

Smartbotify is built around exactly these steps. You add PDFs or web-page links, it handles the chunking, embeddings and storage, and it gives you one <script> line for any site. Answers come only from your content, conversations are logged for review, and you can change the greeting, colour and position without touching code. See how it works or the FAQ.