Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

How to Add Free Live Chat in WordPress (2 Easy Ways)

Adding a free live chat feature to your WordPress site can boost customer engagement and support by providing real-time assistance to your visitors.

It lets you interact with website visitors in real time, so you can answer their questions and solve their problems immediately. This can get you more sales and encourage existing customers to stay loyal to your brand.

Many of our partner brands have been using live chat to assist customers, guiding them through the purchase process and answering any questions they may have. We have seen that this helps them create a positive impression on users, leading to more leads and increased conversions.

In this article, we will show you how to easily add live chat to your WordPress site. We’ll walk you through two easy methods—one using a totally free plugin and one using a live chat service.

Adding free live chat in WordPress

Why Use Live Chat on Your WordPress Site?

According to eConsultancy, live chat has the highest level of satisfaction among all customer service channels. In fact, live chat satisfaction is 73%, much higher than email, phone, and SMS satisfaction.

For more live chat statistics, check out our marketing statistics, trends, and facts.

If you run an ecommerce store or have a small business, then live chat can convince customers to buy your products. You can also talk to shoppers who fail to complete the checkout process, which can help you recover abandoned carts. You might even suggest products or notify customers about a sale.

Additionally, you can use live chat to provide support to your existing customers in real-time and turn them into brand ambassadors who will recommend your business to friends and family.

A live chat feature, on a WordPress website

That being said, let’s take a look at how to easily add a free live chat in WordPress. You can use the links below to jump right to the method you’re interested in:

The easiest way to add free live chat to your WordPress site is by using WPChat. It’s a free live chat plugin that lets visitors start a conversation right on your website, then seamlessly move the chat to WhatsApp, Telegram, Facebook Messenger, or Instagram.

This way, customers can begin the chat on your site but continue it on the messaging app they already use—so they don’t have to stay on your website, and you can provide faster, more convenient support. To learn more, see our detailed WPChat review.

To get started, you need to install and activate the free WPChat plugin. If you need help, see our guide on how to install a WordPress plugin.

Note: The free version of WPChat has everything you need to add live chat to your WordPress site. If you want advanced features like visibility controls, customizable brand colors, analytics, and more, you can upgrade to WPChat Pro.

Once the plugin is activated, click on the new WPChat menu item in your WordPress dashboard. From there, click on the ‘Set Up’ button.

Set up the WPChat plugin

On the next page, you need to enter your WhatsApp business phone number in the standard international format (including country code).

Then, click on the ‘Next’ button to continue.

Enter your WhatsApp business phone number

In the following step, you can select a theme for your new live chat widget. There are three themes to choose from, including Basic, Night, and Pastel.

Simply click on the dropdown menu to choose your preferred theme. If you’re not sure what theme to pick, don’t worry, you can always change it later.

After picking a theme, click on the ‘Next’ button.

Choose a theme for your live chat widget

Next, you need to decide where the live chat widget will appear on your WordPress site.

With the free version of WPChat, you have two options:

  • Display on all pages
  • Don’t display on any pages

Select the ‘Display on all pages’ option and click the ‘Next’ button to continue.

Configure live chat widget visibility in WPChat

💡 Pro Tip: Want more control over where the live chat widget appears on your site? With WPChat Pro, you can choose to show or hide your live chat widget on specific pages, categories, tags, or custom post types.

Now, you’ll see a success message that the plugin is all set up.

Finish WPChat set up

If you want to upgrade from the free version to WPChat Pro, you can do that from this page.

Otherwise, simply scroll down to the bottom of the page and click the ‘Complete Setup Without Upgrading’ button.

Click the Complete Setup button in WPChat

Customizing the Appearance of the Live Chat Widget

After the initial setup, you’ll be redirected to the WPChat dashboard.

From here, you can further customize your live chat widget so that it matches your brand. To do that, simply click the ‘Customise’ button.

Customize the WPChat live chat window

This will open the WPChat Chat Assistant Editor. On the left side, you’ll see all the design options, including theme, color palette, header, icon, assistant avatar, and more.

Whenever you make any changes, the live preview on the right will show you how it looks.

WPChat Chat Assistant Editor

For example, you can click the ‘Header’ option from the menu on the left.

From there, you can type in a new header message, which is the first thing visitors see when they hover over your live chat widget.

When you’re happy with your header message, don’t forget to click ‘Save.’

Customize WPChat header text

You can also change how the Assistant Avatar looks. The Assistant Avatar is what visitors see when they open your chat widget—an assistant that guides them straight to your WhatsApp chat.

To customize it, click ‘Assistant Avatar’ from the menu on the left. From here, you can choose from the collection of pre-built avatars.

Customize the WPChat Assistant Avatar

Again, don’t forget to click ‘Save’ to store your changes.

When you’re done making customizations, click the ‘Close Editor’ button.

Note: With the free version of WPChat, the customization options are limited. If you want to remove the WPChat branding, upload a custom assistant avatar, set custom colors, and more, you’ll need to upgrade to the premium version of WPChat.

Configuring Your Live Chat Agent

Next, we recommend customizing your default live chat agent. This gives visitors the sense that a real person is ready to help, which builds trust from the start.

To do that, go to the WPChat » Agents page from the WordPress dashboard and click on the ‘Edit’ button next to your default agent.

Configure default live chat agent in WPChat

From here, you can click ‘Upload’ to choose a profile picture for your live chat agent.

Below that, you can type an agent name in the field provided.

You can also add contact details for other messaging services, including Telegram, Facebook Messenger, and Instagram. That way, visitors will have additional ways to message you besides WhatsApp.

Edit default chat agent in WPChat

💡 Pro Tip: With WPChat Pro, you can add multiple chat agents to represent each person on your team. You can even set custom working hours so your chats are only routed to available agents.

When you’re happy with your live chat agent, click the ‘Save Changes’ button.

That’s it! Now, you can visit your WordPress site to see your live chat window in action.

WPChat live chat widget demo

When a visitor clicks the chat button on your site, they can choose what messaging app they want to chat with you on.

Then, WPChat opens a new conversation in their preferred messaging app (if they’re on their phone) or on the web application (if they’re on their computer).

Method 2: Adding Live Chat to WordPress with LiveChat Inc.

Another way to add a live chat feature to your website is by using LiveChat Inc. It is one of the best WordPress live chat solutions with advanced features, and we use it on our own OptinMonster site.

You can learn more about it in our LiveChat review.

The LiveChat WordPress plugin is free, although you will need to buy a paid subscription to use the LiveChat service. Subscriptions start at $19.00 per month, but there’s also a 30-day trial, so you can test the service for free.

To get started, head over to the LiveChat website. Then, type in your business email address and click the ‘Sign up free’ button.

Sign up for Free on Live Chat

This takes you to a page where you can type in your email address, business phone number, and password that you want to use.

After entering this information, click on ‘Sign up.’

Creating a LiveChat account for a WordPress website

After a few moments, you’ll get an email asking you to verify your account. Simply open the email and click on the ‘Verify your account’ button.

Customizing the Appearance of the Live Chat Window

Your LiveChat window needs to grab users’ attention while complimenting your WordPress theme.

To change how the LiveChat windows look, log in to your LiveChat account using the email address and password you entered earlier.

In the left-hand menu, click on Settings. Then, select ‘Chat widget’ and ‘Customization.’

Customizing the LiveChat window for WordPress

You can now style the live chat window and see your changes applied in real time.

To start, you can choose a theme for the minimized chat window.

Simply click on ‘Appearance’ to expand this section, and then click on the different themes to preview how they will look on your WooCommerce or similar store.

Creating a custom, branded live chat agent for WordPress

You can also switch between light and dark themes or apply any of the theme colors.

If you want to change the color of individual elements inside the chat window, then click the ‘More color settings’ button to access additional controls.

Changing the color settings in a live chat window

For tips on designing your chat window, see our step-by-step guide on how to choose the perfect color scheme.

By default, LiveChat shows a ‘Powered by LiveChat’ message next to the company logo at the bottom of the chat window.

To strengthen your branding, click on the ‘Additional Tweaks’ section and replace this with your own website logo.

Adding your own logo to a WordPress live chat window

Then, click on ‘Upload your logo’ and choose the image that you want to show instead.

You can also choose whether to show the agent’s photo, allow customers to rate agents, enable sound notifications, and more.

When you’re happy with how the chat window looks, click on ‘Save changes.’

Setting Up Live Chat on Your WordPress Website

The next step is adding LiveChat to your online marketplace or store using the free plugin.

To get started, install and activate the LiveChat plugin. If you need help, then check out our beginner’s guide on how to install a WordPress plugin.

Upon activation, you’ll be asked to log into your LiveChat account. Just type in your email address and click on the ‘Log in’ button.

Logging into the LiveChat account in a WordPress dashboard

After a few moments, you will see a message that LiveChat has been successfully added to your WordPress website. Clicking on that bubble will open a live chat widget on your screen.

Now, if you visit your WordPress website, you’ll see the chat bubble in the bottom-right corner of the screen.

A live chat bubble on a WordPress website

Every time someone tries to contact you, you’ll get a notification on your LiveChat account.

To reply to the visitor, simply type your response into the LiveChat dashboard.

Managing your live chat messages in real-time

Bonus: How to Find Trained Live Chat Agents

WPChat and LiveChat make it easy to add live chat to your WordPress blog or website. However, you also need people to provide real-time support to your visitors.

The easiest solution is to outsource your customer support to LTVPlus, which is a managed live chat service for online businesses.

LTVPlus website

LTVPlus was started by the co-founder of MaxCDN, the content delivery solution we use on our WPBeginner website.

LTVPlus offers affordable live chat agents who can provide 24/7 support. This allows you to grow your business without having to hire expensive support and sales staff.

By using WPChat or LiveChat combined with LTVPlus, you can add live chat to your website and take your business to the next level. In fact, we’ve used LiveChat and LTVPlus to get more sales on our OptinMonster website.

We hope this tutorial helped you learn how to easily add live chat in WordPress. You may also want to see our list of the best bookkeeping services for your online business and our WordPress tutorial on how to add a chatbot in WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us. Here's our editorial process.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit - a collection of WordPress related products and resources that every professional should have!

Reader Interactions

12 CommentsLeave a Reply

    • You would want to reach out to the support for the plugin for if they’re currently offering localhost support but for the moment they would not work on a local installation.

      Admin

  1. Thanks for your exclusive post. I want implement chating option without using any plugin if have any tutorial in this issue please send me the link. I will be happy.

  2. hi in firebug i am finding remove marin-buttom space its showing path inline:1,
    but i am trying find the original path can u guide me

  3. Hello admin… I’m a great fan of wpbeginner.. I’ve searched your website and can’t find this … But, how do I display related post as u do in ur footer after comments..

  4. Guest chat access is a great way to get spam. I’ve been looking forever for a chat plugin for WP that uses the same user database. Some let ANYONE join the chat and others require all visitors to register on an external website AND charge you a monthly fee to do so.

    Lame :E

    I hope Chat Room will deliver exactly what I need. Simple live chat for my users =)

  5. Chat option 1: – is good ONLY if users are registered on your blog. It has NO options for guests at all. (87.8% of people will NOT register at a website just to ask a question or comment) – statistics

    Chat option 2: WP and IRC are not good bedfellows. Anyone that’s been in the IRC world for even a short period of time knows how to use the vulnerabilities of WP (i’ll not post here, but easily found) to pull any users IP (even the admin) from the WP via IRC

    Chat option 3: Adding a skype button, is akin to adding a facebook button , yahoo messenger button etc.. and has no place in “adding chat to wordpress” at all. (its not adding chat to wordpress) You may as well tell them to just type – add me on skype! and post their user name.

    Chat option 4: See answer to chat option 3. Twitter is NOT chat for wordpress, nor is it part, able to be integrated, or otherwise remotely on subject yet again.

    This entire blog post “how to add chat into wordpress” – even by title is misleading at best. I would remove options 2 – 4. (especially the IRC option for noobs, you’re just opening a new user up to vulnerabilities they have no idea how to patch) And clarifying that option 1 is only for registered users.

    A link to your post (and my comment) has been supplied on our vulnerability site, i’ll be interested to see how your post changes if at all.

    toodles :)

    • Thanks for your time to analyze our post.

      1. We did mention in the article that the first option will only work for registered users.
      2. Our second option uses Kiwiirc which is actually web app. We don’t think that it makes a WordPress site vulnerable.

      Admin

Leave A Reply

Thanks for choosing to leave a comment. Please keep in mind that all comments are moderated according to our comment policy, and your email address will NOT be published. Please Do NOT use keywords in the name field. Let's have a personal and meaningful conversation.