Feature

Design your chatbot. No CSS required.

BotChap's visual builder gives you control over colours, shapes, branding, and layout. Every change previews live before you publish.

See Pricing

Most AI chatbot tools give you their default look. Generic bubble, their logo in the corner, their colour scheme everywhere.

BotChap's no-code builder is different. You pick the colours, the trigger shape, the chatbot name, the header image, and the greeting message. Every change updates the live preview immediately. What you see in the builder is exactly what your clients see.

No CSS knowledge needed. Though if you want it, custom CSS is there too.

What Widget Builder Does for You

Live preview, no surprises

Every change updates instantly in the builder. What you see is exactly what your visitors get.

Full colour and branding control

Set the primary colour, header image, chatbot name, and logo. It looks like your brand, not BotChap.

Custom CSS for advanced users

Inject custom CSS directly into the widget's shadow DOM. Full design control without touching your website's stylesheet.

Shadow DOM isolation

BotChap widgets run in a shadow DOM — isolated from your site's CSS. No style conflicts. No layout breakage.

RTL and multi-language

Full right-to-left support for Arabic, Hebrew, and Persian. Set the language and BotChap flips the layout automatically.

Remove BotChap branding

On Growth and Scale plans, remove the "Powered by BotChap" footer. Your brand, your chatbot, no third-party badge.

Real-World Examples

See how solo professionals use this feature every day.

🏥Medical Practice

Sets the widget colour to the clinic's brand blue, names the chatbot after the clinic, and uploads the clinic logo. Patients don't see "BotChap" anywhere.

🛒E-commerce Store

Uses custom CSS to match the chat window font and border radius to the store's design system. The widget looks like it was built into the site.

🌍Arabic-language business

Configures the widget in Arabic with RTL layout. Every element flows right-to-left for a natural experience for Arabic-speaking clients.

🏢Multi-location operator

Uses the white-label feature (Scale plan) across every branch — each location's widget shows that location's brand colors, name, and logo. BotChap is invisible.

Frequently Asked Questions

Do I need to know CSS to use the builder?

No. The visual builder handles all styling through dropdowns, color pickers, and sliders. Custom CSS is an optional advanced feature for users who want extra control.

Can I preview the widget on mobile?

Yes. The builder includes a mobile preview mode so you can see exactly how your widget looks on small screens before publishing.

Can I remove the "Powered by BotChap" text?

Yes. Branding removal is available on the Growth ($17.99/month) and Scale ($79/month) plans.

Can I use my own font?

Yes, via the custom CSS field. Inject a @font-face or Google Fonts import and apply it to the widget's elements.

Ready to try Widget Builder?

Start free — no credit card needed. Upgrade to unlock AI features.

See Pricing