How to Build AI Chatbots for Clients with Chatbase

Overview

This guide follows the exact steps shown in the YouTube video "How to Build AI Chatbots for Clients (FULL GUIDE + SETUP)". It covers creating a new chatbot, feeding it data, fine‑tuning its behavior, styling the chat interface, enabling lead capture, and embedding the widget on a website.

Prerequisites

1. A free Chatbase account (https://www.chatbase.co/).
2. Access to the data you want the bot to learn from: a website URL, Notion pages, or Q&A pairs.
3. A Squarespace site (or any site builder that allows custom code snippets) for deployment.

Step‑by‑Step Instructions

1. Create a New Chatbot

1. Log in to Chatbase and go to your dashboard.
2. Click New Chatbot.
3. You will land on the Data Sources page.

2. Add Training Data

a. Website

1. In the Website section, paste the URL of the site you want the bot to learn from.
2. Click Fetch Links – Chatbase will crawl the site and list discovered pages.
3. If the site is large, remove unnecessary links to stay within the character limit.

b. Notion

1. In the Notion section, click Import.
2. Authorize Chatbase to access your Notion workspace.
3. Select the pages you want to include (e.g., a FAQ or knowledge‑base section).

c. Q&A (Optional)

1. In the Q&A section, type a question and its answer to guarantee the bot knows the response.

3. Train the Bot

1. After adding all sources, click Create Chatbot.
2. The bot will enter a training state; wait until the status shows Trained.

4. Test in the Playground

1. Once trained, you’ll be taken to the Playground.
2. Use the chat widget to ask sample questions.
3. Toggle Compare Mode to add multiple bots (e.g., GPT‑4o, GPT‑4‑mini, GPT‑4‑turbo) and compare responses.

5. Fine‑Tune Model & Instructions

1. In the left menu, select AI Settings.
2. Choose the model (GPT‑4o is recommended for most use‑cases).
3. Set Temperature (e.g., 0.3 for factual, 0.7 for more creative).
4. Click Instructions and pick a preset (e.g., Sales Agent) or enter a custom prompt.
5. Save changes.

6. Customize the Chat Interface

1. Go to Settings → Chat Interface.
2. Edit:
   • Profile Picture – upload a brand image.
   • Chat Icon – optional custom icon.
   • Message Colors – match your brand palette.
   • Suggested Messages – add quick‑reply buttons.
   • Message Placeholder – e.g., "Ask me anything about our services…".
   • Footer – add a disclaimer or privacy‑policy link.
3. Click Save.

7. Enable Lead Capture (Optional)

1. In Settings → Leads, toggle Collect Leads on.
2. Configure the fields you want to capture (name, email, phone).
3. Enable Zapier integration to send leads to your CRM.

8. Deploy the Widget

1. Go to Deploy → Chat Widget.
2. Switch the bot to Public.
3. Copy the provided JavaScript snippet.
4. In Squarespace, edit the page where you want the chat bubble.
5. Add a Code Block and paste the snippet.
6. Save and preview – the chat bubble should appear.

9. Verify Functionality

1. Open the live site and click the chat icon.
2. Test a few questions to ensure the bot responds correctly.
3. Check the Activity tab in Chatbase for conversation logs.

Tips & Gotchas

• Character Limits: Free plans have a 11 million‑character cap. Trim large sites or split data into multiple bots if needed.
• Model Costs: Higher‑tier models (e.g., GPT‑4o) cost more credits. Stick with GPT‑4‑mini for simple FAQs to save credits.
• Lead Capture: If you enable leads, remember to comply with GDPR/CCPA by adding a privacy notice.
• Testing: Use the Compare feature to pick the best model before going live.
• Custom Domain: For a fully white‑labeled experience, set a custom domain in the Deploy settings.
• Zapier: Connect to your CRM only after the bot is stable to avoid duplicate leads.
• Updates: Re‑train the bot whenever you add new content to your website or Notion pages.

Sources: Video transcript and description from YouTube (https://www.youtube.com/watch?v=3-cnNsF6gBU) and Chatbase documentation (https://www.chatbase.co/user-guides/quick-start/your-first-agent).