Complete Guide

How Chirps AI Works

The complete guide to building a smarter website. From helping customers find products to handling bookings automatically, learn how Chirps AI grows your business.

What is Chirps AI?

An AI that actually knows your business.

Chirps AI lives on your website and is trained specifically on your products, services, and policies. It helps your customers 24/7, answering questions and taking action instantly.

1

Trained on your data

The AI only knows what you teach it. It uses your website and documents to provide accurate answers about your brand.

2

Ready in minutes

Setting up your AI takes less than 10 minutes. Just add one line of code to your site and you're ready to go.

3

Handles real tasks

It doesn't just talk—it books appointments, captures leads, and shows products directly in the chat window.

The full picture — in 5 steps

  1. 01
    Set up your assistantChoose a name and personality that fits your brand.
  2. 02
    Add your knowledgeProvide your website link or upload documents for the AI to learn.
  3. 03
    Customize the lookMatch your brand colors and choose the features you need.
  4. 04
    Connect to your sitePaste a small piece of code onto your website.
  5. 05
    Watch it workMonitor conversations in real-time and jump in whenever you're needed.
Personas & Use Cases

AI designed for every business role

See how Chirps AI transforms specific operations across different industries. It's not just a chat box — it's a specialized team member.

The E-commerce Specialist

Driving sales & handling inventory

Emma helps every visitor find exactly what they're looking for. She uses Real-time Search to browse your latest stock and shows Product Cards to make buying easy.

  • Shows live inventory and availability
  • Suggests products based on what customers want
  • Provides direct checkout links in the chat
  • Answers detailed questions about materials and sizing
Live AI Support
Do you have any blue waterproof jackets in stock?
Let me check our latest inventory for you...
Found one! We have the 'Alpine Explorer' in navy blue ($89). It's perfect for rain and snow:
Instant Recommendation

Alpine Explorer

$89

Order Now
Live AI Support
I'm having trouble connecting my domain to the dashboard.
I can help with that. Are you seeing an 'A Record' error or a 'CNAME' mismatch?
It says CNAME mismatch.
I've found a guide to help fix that. If you'd like our team to check it manually, please just fill in your details:
Support Ticket
Name
Email
Order ID
Submit Details

The SaaS Success Hero

Solving tickets before they happen

Oliver is trained on your technical guides and help center. He solves 80% of support queries instantly, letting your human team focus on more important tasks.

  • Handles common troubleshooting steps
  • Explains pricing and service terms
  • Qualifies leads before passing them to sales
  • Collects bug reports and support tickets
Step 1 — Setup

Start your first AI assistant

Setting up an assistant is easy. Each one is independent and can have its own personality and knowledge base.

Key settings:

Name your AI

Choose a name that your customers will recognize. It helps build trust and makes the chat feel more personal.

Tip: Using a friendly name like 'Alex' or 'Jordan' makes people 40% more likely to interact.
Assign a role

Let your users know who they're talking to—like 'Customer Support' or 'Sales Specialist'.

Set its personality

Give the AI clear instructions on how to talk and what to focus on. This is where you define how it helps your visitors.

Tip: Keep it simple. 'Be helpful, stay positive, and focus on answering questions about our products' is a great start.
Example Instructions

// A simple setup example

You are Emma, a helpful assistant for AcmeCorp.

Your goal is to answer questions about our store and help people find the right products.

If someone wants to book a call, show them the calendar.

If they're interested in a product, show them the product details.

Create one assistant per use-case
Don't try to make one assistant that does everything. Create separate assistants for Sales, Support, and Onboarding — each with a focused prompt, trained on different knowledge. This dramatically improves accuracy.
Step 2 — Knowledge

Teach your AI about your brand

The AI needs to know your store and services to helper customers. You can teach it in three simple ways.

Website URL Crawling

Automatically extract knowledge from any publicly accessible web page.

How it works:

  • Paste your website URL — e.g. https://yourshop.com
  • Set max pages to crawl (Starter: 10, Pro: 25, Enterprise: unlimited)
  • Set crawl depth — how many link levels deep to follow
  • Chirps extracts text, navigation, products, and FAQs
  • Use Re-crawl to refresh if your site content changes

Best practices:

Start with your most important pages (product, FAQ, pricing)
Use depth 2-3 for blog-heavy sites to avoid irrelevant content
Re-crawl after major website updates to keep the AI current

Document Upload

Upload files directly to teach the AI from your internal documents.

PDF
Product catalogs, manuals, whitepapers
DOCX
Word documents, SOPs, proposals
TXT / MD
Plain text, markdown knowledge bases
Combine URL + Files for maximum coverage
Train on your website for public content, then upload internal documents (price lists, onboarding guides, escalation procedures) that aren't publicly accessible.

Auto-Learning

The AI learns from your successful conversations automatically.

As you chat with customers, Chirps identifies helpful answers and adds them to its memory. This means your AI gets smarter every day without you lifting a finger.

Example: If a customer asks if you ship to another country and the AI finds the answer in your guides, it remembers that for next time to be even faster.
Check and improve
Ask your AI 10-15 common questions in the private preview. If any answer isn't perfect, just add more details to your website or upload a small note to help it learn.
The Search Engine

Live website search

Unlike simple chatbots, Chirps AI can actively browse your website in real-time to find current prices and stock.

Real-time Search

This is the most powerful feature of Chirps. It allows the AI to pause, browse your site like a human, and find exactly what it needs.

Benefit
Always Current: Finds products or blog posts you added just seconds ago.
Accuracy
No Guessing: If the AI can't find a live link on your site, it won't make it up.

How it works:

1
Recognizing needs
The AI knows when someone is asking for something new (like 'What's on sale?') and starts a search.
2
Safe browsing
Our search is strictly locked to your domain. It will never browse competitor sites.
3
Verifying facts
The AI checks prices, stock, and descriptions directly from your pages.
4
Helping customers
It presents the found information naturally in the chat window.
Better search results
Tell your AI to always check your website if they're unsure about the current price or stock of any item. This keeps your answers accurate and reliable.
Step 3 — Design

Focus on your brand

Your assistant should look and feel like a part of your team. You can customize every part of the design without touching any code.

Appearance

Brand colors

Set the primary color to match your logo and website theme. This applies to buttons and links.

Tip: Dark, high-contrast colors usually work best for legibility.
AI Avatar

Upload a photo or logo for your AI. This is what customers see in the chat window.

Welcome message

The first thing customers see. Make it warm and invite them to ask a question.

Tip: Try: 'Hi! I'm here to help you find the perfect gift today. What are you looking for?'
Placement

Decide if the chat bubble should appear on the bottom-right or bottom-left of your site.

Controls

Voice calling

Enable or disable the ability for customers to call the AI for a live conversation.

Tip: Turn this on if you sell complex products that need more explanation.
File sharing

Allow customers to send you photos or documents if they need technical help.

Safety rules

Tell the AI what topics it should avoid or redirect to a human.

Contact collection

Control how and when the AI asks for a customer's email or phone number.

Preview as you go
Use the live preview in your dashboard to see exactly how your changes look before you save them. It's the easiest way to get the design just right.
Step 4 — Connect

Add to your site in seconds

Connecting Chirps AI to your website is as simple as pasting one small line of code. It works on any platform.

Your Connection Code
<script src="https://chirps.cc/widget.js" data-id="your-unique-id"></script>
🛍️
Shopify
Paste the code into your theme settings in just two clicks.
📝
WordPress
Use a simple plugin like 'Header & Footer Scripts' to add the code.
🔷
Webflow
Add the code to the 'Footer Code' section in your project settings.
Wix
Go to your advanced settings and add 'Custom Code' to the body.
Squarespace
Use the 'Code Injection' feature to add the script to your footer.
💻
Standard Site
Just paste the script tag right before the closing body tag.
Zero performance impact
Our code is designed to load after your page is already visible, so it won't slow down your website or affect your SEO.
Feature — Voice Calling

Speak naturally with your AI

Your customers can talk directly to your AI using their own voice. It's fast, feels human, and works directly in the browser.

How it works:

  1. 1
    Click to callThe customer clicks the phone icon in the chat window.
  2. 2
    Instant connectionA secure, live connection is made to the AI assistant.
  3. 3
    Natural conversationThe customer speaks, and the AI replies instantly with a high-quality voice.
  4. 4
    Smarter helpThe AI can search your site and show products while the call is happening.
  5. 5
    Saved transcriptEvery call is written down so you can review it later in your dashboard.

Benefit to your business:

Real-time assistance

The AI can find the right link or product while the customer is still on the phone.

Interruption handling

Customers can talk over the AI, and it will stop and listen, just like a real person.

Live text backup

The conversation appears as text on the screen while they talk, making it easy to follow.

Private & Secure

We use secure connections and never store audio recordings—only the text transcript.

Better service, faster
Voice calls are perfect for answering complex questions about your services or helping customers who are in a hurry.
Feature — Components

Interactive tools built for sales

Chirps AI doesn't just talk. It generates beautiful, interactive cards and forms for anything you need—from product catalogs to custom service quotes.

Product Cards

When a customer asks for a product, the AI shows a beautiful card with the image, price, and a direct button to buy or view details.

If there are multiple options, the AI shows them in a slider so customers can browse without leaving the chat.

Boost your sales
Tell the AI to always show a product card whenever it recommends a specific item. Visuals lead to 3x higher conversion rates.
Instant Recommendation

Alpine Voyager

$129.00

Buy Now

Automatic Booking

The AI can show a live calendar where customers pick their own time for a demo or service. Once they pick a slot, it's automatically booked and added to your calendar.

Save hours: No more back-and-forth emails. Just let the AI fill your schedule while you work.
Book a Demo
9:00
10:00
11:00
12:00
1:00
2:00
3:00
4:00
Confirm Meeting

Smart Lead Capture

Need a customer's email or phone number? The AI shows a clean, simple form at just the right moment. All details are saved instantly for your sales team to follow up.

Inquiry Details
Full Name
Email Address
Project Type
Submit Details

Unlimited Form Flexibility

Whether it's a service quote, a support ticket, or a property inquiry, Chirps AI can generate a custom form for any request.

The AI automatically selects the right form based on the customer's needs, ensuring you always get the information you need to close the deal.

Quote Request
Service Needed
Estimated Budget
Preferred Start Date
Submit Details
Property Contact
Property ID
Tour Type
Phone Number
Submit Details
Perfect timing
The AI waits until it knows exactly what the customer needs before showing a form, resulting in much higher completion rates than traditional static forms.

Instant Feedback (CSAT)

Gauge customer happiness instantly. After resolving an inquiry, the AI can trigger a sleek satisfaction survey right inside the chat window.

All ratings (Thumbs Up / Thumbs Down) are seamlessly synced to your business dashboard, giving you a real-time pulse on your AI's performance.

Dashboard Metrics
You can view your exact positive and negative rating breakdowns directly in the Workspace and Assistant Overview tabs.

How was your experience?

Artifacts Studio

Dashboard Feature

The Artifacts Studio gives you full control over which interactive components your AI can use. Toggle built-in artifacts on or off, configure their behavior, and preview how they look — all from your dashboard.

On Starter, Pro, and Enterprise plans, you can also create your own custom artifact types with custom JSON schemas and trigger rules to match your exact business needs.

Pro Tip
Disable artifacts you don't need to keep the AI focused. For example, turn off Booking if you don't offer meetings, and the AI will never trigger a calendar.
Studio Controls
Form Collection
Meeting Booking
Product Cards
CSAT Feedback
Advanced Guide

Building Custom Artifacts

Go beyond the built-in components. Design your own bespoke data capture forms, property viewing cards, complex quote calculators, and interactive tools using JSON Schema.

Custom Artifacts let you create bespoke components perfectly tailored to your business. To build one, you configure five exact fields in the Artifacts Studio that guide how the AI understands and uses your component.

The 5 Configuration Fields

  • 1
    Artifact NameThe readable name for you in the dashboard (e.g., "Mortgage Calculator").
  • 2
    Type IdentifierThe unique machine-name the AI uses in the code (e.g., mortgage_calc). Must be snake_case.
  • 3
    DescriptionA clear explanation of what this tool does. The AI reads this to understand its purpose.
  • 4
    Trigger Rules (Intent)The exact conditions for when the AI should show this artifact. Example: "Trigger this when the user asks for a monthly payment estimate."
  • 5
    JSON SchemaThe exact data structure the AI must generate for the component to render on your website.
// Example JSON Schema for the AI
{
"type": "mortgage_calc",
"title": "Your Estimate",
"data": {
"home_price": 400000,
"down_payment": 80000,
"interest_rate": 6.5
}
}

Important Workflow

Once your Custom Artifact is saved, your website's custom code (via the onArtifactRender callback) handles displaying the UI using the generated JSON.

1. Define in Studio

Fill out the 5 fields in the Artifacts Studio, ensuring your Type Identifier and JSON Schema match your frontend code expectations.

2. AI Interacts

When the Trigger Rules are met, the AI naturally gathers the data required by your JSON Schema from the user.

3. Website Renders

The AI sends the finished JSON to your website widget, which passes it to your custom React/Vanilla code to render.

Feature — History

Keep track of every interaction

Every conversation is saved automatically. You can review past chats, see where your AI needs help, and jump in to talk with visitors yourself.

Chat history

Review all past and current conversations. See what your customers are asking and how the AI is helping them.

Tip: Check your history once a week to find new ways to improve your AI's knowledge.
Human takeover

Watch live chats as they happen. If a customer needs special help, you can jump in and take over the conversation instantly.

AI status

Easily see if the AI is currently helping a customer or if a member of your team has already taken over.

Secure data

All your customer data and conversations are encrypted and kept private. We take security as seriously as you do.

Learn from your customers
Your chat history is the best way to see what your customers really want. Use their questions to update your website and train your AI to be even more helpful.
Insights

Learn what your customers want

Chirps AI automatically analyzes your chats to find common questions and trends that can help you grow.

Common questions

See the most frequent things customers ask about, so you can build better product pages.

Feature requests

Keep track of products or services that customers are asking for but you don't yet offer.

Sales signals

Identify the questions that most often lead to a sale or booking.

Smart intelligence

Every insight is backed by real data from your conversations. The AI identifies patterns so you don't have to read every single chat to understand your visitors.

0–40%Emerging — mentioned by a few users
41–70%Trending — becoming a common theme
71–100%High Priority — seen in many conversations
Pro Tips

Make your AI even better

Simple ways to get the most out of your AI assistant and provide a premium experience for every visitor.

Give it a clear goal
Instead of just 'be helpful', tell your AI 'Your main goal is to help people book a consultation'. A clear focus leads to better results.
Use simple rules
The AI works best with clear, numbered instructions. For example: '1. Always be polite. 2. Mention our free shipping on orders over $50.'
Show products early
Tell the AI to show a product card as soon as someone asks about a specific item. Visuals are 3x more likely to lead to a sale.
Format your info simply
When adding knowledge, use a simple Question and Answer format. This helps the AI find the right answer much faster.
Review and refine
Spend 5 minutes a week checking your most frequent questions. Update your instructions based on what your customers really want.
Set clear boundaries
Tell the AI exactly what it should and shouldn't talk about. This keeps your brand voice consistent and professional.
Questions

Frequently asked questions

Everything else you might be wondering about Chirps AI.

Ready to build?

Your AI assistant is
10 minutes away.

Sign up, paste your URL, and have a live AI assistant on your website before your next meeting.