Intelligent AI widgets
for your apps and websites

The easiest way to embed powerful conversational AI directly in your websites and applications. Add a snippet, customize, and go live.

Documentation

See how the AI widget looks on your website in real-time

Capabilities

Everything you need
to ship fast

A drop-in widget that adapts to your design system, not the other way around.

Fully Themeable

Customize colors, fonts, layout, and behavior to match your brand perfectly.

One-line Embed

Drop a single script tag into any page. No build step, no framework lock-in.

Works Everywhere

Static sites, SPAs, WordPress, Shopify, or any platform that supports HTML.

Pre-built Themes

Start from dozens of polished themes and customize from there.

Interactive Actions

Buttons, forms, carousels, and rich content inside the conversation.

Mobile Optimized

Responsive out of the box with touch-friendly interactions and adaptive layouts.

Getting Started

From zero to live
in three steps

No complex setup. Embed the widget, customize the look, and start converting visitors.

1

Embed

Add a single script tag to your page. No build tools, no framework dependencies.

2

Customize

Pick a theme, adjust colors, fonts, and layout to match your brand perfectly.

3

Go Live

Your AI widget is ready. Visitors get instant, intelligent conversations on every page.

Drop-in AI Chat, Zero Overhead

Building a custom chat widget means weeks of front-end work before your first visitor even sees it. The ChatBotKit widget handles all of that.

0+
weeks

of front-end work replaced by a single script tag

0K
lines

of UI code you never have to write, test, or maintain

0.9%
uptime

reliability so your visitors always get a response

0 min
setup

from first embed to live conversations on your site

Build vs. Buy

Weeks of front-end work or one script tag

Building a production-ready chat widget from scratch means handling themes, streaming, accessibility, and mobile. Or you can ship today.

Capability
DIY
CBK
Embed on any website
2-4 weeks
Theme customization
1-2 weeks
Mobile responsiveness
1 week
Conversation streaming
2-3 weeks
Rich content (buttons, forms)
3-4 weeks
Analytics and logging
2 weeks
Content moderation
2-3 weeks
Accessibility (a11y)
1-2 weeks

Themes

Unleash creativity

The most versatile theming solution on the market. Tailor every aspect of your AI widget to fit your vision.

Explore More Examples
Concierge

Hi there 👋

You're now speaking with Concierge. How can I help?

Do you offer a free trial?

We do — every plan starts with a 14-day free trial, no card required. Want me to point you to the sign-up page?

Concierge

A polished AI support assistant with a calm, dark interface and friendly, proactive replies that help customers find answers fast.

See Example
Patch Assistant

TIP: Click on a the 3 dots next to a vulnerability to see more details.

Hello! I'm your Security Operations Assistant. I can help you understand and remediate security vulnerabilities in your infrastructure.

Would you like me to show you an overview of all current vulnerabilities, or would you like to focus on critical issues first?

Show me all critical vulnerabilities

Let me check the current vulnerabilities... I found 1 critical vulnerability that needs immediate attention:

Outdated OpenSSL Version (Critical)

  • Affects: Web Server (nginx)
  • CVEs: CVE-2022-0778, CVE-2021-3712
  • Status: Pending patch

This is a critical issue because OpenSSL 1.0.2k has known vulnerabilities that could allow attackers to compromise encrypted communications.

Would you like me to explain the patching process or proceed with patching this vulnerability?

Please patch it

I'll patch the OpenSSL vulnerability now. This will upgrade OpenSSL from version 1.0.2k to 3.0.x...

Patching in progress... This may take a moment.

✓ Successfully patched "Outdated OpenSSL Version" using upgrade method.

The web server's OpenSSL has been updated to version 3.0.13. The vulnerability is now resolved.

Would you like to address the next high-severity vulnerability, or would you like a summary of remaining issues?

Patch Assistant

An intelligent AI assistant that helps identify and patch security vulnerabilities in server infrastructure.

See Example
Physics Playground

TIP: You can drag objects with your mouse to move them around!

I want to learn about gravity

Great! Gravity is the force that pulls objects toward each other. On Earth, gravity pulls everything toward the ground, which is why things fall when you drop them.

Let's do an experiment! I'll create two balls - one big and one small. Which do you think will fall faster when I drop them? 🤔

Look! Both balls fell at the same speed and hit the ground at the same time! That's because gravity pulls on all objects the same way, regardless of their size or weight. 🌍✨

Want to try another experiment with gravity? We can change the gravity to simulate different planets like the Moon or Mars. Which one would you like to try next?

Physics Playground

An interactive physics playground where kids can learn about physics by creating balls, boxes, and experimenting with gravity through chat!

See Example
World Map

Hi, can you take me to Tokyo?

Welcome to Tokyo, Japan! Here's a stunning view of the vibrant Shinjuku district:

image

Tokyo, Japan

A bustling street with neon signs in Shinjuku, showcasing the vibrant nightlife of Tokyo.

World Map

A chatbot that demonstrates the use of a world map to visualize data and provide geographical context.

See Example
outline/cursor-arrow-ripple

People Pulse

Thank you for joining People Pulse! Your feedback is valuable to us.

How likely are you to recommend our product/service to a friend or colleague on a scale from very unlikely to very likely?

Very Likely

What is the primary reason for your score?

Product Quality

Thank you for your feedback! Your input helps us improve our products and services. If you have any additional comments or suggestions, feel free to share them with us.

People Pulse

An AI chatbot that helps organizations gather feedback and insights from employees and customers.

See Example

Your Personal Advisor

Our chat bot is here to understand your unique needs and recommend tailored products that match your preferences.

@heroicons/cursor-arrow-ripple

Hello! Welcome to Your Personal Advisor. I just need to ask a few quick questions. Let's begin, shall we?

Sure, go ahead!

@heroicons/cursor-arrow-ripple

Great! First, can you tell me your age?

25

@heroicons/cursor-arrow-ripple

Excellent! Now, what's your primary residence?

Personal Advisor

A chatbot that provides personalized recommendations based on user preferences.

See Example
AI Answers

Hi there! How can I assist you today?

Can you pull up our company's PTO policy? I need to know how many days I have left this year.

I found our PTO policy in the employee handbook. According to your accrual schedule, full-time employees earn 15 days annually, prorated monthly. As of today, you've accrued 12.5 days and used 6 days, leaving you with 6.5 days remaining. The policy also notes that up to 5 unused days can roll over to next year.

Perfect. And what's the deadline for enrolling in our 401k match program? I keep forgetting to do it.

You have until December 31st to enroll for this year's match. Our company matches 100% of the first 3% and 50% of the next 2% of your contributions. I can walk you through the enrollment process in our benefits portal, or I can send you a direct link with step-by-step instructions. Would either of those help?

AI Answers

An AI agent that provides intelligent assistance across a wide range of topics featuring a clean and elegant design.

See Example
Review Buddy

Hi Review Buddy! How can you help me reflect on my accomplishments and set goals for the next year?

🤔

Hi! My goal is to provide you with a space to think deeply about your accomplishments, challenges, and goals, and to help you identify patterns and trends over time. Let's start by thinking about your professional goals. What are some things you would like to achieve in your career in the next year?

I'd like to get a promotion at work and increase my team's productivity.

🤔

Great! Those are excellent goals. Can you give me some specifics on how you plan to achieve them?

I plan to take on more leadership responsibilities and delegate tasks more effectively to my team. I also want to implement new processes to streamline our workflows.

Review Buddy

My goal is to provide you with a space to think deeply about your accomplishments, challenges, and goals, and to help you identify patterns and trends over time.

See Example

AI Widget Features

Discover the advanced features of the ChatBotKit AI Widget that empower you to create exceptional conversational experiences.

Custom Datasets

Turn Your Knowledge Into AI-Powered Search

Custom Skillsets

Equip Your AI with Real Capabilities - From Email to APIs

React SDK

Integrate Conversational AI into Your React Apps with Production-Ready Components

Customer Stories

Case studies from teams shipping AI

See how organizations use ChatBotKit to launch production AI assistants, validate new products, support customers, and create richer digital experiences.

Enterprise search

Quench

Discover Quench.ai, the enterprise search company founded by Husayn Kassai, the serial entrepreneur behind Onfido. Quench helps large organizations unify and discover their internal knowledge through natural language search. Built on ChatBotKit's Forward Deployment platform - the environment powering the "Quench Sandbox" - Quench prototypes, runs discovery, and validates AI products with real customers in days rather than quarters. Learn how this approach delivered 10x faster prototyping and won major enterprises including Yum Brands, MotorK, Podium, and numerous Fortune 500 companies, turning rapid customer iteration into a sustainable competitive advantage.

Forward deploymentFortune 500
Read case study

Healthcare charity

Debra

DEBRA UK is the leading charity for individuals with epidermolysis bullosa (EB), a rare genetic skin condition. Committed to providing lifelong care and seeking cures, DEBRA supports nearly 4,000 members across the UK. With over £22 million invested in research, DEBRA is the largest UK funder of EB studies. The organization addresses the complex information needs of patients and caregivers by offering reliable resources and support. Learn about DEBRA's innovative chatbot, providing 24/7 assistance for inquiries about EB, fundraising, and support services, ensuring accurate and compassionate communication. Explore DEBRA's mission to improve lives and advance research for those affected by EB.

Medical informationWebsite assistant
Read

Education wellbeing

Elggo

Discover Elggo, the MENA and Southeast Asia region's first AI-powered wellbeing platform for K–12 schools. Founded after the COVID-19 pandemic to close a gap in culturally relevant mental-health resources, Elggo delivers evidence-based curricula designed by regional psychologists and educators. By integrating ChatBotKit's conversational AI, embeddable widget, and multilingual support, Elggo provides students and teachers with always-on, personalized guidance on emotional literacy, decision-making, and growth mindset. Learn how a controlled trial of 12,000 students across 32 schools saw a 30% increase in student wellbeing, and how the platform scaled across seven countries while keeping content culturally responsive and data-driven.

K-12 schoolsMultilingual widget
Read

Cultural heritage

Faro

Discover FARO, the Flemish government's cultural heritage organization, which enhances access to heritage collections through its innovative ErfgoedApp. Launched in 2015, the app utilizes augmented reality, IoT, and AI to provide on-site, multilingual guidance for museums and heritage sites. In celebration of its 10th anniversary, FARO has partnered with ChatBotKit to introduce AI chatbots, transforming the app into an on-demand heritage guide. Visitors can ask questions about artworks and historic landmarks at any time, while geofencing technology provides location-aware storytelling. With plans to expand this interactive experience across more sites, FARO is committed to making heritage discovery intuitive and personalized for everyone.

Location-awareMuseum guide
Read

Customer service

Intelliway

Discover Intelliway, a Brazilian technology firm building AI-powered customer service solutions for businesses across Brazil and Latin America. Using ChatBotKit's API-first platform as their backend, Intelliway builds custom-branded interfaces on top of powerful conversational AI while retaining full control over the customer experience. Learn how native Brazilian Portuguese understanding, scalable cloud infrastructure, and advanced language models help Intelliway serve hundreds of clients across multiple industries, with one major retail client reporting a 40% increase in positive customer feedback. Explore how the platform-as-a-backend approach positions Intelliway to lead conversational AI across the Americas.

API and SDKsPortuguese support
Read
Read more stories→Start building

FAQ

See the most frequently asked questions about the AI Widget and how it can help you create exceptional conversational AI experiences.

How do I embed the ChatBotKit AI Widget on my website?

You can embed the AI Widget using a simple script tag or an iframe. Please refer to the Embedding the Widget section in our documentation for detailed instructions and code examples.

Can I customize the design of the AI Widget?

Yes, the ChatBotKit AI Widget is highly customizable. You can choose from pre-built themes or create your own custom theme using the Widget Playground. Visit the Themes section in the documentation to learn more about customizing the widget's appearance.

Does the AI Widget support multiple languages?

Yes, the AI Widget supports multi-language conversations out of the box. You can configure the available languages in your widget settings. For more information, check out the Languages section in our documentation.

Can I pass custom data to the AI Widget?

Absolutely! You can pass custom data to the widget using data attributes or query parameters. This allows you to provide additional context or user details to personalize the conversation. See the Passing Custom Context section for more details.

Is the AI Widget secure?

Yes, security is a top priority for the ChatBotKit AI Widget. All conversations are encrypted, and you can restrict the widget to only load on specified domains. Review the Security section in our documentation to learn more about the widget's security features.

How can I interact with the AI Widget programmatically?

The ChatBotKit JavaScript SDK provides a powerful way to interact with the AI Widget using code. You can call methods, listen to events, and customize behavior. Check out the SDK Embedding section for examples and a link to the full SDK reference.

Can I use the AI Widget with my existing chatbot?

Yes, you can connect the AI Widget to an existing ChatBotKit bot. Navigate to the Integrations page, create a new Widget integration, and select your bot during setup. Read the Setup section for step-by-step instructions.

Is the AI Widget free to use?

The ChatBotKit AI Widget is free for basic usage, with paid plans offering additional features and higher limits. You can compare the available plans and pricing on our Pricing page.

Can I use the AI Widget on mobile devices?

Yes, the ChatBotKit AI Widget is fully responsive and works seamlessly on mobile devices. It automatically adapts to different screen sizes and provides a touch-friendly interface. For tips on optimizing the widget for mobile, refer to the Mobile Optimization section.

Ready to add AI to your website?

Talk to our team. We will help you pick the right theme, configure your widget, and get it live fast.

Or Start Building Free