LiveChatBot

How to Set Up Live Chat on Your Website

Written by

admin

in

⚡ Quick answer

  • Sign up at livechatbot.in and add your website.
  • Open the Install step in Getting started.
  • WordPress: download the plugin and upload it. Any other site: copy one line of code and paste it before </body>.
  • Open your website. The chat bubble appears in the corner, and LiveChatBot marks it as working automatically.

This guide shows how to add LiveChatBot live chat to your website. It takes about two minutes and you don’t need to know how to code.

Before you start

  • A free LiveChatBot account. Create one here, no credit card needed.
  • Access to your website’s admin area, or to whoever manages it.

Option 1: WordPress (plugin)

  1. In LiveChatBot, open the Install step and choose WordPress.
  2. Click Download plugin. Your chat code is already inside, so there is nothing to copy.
  3. In WordPress go to Plugins → Add New Plugin → Upload Plugin, choose the file and click Install Now.
  4. Click Activate. Open your website and the chat bubble appears in the corner.

Your latest chats also show up inside WordPress, under LiveChatBot in the menu and on the Dashboard.

Option 2: Any other website (one line of code)

  1. In the Install step choose Other website and click Copy chat code.
  2. In your site builder, look for a setting called “custom code”, “footer code” or “scripts” and paste the code there. If you edit HTML yourself, paste it just before </body>.
  3. Save, then open your website. The chat bubble appears in the corner.

This works for Wix, Squarespace, Shopify, Webflow, Blogger and hand-coded HTML sites.

Other ways to add the chat

  • Inside a page: show the chat inside your Contact page instead of as a bubble. Paste the “Inside a page” code into a Custom HTML block.
  • React or Vue: download the ready-made component and add it once in your root component.
  • Joomla: download the Joomla 4/5 plugin and install it from System → Install → Extensions.

How to check it is working

Open your website in a new window and send yourself a test message. It appears in your LiveChatBot inbox. The dashboard also changes from “Chat not added yet” to “Chat is live” once it detects the chat on your site.

Chat bubble not showing?

I pasted the code but nothing appears

Clear your website’s cache (caching plugins and hosting cache often keep the old page), then reload. Check that the code was saved on every page, for example in the footer, not just on one page.

The WordPress plugin is active but there is no bubble

Clear any caching plugin, then reload the page in a private window. Make sure you uploaded the plugin downloaded from your own account, because it contains your chat key.

Can I add the chat to more than one website?

Yes. Add each website in LiveChatBot and install its own code. The free plan includes 2 websites.

Next steps

More posts