Add an AI Chatbot to Your Website
Your customers have questions at 2am. You're asleep. They leave your site and buy from someone else. Here's how to put an AI chatbot on your website that answers questions 24/7 based on your actual business information.
Tools You'll Need
| Tool | What It Does | Cost | Link |
|---|---|---|---|
| Tidio | AI chatbot that learns from your business content | Free – $29/mo | Get it → |
| Claude or ChatGPT | Helps write your chatbot's FAQ and conversation scripts | Free | Get it → |
The Walkthrough
Step 1: Sign Up for Tidio
What to do: Go to Tidio and create a free account. Select “AI Chatbot” as your primary feature.
Why you’re doing it: Tidio offers a free tier with AI chatbot capabilities. It sits on your website as a chat widget and answers customer questions using information you provide.
What to expect: Account creation takes 5 minutes. You’ll immediately see the chatbot configuration dashboard.
Step 2: Train the Chatbot on Your Business
What to do: Upload your FAQ content, service descriptions, pricing, hours, and policies. If you built a FAQ page using our FAQ blueprint, export that content and feed it to Tidio.
Use this prompt to write your chatbot FAQ content: Ask Claude: “Write a chatbot FAQ for [business name], a [business type]. Cover these topics: hours and location, pricing and payment, [your main service or product questions], returns or cancellations, and how to get in touch. For each topic write a short, direct answer under 75 words. Friendly tone — the chatbot should sound like a helpful team member, not a legal document.”
Why you’re doing it: The AI chatbot is only as good as the information you give it. The more business context, the better it handles questions.
What to expect: 15–30 minutes of content upload. The AI processes it and creates its knowledge base.
Step 3: Add the Chat Widget to Your Website
What to do: Copy the JavaScript snippet from Tidio and paste it into your website’s HTML, just before the closing body tag. Most website builders (Wix, WordPress, Squarespace) have a dedicated spot for this.
Why you’re doing it: This is what makes the chat bubble appear on your site.
What to expect: The widget appears immediately after adding the code. It works on desktop and mobile.
Step 4: Set Up Handoff Rules
What to do: Configure when the chatbot should hand off to a human. Set rules like: if the customer mentions “refund,” “complaint,” or asks the same question 3 times, escalate to your email.
Why you’re doing it: AI handles routine questions. Humans handle sensitive situations. The handoff needs to be seamless.
Step 5: Test and Refine
What to do: Spend 10 minutes chatting with your own bot. Ask tough questions. Find the gaps and add more training content.
Why you’re doing it: Testing reveals what your chatbot can’t handle yet. Every gap you fill now prevents a frustrated customer later.
What to Do If It Doesn’t Work
- Problem: “The chatbot gives wrong answers.” — Review its training data. Incorrect or outdated information is the most common cause.
- Problem: “Customers ignore the chatbot.” — Set it to proactively greet visitors after 10 seconds: “Hi! Can I help you find something?”
- Need more help? Tidio Help or email us at hello@thenewsbakery.com.