Widget Integration

Add AI chat to your website in one line of code

Drop in widget with deep customization. Works with any website, CMS, or framework. No API keys and no complex setup.

No API keys required
Works with any framework
Five minute setup

Installation for Any Platform

Choose your framework and get the exact code you need

HTML / Vanilla JS Integration

Place before body closing tag

<script>
  window.botblySettings = { botId: "YOUR_BOT_ID", botName: "Your Assistant" };
</script>
<script src="https://cdn.jsdelivr.net/gh/botbly/widget-public@main/botbly-widget.js" async></script>

Notes

  • Load the widget one time per page
  • Keep settings block directly above the script

Powerful Customization Options

Make the widget yours with flexible configuration

Colors & Branding

Match your brand with custom colors, logos, and styling

  • Primary and accent colors
  • Custom logo or avatar
  • Brand styling
  • Dark and light mode

Positioning & Layout

Control where and how the widget appears

  • Corner positioning
  • Custom offsets
  • Mobile responsiveness
  • Safe area handling

Behavior & Features

Configure how the widget behaves

  • Welcome messages
  • Suggested questions
  • Sound notifications
  • Auto open

A widget that wears your brand

Pick your colors, style, and tone. Watch customers stay longer.

Blue Ridge Auto Care

Why Choose the BotBly Widget

Built for developers who value simplicity and power

Zero Configuration

No API keys, no complex setup. Just add your bot ID and you are ready to go.

Framework Agnostic

Works with React, Vue, Angular, WordPress, Shopify, or plain HTML.

Responsive Design

Adapts to mobile, tablet, and desktop with a great UX.

Production Ready

Enterprise performance with global CDN.

Live Examples

See how businesses use the widget

Restaurant Site (using Nextjs)
Live Demo

Restaurant Site (using Nextjs)

Reservations and menu questions

View Example
Healthcare Practice (using React Vite)
Live Demo

Healthcare Practice (using React Vite)

Appointment booking and FAQs

View Example

Cannot Install a Widget

Use a standalone chat page that you can link from anywhere.

Why use the Hosted Chat Page

Share your assistant instantly with no installation.

No installation required
Custom branded URL
Mobile optimized
Easy to share anywhere
Learn More

Ready to add AI chat to your website

Join developers building better customer experiences with BotBly