Website chat widget
A chat widget that fits your website
A light chat bubble in your brand colour, with your greeting, quick buttons and an AI Agent behind it. Add it to any website with one line.
⚡ In 30 seconds
- Works on WordPress, Shopify, Wix, Squarespace, Joomla, React, Vue and plain HTML.
- Loads in the background, so your pages stay fast.
- Your colour, your corner, your welcome message and an optional attention grabber.
- Widget cards add buttons for WhatsApp, phone, email or an important link.
- Show it as a bubble, inside a page, or as a shareable chat link.
- Free to start: 2 websites and 100 visitors per website every month, no credit card.
The problem
What goes wrong with chat widgets
A clumsy widget can do more harm than having none.
Heavy scripts
Some widgets slow down every page.
Off-brand look
A clashing colour makes the site feel stitched together.
Mobile clutter
Bubbles that cover buttons on small screens.
Complicated setup
Developer needed for a simple chat box.
Everywhere at once
The bubble shows on checkout and login pages where it gets in the way.
Locked in
No way to open the chat from your own buttons.
What you get
Everything you can change
Colour and corner
Any brand colour, bottom right or left. Guide →
Welcome message
Your greeting, in several languages. Examples →
Widget cards
Buttons for WhatsApp, phone, email or links like “Track your order”.
Where it shows
Hide by page, device or country. Guide →
Inline and chat link
Put the chat inside a page, or share a full-page chat link.
JavaScript API
Open, close, set visitor details and listen to events from your code.
Side by side
Three ways to show the chat
| Mode | Best for | How |
|---|---|---|
| Bubble | Every page | One line of code or a plugin |
| Inside a page | Contact or support pages | A code block where the chat should appear |
| Chat link | Instagram bio, emails, QR codes | Share the link from Settings → Chat link |
Setup
Add the widget in three steps
About two minutes.
1
Copy the code
Settings → Add to website → Copy chat code, or download the WordPress, Joomla, React or Vue package.
3
Customize
Colour, greeting and cards under Settings → Appearance.
Good practice
Chat widget do’s and don’ts
✅ Do
- Use your brand colour
- Write a short, specific greeting
- Add a WhatsApp or phone card if customers like calling
- Hide the bubble on checkout steps if it distracts
- Test on a phone
🚫 Don’t
- Install two chat widgets
- Cover your “Buy” button with the bubble
- Use a greeting that promises instant replies at night
- Hide the chat on your contact page
- Forget to clear your cache after installing
Website chat widget: FAQ
Is the chat widget free?
Yes, free to start with 2 websites and 100 visitors per website every month.
Does it work without WordPress?
Yes. Paste one line on any website, or use the React, Vue or Joomla packages.
Will it slow my website?
No. It loads asynchronously after your page.
Can I open it from my own button?
Yes, with LiveChatBot.open(). See the developer docs.
Does it show a “Powered by” line?
Yes, a small “Powered by LiveChatBot” line at the bottom of the chat.
Related
Keep reading
Customize your widget
Colour, corner, grabber and cards. Read the guide →
All integrations
WordPress, Shopify, Wix, React, webhooks and the REST API. See integrations →
Free live chat
What you get for ₹0, and when you might pay. Read more →
Add a chat widget to your website
Free to start. No credit card. Live on your website in about two minutes.