Online Courses

AI Websites & Chatbots- DAY 21 OF 30 DAY

F
fecundcircle.com
14 min read









PHASE 3 · BUILD AI TRACK DAY 21 AI Websites & Chatbots Build a Professional Website + AI Chatbot in 40 Minutes — No Coding Required FECUND CIRCLE AI MASTERCLASS

PHASE 3 — BUILD AI TRACK
DAY 21 OF 30



If You Don’t Have a Website, AI Just Made That Problem Disappear

Welcome to Day 21 of the Fecund Circle 30-Day AI Masterclass. Today is the final lesson of Phase 3 — our Build AI Track — and we’ve saved one of the most practical sessions for last.

Right now, thousands of talented freelancers, entrepreneurs, and professionals across Africa and the UK are losing business every single day for one reason: they don’t have a website. Potential clients search online, can’t find them, and move on. The opportunity goes to someone with a landing page that took 25 minutes to build with AI.

That changes today. By the time you finish this lesson, you’ll have a live professional website and an AI chatbot that handles client inquiries for you — 24 hours a day, 7 days a week. No coding. No design experience. No expensive developer. Just the right AI tools in the right order.

We’re also setting up automated lead notifications using Zapier (free tier, 100 tasks/month) — so that every time someone enquires through your chatbot, you get an instant email notification. This is business automation at the beginner level. Note: Google’s equivalent product is Google Workspace Studio, but that requires a paid Workspace plan — so we use Zapier here.



🎯 What You’ll Learn in Day 21

  • 1 Build a professional business website using Framer AI from a single text prompt
  • 2 Generate high-quality website copy using Claude AI
  • 3 Set up a live AI chatbot widget on your website using Tidio
  • 4 Train a custom chatbot on your own business content using Chatbase
  • 5 Automate lead notification emails using Zapier (free, 100 tasks/month)
  • 6 Add professional video to your website with VideoExpress (one-time payment)



Meet the People This Lesson Is Built For

Every Day 21 lesson is anchored by two real-world case studies. These are the people our tools are designed for.

K
Kemi
🇳🇬 Freelance Accountant · Lagos, Nigeria

❌ BEFORE AI

Running her entire accounting business through WhatsApp. Sending her services list manually to every new enquiry. Answering the same five questions every day. No website — potential clients couldn’t find her online and went elsewhere.

✅ AFTER DAY 21

Professional accounting website live in 25 minutes. AI chatbot handles initial client enquiries, collects contact details, and books discovery calls automatically — even while Kemi is working with other clients.

J
James
🇬🇧 Virtual Assistant · Birmingham, UK

❌ BEFORE AI

Freelancing as a VA for two years with no website. Sending a PDF document to every potential client. UK clients searching for VAs online couldn’t find him — he was losing work to people with simple one-page websites.

✅ AFTER DAY 21

Clean VA services website with a portfolio section, service packages, and a Chatbase chatbot trained on his FAQ. The chatbot qualifies potential clients and collects their budget and timeline before they even speak to James.




The 6 Tools We’re Using Today

Today’s toolkit covers every stage of building your web presence with AI. Four are completely free to start. One is a premium affiliate tool worth every penny.

Tool What It Does Cost Difficulty Key Feature
🌐 Framer AI Builds your entire website from a text prompt Free tier ⭐ Beginner Full AI website generation in under 30 seconds
📝 Claude AI Writes professional website copy and chatbot scripts Free tier ⭐ Beginner Human-quality writing that sounds natural
🤖 Tidio AI chatbot + live chat widget for any website Free tier ⭐⭐ Beginner–Intermediate Embeds on any website in minutes
🧠 Chatbase Trains a chatbot on your own business content Free tier ⭐⭐ Beginner–Intermediate Upload your FAQ and the AI learns your business
🔷 Google Workspace Studio
workspace.google.com/studio
Google’s official automation tool (formerly Google Workspace Flows) — connects Gmail, Sheets, Drive with AI-powered workflows Paid Workspace Plan ⭐⭐ Intermediate Google’s automation platform — requires Business/Enterprise plan
⚡ Zapier ⭐ FREE FOR BEGINNERS
zapier.com
Connects your chatbot and website forms to email notifications automatically Free (100 tasks/mo) ⭐ Beginner Free automation for beginners — recommended for Step 5
🎬 VideoExpress AFFILIATE Adds professional video content to your website One-Time Payment ⭐ Beginner Premium video — pay once, use forever
🔷
Google Workspace Studio is Google’s official workflow automation platform (formerly Google Workspace Flows). It’s powerful and integrates deeply with Gmail, Drive and Sheets — but requires a paid Google Workspace Business plan. For beginners, Zapier (free tier) achieves the same chatbot-to-email automation with no cost and no Workspace subscription needed.



1
FRAMER AI · framer.com
Build Your Website in Under 2 Minutes

Go to framer.com and click Start for Free. Sign up — it takes about 30 seconds. Once you’re in, Framer AI will ask you to describe your website. This is your moment. Be specific.

Here’s the key insight: the more detail you give the AI, the better your website looks first time. Don’t just say “freelance accountant.” Give it your location, your services, your tone, and your target client. Use the prompt below as your starting point:

📋 FRAMER AI — WEBSITE BUILD PROMPT
Create a professional website for [Your Business Name], a [describe your service — e.g. freelance accounting service / virtual assistant / online tutoring] based in [your city, country].

The website should include:
• Home page with a compelling hero headline and subheadline
• About page explaining who I am and my experience
• Services page listing 3 services with descriptions and pricing
• Contact page with an inquiry form and WhatsApp button

Design preference: clean, modern, professional
Colour scheme: dark tones with [your brand colour] accents
Tone: trustworthy and approachable

Once Framer generates your site — don’t overthink the design. Click on sections to edit the text, update your headline, and adjust your brand colour. When you’re ready, click Publish. Your website is now live on the internet.

💡 Beginner Tip: Aim for live first, perfect later. A published website that’s 80% ready beats a perfect website that’s never finished.



2
CLAUDE AI · claude.ai
Write Professional Website Copy in Seconds

AI-generated websites look great, but the placeholder copy they come with is generic. Your website needs to sound like you — professional, warm, and specific to your audience. That’s where Claude AI comes in.

Open claude.ai in a new tab and use this prompt. Replace the bracketed sections with your actual details:

📝 CLAUDE AI — WEBSITE COPY GENERATOR
Write professional website copy for my [type of business] called [Business Name].

Please write the following sections:
1. Hero headline — 8–10 words, attention-grabbing, benefit-focused
2. Hero subheadline — 20–25 words explaining what I do and who I help
3. About section — 80–100 words, professional and warm, first person
4. 3 service descriptions — each with a title and 30-word description
5. Call-to-action button text — 5 words maximum
6. Footer tagline — 10 words

Target audience: [describe your ideal clients]
My location: [city/country]
Tone: professional but approachable
My unique value: [what makes you different from others]

Once Claude generates your copy, copy each section and paste it directly into your Framer website. This takes about five minutes and transforms a generic AI-built site into something that genuinely represents your brand.



3
TIDIO · tidio.com
Add a 24/7 AI Chatbot to Your Website

A website without a chatbot is like a shop without a receptionist. Tidio lets you add an AI-powered chatbot to your website — free — that greets visitors, answers questions, and collects contact details, even while you sleep.

Setup steps:

Go to tidio.com and sign up free. From the dashboard, go to Chatbots → Create New Chatbot → AI Chatbot. Your first task is writing the opening message your chatbot sends to every visitor. Use this prompt to write it:

🤖 TIDIO — CHATBOT WELCOME MESSAGE PROMPT
Write a professional chatbot welcome message for my [business type] website.

The chatbot should:
• Have a friendly, memorable name (suggest one based on my brand)
• Warmly greet the visitor
• Explain what it can help with (services info, pricing, booking enquiries)
• Ask one opening question to understand what the visitor needs

Requirements:
• Maximum 50 words total
• Tone: friendly, professional, and helpful — not robotic
• End with a question that invites a response

My business: [Business Name]
What I offer: [brief description of your services]

Once your chatbot is configured, go to Integrations → copy your embed code. In Framer, go to Settings → Custom Code and paste the embed code. Reload your website. Your chatbot widget will appear in the bottom right corner — live and active.

💡 Quick Win: Add your WhatsApp number as a fallback option in your chatbot flow. If the bot can’t answer a question, it directs the visitor directly to you on WhatsApp.



4
CHATBASE · chatbase.co
Train a Chatbot on YOUR Own Business Content

Tidio gives you a general chatbot. Chatbase takes it to the next level — it lets you train an AI chatbot specifically on your services, your prices, your process, and your FAQs. Visitors get accurate, personalised answers about your business without you lifting a finger.

Go to chatbase.co and click New Chatbot. You have three options for training your bot: upload a PDF document, paste your website URL, or type your FAQ content directly. We recommend starting with a well-structured FAQ document — use this prompt in Claude AI to create it first:

🧠 CHATBASE — FAQ TRAINING DOCUMENT PROMPT
Create a comprehensive FAQ document for my [business type] that I will upload to train my AI chatbot.

Include 15 questions and detailed answers covering:
• What services I offer and what is included
• How much I charge (use placeholder pricing where needed)
• How to get started and how to book a consultation
• How long my work takes to complete
• What happens after a client makes contact
• Payment methods I accept
• What makes me different from others
• What clients should prepare before our first call

Business name: [Your Business Name]
Location: [City/Country]
Services: [List your main services]
Target clients: [Who you work with]

Write answers in first person, as if you ARE the business owner. Warm, professional tone throughout.

Once Claude generates your FAQ document, copy the content into a Word doc, save it as a PDF, and upload it to Chatbase. Click Train. The AI reads your entire document and becomes an expert on your business in seconds. Test it by asking it the kinds of questions your clients would ask — you’ll be amazed at how accurately it responds.

Copy the Chatbase embed code and add it to your Framer website the same way you added Tidio. You can run both simultaneously or choose the one that fits your needs better.



5
ZAPIER (FREE) · zapier.com
Automate Your Lead Notifications (Never Miss an Enquiry)

🔷
Google’s automation tool is Google Workspace Studio (formerly Google Workspace Flows). It automates tasks across Gmail, Drive, Sheets and Docs using AI agents and is the correct Google product for this kind of workflow. However, it requires a paid Google Workspace Business or Enterprise plan — not free for individuals.

For beginners, Zapier achieves the same result: when someone submits an enquiry through your chatbot or contact form, you instantly receive an email with their details. Zapier’s free tier covers 100 tasks per month — enough for a growing small business.

What we’re setting up: When someone submits an enquiry through your chatbot or contact form → Zapier detects it → you receive an email with their name, email address, and message → instantly, on any device.

Go to zapier.com, sign up free, and click Create → New Zap. Set your Trigger as a new submission from Tidio, Chatbase, or your Framer contact form. Set the Action as Email by Zapier — enter your email address and map the visitor’s fields into the email body. Publish the Zap. Use this prompt in Claude to help plan your full automation:

⚡ ZAPIER — AUTOMATION SETUP PROMPT
I want to set up a Zapier automation so that when someone submits an enquiry through my website chatbot or contact form, I automatically receive an email notification with their details.

Help me design this Zapier workflow:

Trigger: New submission from my chatbot (Tidio or Chatbase) or my Framer contact form
Action 1: Send me an email notification with:
— Visitor’s full name
— Email address
— Phone number (if collected)
— Their enquiry message
— Date and time of submission

Action 2: (Optional) Send the visitor an automatic confirmation email saying their enquiry was received and I will respond within [X hours].

Please also:
1. Write the email subject line and body template with Zapier-style field placeholders (e.g. {{name}}, {{email}}, {{message}})
2. Write the auto-reply email to the visitor (professional, warm, under 80 words)
3. Suggest 3 other useful Zapier automations for a small [business type]

My details:
– Business: [name and type]
– My email: [your email]
– Chatbot tool: [Tidio / Chatbase / Framer form]
– Response time: [within 24 hours / same day]
– Tone: [professional / warm / friendly]

Once your Zap is live, your business runs 24/7 without you. The chatbot captures the lead. Zapier notifies you instantly. You respond when you’re ready. That’s real automation — and the free tier costs nothing.




Before AI vs. After AI — The Difference One Day Makes

BEFORE AI W Manual WhatsApp enquiries Same 5 questions answered daily No website — clients can’t find you Lost leads go to competitors Time wasted • Opportunities lost

AFTER AI Book Now 🤖

Professional website live in 25 mins AI chatbot handles 24/7 enquiries Zapier alerts — zero missed leads Discovery calls booked automatically Time saved • Revenue growing




🎬 PREMIUM TOOL — AFFILIATE
Take Your Website to the Next Level with VideoExpress
Add professional AI-powered video content to your website and stand out from every competitor in your space.
✦ One-time payment — no monthly subscription, no recurring fees

Get VideoExpress at fecundcircle.com →

Professional video is the fastest way to convert website visitors into clients. VideoExpress is available through the Fecund Circle affiliate link above.




5 Quick Tips for a Better AI Website

01

Publish first, perfect later. A live website that’s 80% ready beats a perfect website that sits in your drafts for three months. You can always improve it after launch.

02

Be specific in your Framer AI prompt. “Freelance accountant in Lagos helping small business owners with bookkeeping” generates a much better website than “accounting services.”

03

Keep your chatbot welcome message short. Under 50 words. Visitors don’t read long welcome messages — they respond to a direct, friendly question that addresses their need.

04

Test your chatbot before going live. Ask it 10 questions a real client might ask. Fix any gaps in your FAQ document before visitors start using it.

05

Add your WhatsApp as a chatbot fallback. Not every question can be answered by AI. Always give visitors a direct route to reach you if the bot can’t help.

3 Mistakes to Avoid

Leaving the AI-generated placeholder copy on your website. Generic copy reads as unprofessional instantly. Spend five minutes with Claude AI to replace every section with copy that actually represents you.

Not setting up automation (Zapier). Many people build the website and the chatbot but skip the automation. Without Zapier, you can miss enquiries for hours. The free tier covers everything you need — set it up in 10 minutes.

Training your chatbot on too little content. A 3-question FAQ creates a weak chatbot. A 15-question document with detailed answers creates an excellent one. More quality content = better bot performance.




DAY 21 ASSIGNMENT

Your Task for Today

Complete all three steps and share your results in the WhatsApp community.
  • 1
    Go to framer.com and build your AI-generated website today. Use the prompt from Step 1. Aim to have it live before you go to sleep tonight.
  • 2
    Add at least one chatbot to your site — either Tidio or Chatbase (or both). Set up a welcome message using the Claude AI prompt from Step 3.
  • 3
    Screenshot your live website URL and drop it in the Fecund Circle WhatsApp community group. We will review websites together and give you real, constructive feedback.

Have questions? Drop them in the YouTube comments below — Amara answers questions at the start of every new session.

📲 Join the WhatsApp Community Group






Share this article:
F
fecundcircle.com
FecundCircle Team

Passionate about AI, automation and helping people build digital income online.

Verified by MonsterInsights