How to Build an AI Chatbot in Less Than 10 Minutes (Chatbase Tutorial)

Overview

This guide follows the exact steps shown in Joren Wouters’ YouTube tutorial. You’ll learn how to:

1. Create a Chatbase account and new chatbot.
2. Train the bot with specific website URLs.
3. Fine‑tune answers in the playground.
4. Configure widget appearance and settings.
5. Embed the bot on a WordPress site using a header‑footer plugin.

Prerequisites

• A free or paid Chatbase account (https://chatimize.com/cb/).
• Access to the business website you want to train the bot on.
• WordPress admin credentials and the Insert Headers and Footers plugin (or any plugin that allows adding custom code).

Step‑by‑Step Instructions

1. Create a Chatbase Chatbot

1. Go to https://chatimize.com/cb/ and click Try for Free.
2. Sign in with Google or another method.
3. In the dashboard, click New Chatbot.
4. Name your bot (e.g., My Jewellery Assistant). Click Create Chatbot.

2. Train the Chatbot on Your Website

1. In the bot editor, click Add a Data Source → Website.
2. Instead of crawling the whole site, click + Add URL and paste the specific customer‑service pages you want the bot to learn from.
3. Add all relevant URLs (e.g., https://myjewellery.com/faq, https://myjewellery.com/returns).
4. Click Create Chatbot. The bot will show Training in progress.
5. Refresh the page until each URL shows Trained. If a page has very few characters, consider converting it to a PDF and uploading it as a File data source.

3. Refine Answers in the Playground

1. After training, click Playground.
2. On the left, choose a model (default GPT‑4 is fine). Set Temperature to a low value (e.g., 0.2) for factual answers.
3. Click the Edit icon to open the System Prompt editor. Use a pre‑built prompt like Customer Support Agent or write your own.
4. Test with sample questions such as "When will my package be delivered?".
5. If the answer is inaccurate, click Revise Answer in the activity log, provide the correct response, and save. The bot will learn from this.

4. Configure Widget Settings

1. In the bot dashboard, go to Settings.
2. Set the Name (e.g., My Jewellery Assistant).
3. Under Chat Interface:
   • Welcome Message: "I’m the digital assistant of My Jewellery, how can I help you?"
   • Add Suggested Messages (buttons) like Delivery Time, Return Policy.
   • Upload a Logo and Chat Icon that match your brand.
   • Choose a Color that matches your site (e.g., pink).
4. Under Leads, toggle Disable to prevent the default contact form.
5. Under Training Frequency, set to Every 24 hours so the bot stays up to date.
6. Save all changes.

5. Embed the Bot on WordPress

1. In the bot dashboard, click Connect → Embed.
2. Click Make Public and copy the provided JavaScript snippet.
3. In WordPress, install and activate the Insert Headers and Footers plugin.
4. Go to Settings → Insert Headers and Footers.
5. Paste the script into the Scripts in Footer box.
6. Click Save.
7. Visit the front‑end of your site; a chat bubble should appear in the bottom‑right corner.
8. Test by clicking the bubble and asking a question.

Tips & Gotchas

• Training Time: Small sites finish quickly; larger sites may take 5‑10 minutes.
• Low Character Count: If a URL shows very few characters, the crawler couldn’t read the page. Convert to PDF or copy the content into a text file and add it as a File source.
• Answer Accuracy: Use the Revise Answer feature after each test to improve reliability.
• Lead Form: Disabling leads is recommended for pure support bots; enable only if you want to capture user info.
• Color Matching: Pick a brand color that contrasts well with the chat bubble for visibility.
• Deployment: The script can be added to any CMS, not just WordPress; just place it before the closing </body> tag.

Resources

• Chatbase: https://chatimize.com/cb/
• Insert Headers and Footers plugin: https://wordpress.org/plugins/insert-headers-and-footers/