Integrations
Works with the website you already have
Add LiveChatBot to WordPress, Shopify, Wix, Squarespace or any HTML website in about two minutes. Connect it to your other tools with webhooks and Google Analytics events.
Real screens
See it in the LiveChatBot app
Real screens from the LiveChatBot panel, shown with sample data. Click any picture to see it full size.
⚡ In 30 seconds
- Installing = pasting one line of code, or the WordPress plugin. No developer needed.
- Webhooks send new chats and leads to Zapier, Make, a Google Sheet or your CRM.
- Google Analytics events show how chat helps your sales.
Interactive walkthrough
Install LiveChatBot in six small steps
From sign-up to your first test message, plus an optional webhook. Click any step, or press Play.
Your install code
After you sign up, copy your own code from Getting started → Install. It looks like this:
<script src="https://livechatbot.in/widget.js" data-key="YOUR_WIDGET_KEY" async></script>Step-by-step install guides
🧩 WordPress
- Download the LiveChatBot plugin from Getting started → Install → WordPress.
- In WordPress, go to Plugins → Add New → Upload Plugin.
- Activate it and paste your widget key.
- Open your website. The bubble appears in the corner.
🛍️ Shopify
- Go to Online Store → Themes.
- Click ⋯ → Edit code.
- Open theme.liquid and paste your code just before </body>.
- Save, then open your store to check.
🎨 Wix
- Go to Settings → Custom code (needs a premium plan with a domain).
- Click Add custom code and paste your code.
- Choose All pages and Body - end.
- Apply and publish your site.
◼️ Squarespace
- Go to Settings → Advanced → Code injection.
- Paste your code into the Footer box.
- Save. The chat shows on every page.
🛒 WooCommerce
WooCommerce runs on WordPress, so use the WordPress plugin above. The chat appears on product, cart and checkout pages.
</> Any HTML website
- Open your site’s main template or footer file.
- Paste the code just before </body>.
- Upload the file and refresh your site.
🔗 No website?
Share your full-page chat link on Instagram, WhatsApp status, email signatures or a QR code. Chats arrive in the same inbox.
🟧 Joomla
- Download the Joomla plugin from Settings → Add to website → Joomla. Your chat key is already inside.
- In Joomla, go to System → Install → Extensions → Upload Package File.
- Drop in the file. The plugin switches itself on.
⚛️ React and Next.js
- Download the React component from Settings → Add to website → React.
- Add
<LiveChatBot />once, in your root component. - Open the chat from your own buttons with
chat.open().
🟩 Vue and Nuxt
- Download the Vue component from Settings → Add to website → Vue.
- Add
<LiveChatBot />once, inApp.vue. - On Nuxt, wrap it in
<ClientOnly>.
🧱 Chat inside a page
Prefer the chat inside your Contact page instead of a bubble in the corner? Copy the code from Settings → Add to website → Inside a page and paste it where the chat should appear.
🎯 Show it only where you want
Hide the chat on some pages, show it only on phones or computers, or only to visitors from certain countries, in Settings → Where it shows.
Connect your tools
Webhooks: send chats and leads anywhere
A webhook is a web address that LiveChatBot calls when something happens. Paste one from Zapier, Make or your developer into Integrations → Webhooks.
Events we send
| Event | When |
|---|---|
| conversation.started | A visitor starts a new conversation |
| lead.captured | A visitor leaves their email address |
| ticket.created | A new help desk ticket is created |
| ticket.solved | A ticket is marked solved |
Popular recipes
- New lead → add a row to Google Sheets
- New lead → add a contact to your email tool
- New conversation → post in a Slack channel
- New lead → create a deal in your CRM
- New ticket → post in your team chat
Example: lead.captured
{
"event": "lead.captured",
"project": { "id": 12, "name": "Your Store" },
"data": {
"visitor": {
"id": 5821,
"name": "Megan",
"email": "meera@example.com",
"phone": null,
"lead_source": "Flow: Discount for new visitors",
"current_url": "https://yourstore.com/"
}
},
"sent_at": "2026-10-16T10:42:07+05:30"
}More ways to connect
REST API
Read conversations and contacts, reply to visitors, close chats and open or answer help desk tickets from your own code or CRM. Create a key in Integrations → API keys.
JavaScript API
Open the chat from your own buttons, tell it who is logged in with setVisitor(), and react to new messages and leads.
Google Analytics and Tag Manager
Report chat opened, chat started and lead captured as events, and see how chat drives conversions.
Android and web apps
Answer from the Android app or the installable web app on any device.
Your dashboard, your language
Use the dashboard in English, Spanish, French, Italian, Portuguese, Turkish, Russian or Arabic, in light or dark mode.
Coming soon
Messaging apps, social media messages and email channels in the same inbox.
Troubleshooting
Bubble not showing? Check these
Clear your cache
Caching plugins (like LiteSpeed or WP Rocket) may serve an old page. Purge the cache.
Code in the right place
It must be inside the page, just before </body>, on every page.
Correct widget key
Copy the code again from your dashboard to be sure the key is right.
Website is switched on
Check the website is active in your dashboard.
Ad blockers
Try a private window without extensions.
Still stuck?
Email support@livechatbot.in with your website address.
Install LiveChatBot in two minutes
Free to start. No credit card. Live on your website in about two minutes.