Automation
How to Build a Custom AI Chatbot for Your Website
Train a bot on your content — answer customer questions 24/7
Intermediate5 steps
About This Recipe
Your customers have questions. You're tired of answering the same ones repeatedly. And hiring 24/7 support isn't in the budget.
In this recipe, you'll build a custom AI chatbot trained on YOUR content — your website, documentation, or knowledge base. It answers questions accurately, sounds like your brand, and works while you sleep.
Before You Start
- Website or documentation to train on
- Chatbase account (free tier available)
- Basic understanding of HTML for embedding
Steps
5 steps to complete this recipe
1
Sign Up and Create Your Bot
Go to Chatbase.co and create a free account. Click 'Create New Chatbot'.
You'll see data source options: Website, Files, Text, Q&A, Notion. We'll start with Website for the easiest setup.
Free tier includes: 100 messages/month, 1 chatbot, 400K characters of training data.
Claude 3.5 Sonnet uses only 1 credit per response vs 20 for GPT-4. Choose wisely for your volume.
2
Train on Your Content
Enter your website URL and click 'Crawl'. Chatbase will scrape your pages.
Review discovered pages and deselect any you don't want included (privacy policy, terms, etc.).
For best results: Also upload your FAQ, support docs, and common customer emails as additional files.
The more specific your training data, the better the answers. Quality over quantity.
3
Customize Personality
Navigate to Settings → AI Model. Set your base prompt to control behavior:
Example: 'You are a friendly customer support assistant for [Company]. Be helpful, concise, and friendly. If you don't know something, admit it. Direct complex issues to support@company.com.'
Customize the chat widget: Theme color, welcome message, suggested questions, position.
You are a helpful customer support assistant for [Company Na...4
Test and Refine
Use the Playground to test (doesn't count against credits). Ask questions from different angles.
Test: Questions your content answers, questions it shouldn't answer, off-topic questions.
Add Q&A pairs for commonly missed questions — these get highest priority.
View conversation logs after going live. They reveal exactly what your customers are asking.
5
Embed on Your Website
Go to Settings → Embed. Copy the script code.
Paste before </body> in your website. Most platforms: WordPress footer.php, Webflow custom code, Framer site settings.
Test on your live site. The chat bubble should appear in the corner.
Key Prompts
Ready-to-use prompts for this recipe
1
Friendly Support Bot
ChatbaseYou are a friendly customer support assistant for [Company]. Be helpful and conc...2
Sales Assistant Bot
ChatbaseYou are a helpful sales assistant for [Company]. Answer product questions, help...Variations & Alternatives
Internal Knowledge Bot
Train on company docs, SOPs, and internal wikis. Great for employee onboarding.
Lead Capture Bot
Configure to collect email before answering. Build your list from curious visitors.
Share Your Creation
Have a Recipe to Share?
Help the community learn by sharing your own AI creation workflows. Your recipe could inspire thousands of creators.
Submit Your Recipe