How to Add an AI Chatbot to Your Website in 5 Minutes

You don't need a developer. You don't need to train an AI model. You don't even need to write any content. Here's how to go from zero to a working AI chatbot on your website in about five minutes.

What You'll Need

A website you want to add the chatbot to
5 minutes of your time
Access to edit your website's HTML (or a tag manager like Google Tag Manager)
A BubblaV account (free to start)

That's it. No credit card required for the free plan.

Step 1: Create Your Account (30 seconds)

Head to bubblav.com and sign up with your email, Google, or GitHub account. No verification hoops — you're in immediately.

Step 2: Add Your Website (1 minute)

Click "Add Website" in the dashboard and enter your website URL. That's it. BubblaV will automatically start crawling your site to learn everything about it.

// Example

https://yourwebsite.com

The crawler follows your sitemap and internal links. It reads your product pages, blog posts, documentation, FAQs — everything that's publicly accessible. Most sites are fully crawled within minutes.

Step 3: Test Your Chatbot (1 minute)

While the crawl completes, you can already test your chatbot. Open the chat preview in your dashboard and ask it a question about your website. It should be able to answer based on whatever content has been indexed so far.

Try asking things like:

"What services do you offer?"
"What are your pricing plans?"
"How do I contact support?"
"Tell me about your return policy"

Step 4: Customize the Widget (1 minute)

Make the chatbot look like it belongs on your site. In the Design tab, you can:

Set your brand colors (or let our AI detect them from your site)
Choose widget position (bottom-right, bottom-left)
Customize the welcome message
Set the bot name and avatar
Choose which pages show the widget

Step 5: Add to Your Website (30 seconds)

Go to the Install tab in your dashboard. You'll see a single script tag. Copy it and paste it into your website's HTML, just before the closing </body> tag.

// Add this before </body>

<script
  src="https://chat.bubblav.com/widget.js"
  data-website-id="your-website-id"
  async>
</script>

Using a CMS or Tag Manager?

Works with everything. WordPress: paste in Appearance → Theme Editor → footer.php. Shopify: add in Online Store → Themes → Edit Code. Webflow: Project Settings → Custom Code → Footer. Google Tag Manager: add as a Custom HTML tag. You get the idea.

That's It — You're Live

Your chatbot is now live on your website, answering visitor questions based on your actual content. Here's what happens next:

The crawler continues indexing deeper pages in the background
Conversation logs appear in your dashboard for review
You'll see analytics on questions asked, response quality, and content gaps
Schedule automatic re-crawls to keep the chatbot up to date

Level Up: What to Do Next

Once the basics are running, here's how to make your chatbot even better:

1
Add MCP servers — Connect external tools and data sources so your chatbot can do more than answer questions.Learn about MCP →
2
Enable live chat handoff — Let the AI handle the easy stuff and escalate complex questions to your team.AI vs Live Chat →
3
Review conversation logs — See what visitors actually ask and identify content gaps in your site.
4
Integrate with your tools — Connect Shopify, HubSpot, Zendesk, Slack, and more from the Integrations page.