How to add live chat to WordPress?

Table of content

by

Luis Manjarrez

August 24, 2020

· Updated on

In today's fast-paced world, customers expect fast, reliable service. With so much competition out there, failing to do so can result in decreased brand loyalty.

In the online world, live chat is often the most effective channel of communication. According to eConsultancy:

Live chat has the highest satisfaction levels for any customer service channel, with 73%, compared with 61% for email and 44% for phone.

In this article, we will explain how you can add live chat to a WordPress site.

Choosing a live chat service to add to WordPress

There are many options out there. Choosing the right one depends on your individual use case.

If you are part of a small/medium team that is looking to collaborate around live chat, email, and other communication channels, then Missive is the way to go.

Missive Live Chat is powered by Twilio. Right off the bat, it is free, and you can have up to 200 active chats per month. After that, you will pay a low fee, starting at $0.03 for each additional one.

There appears to be no reliable live chat options for WordPress that are free. So using Missive Live Chat is a high-quality, affordable investment.

Setting up Missive Live Chat

Once you have created your Missive account. Go to your Settings and click Accounts then Add account.

Select the Missive Live Chat option.

Select Missive Live Chat as the account provider

As we stated before, Missive Live Chat uses Twilio's Conversations API, so you must first sign up to Twilio. Monthly fees (after the 200 active chats per month) will be charged to your Twilio account.

Once you've signed up, you will have access to the dashboard, where you will be able to see two important pieces of information: your Account SID and Auth Token.

Live Chat Twilio dashboard

Back in Missive you can continue the process.

Missive is, above all, a tool to collaborate around different channels. You will be asked to choose whether you want the chats shared with teammates or not.

Choose to share the Live Chat account

We suggest you choose the first option and share it in a Team Inbox. This will lead all incoming chats into a shared inbox where many teammates can assign cases to each other and work more efficiently.

Choose a team to share the Live Chat

After that, you will need to enter the Account SID and Auth Token from your Twilio account as well as a Chat service name.

Add the Twilio Chat keys

Your chat is almost ready to be plugged into WordPress.

Missive Live Chat successfully added

Setting up Missive Live Chat in WordPress

It's quite easy to install Missive Live Chat in WordPress. We have developed a simple plugin for this purpose.Go to your WordPress Admin, click Plugins, search for Missive Live Chat, install it and activate it.

Missive Live Chat for Wordpress plugin

Upon installation, click on Missive in your WordPress dashboard sidebar, and follow these steps:

  1. Enable Missive live chat by selecting the Yes option
  2. Copy the account id from the code snippet in Missive. It looks like this number:
    2846475-c2324-232344-235-dsfds34ffdf233
Live Chat code snippet
  1. Paste the id in the Chat Account id field back in WordPress.
Add Missive Live Chat id to the WordPress site
  1. Save changes

Congratulations! You now have a live chat on your website. But it's not in sync with the site's branding. Yet.

Live Chat in WordPress site

NoteYou can also add the code snippet directly to the WordPress theme's header.php file, although it will get deleted each time you update or change the theme. That's why we recommend using the Missive Live Chat for WordPress plugin.

Customizing the live chat window

Inside the Missive Live Chat for WordPress plugin settings you can:

  • Change the main color
  • Customize various messages such as welcome, help, error, title, etc.

For other settings, open your Missive app and go to the Setup tab in the Chat account and click Configure. Among other things, you can:

  • Change the position of the bubble
  • Show online status
  • Show avatars
  • Show names
  • Ask for name and/or email
  • Require name and/or email
  • Change the bubble messages
  • Change the User Interface messages
  • Identify and verify users
  • And more

The widget is highly customizable. For all options, see the documentation.

Here's the final version of our chat bubble. It looks great, right?

Customized Live Chat in WordPress site

Managing the live chat

Missive Live Chat is the perfect way to interact with visitors and users from your website without creating additional silos of communication.

Whenever someone sends a message through the live chat on your website, it will instantly appear in your Missive app, and like all other channels (email, SMS, social media messages), you decide where these messages land. You may choose for them to arrive in a Team Inbox or everyone's Inbox.

Missive Live Chat offers you fantastic features:

  • Identify visitors & authenticate users
  • One-to-many interactions
  • Customizable widget
  • Schedules
  • File exchange
  • Automation
  • Read status
  • Attach and display meta data
  • Emojis

Go here to learn more about each feature.

We hope this article helped you add a live chat to your WordPress site!

Related articles

Explore more
Productivity

November 20, 2020

Take your contact book to the next level

How to use Missive's contact groups and contact-based rules to automate VIP handling, language routing, team assignments, and spam filtering across email, SMS, WhatsApp, and more.

Read more
Tips & Templates

May 26, 2023

9 Tips & Examples to Write Effective Customer Service Emails

Write effective customer service emails with these tips & examples. Find out how to create a positive...

Read more
Shared Inbox

November 3, 2022

Top 10 Shared Inbox Software for Efficient Collaboration

Learn what a shared inbox is and why you should probably use one. We also cover the best shared inbox tool...

Read more
Team Collaboration

June 3, 2022

Boost Your Team Email Collaboration With These 10 Tips

10 practical strategies for better team email collaboration—from shared inboxes and delegation to templates, automation, and collaborative writing—with tips for moving beyond Gmail's limitations.

Read more
Shared Inbox

November 28, 2024

How to Centralize Client Communication for Better Team Productivity

Learn how to centralize client communication and improve team productivity for service businesses using Missive.

Read more
Team Collaboration

June 3, 2022

Email Collaboration: The Complete Guide for Modern Teams

Learn what email collaboration really means, why standard email fails for teams, and 10 practical strategies to improve how your team works together on email.

Read more
Team Collaboration

November 29, 2024

Google Collaborative Inbox: Why Your Teams Won't Like It

Google’s Collaborative Inbox offers a free way to manage shared email addresses—but its limitations around collaboration, mobile access, and automation push most teams toward better alternatives.

Read more
Tips & Templates

December 19, 2023

66 Most Significant Customer Service Statistics in 2026

These statistics can help you see the direction the customer service industry is heading in—and what you need to do to prepare your business in 2026.

Read more
Productivity

December 7, 2022

Inbox Zero Method 101: How to Master It

The inbox zero method is intended to make you more productive, not a slave to your inbox. Learn how to...

Read more

We live in our inboxes.
Let’s make email enjoyable.

Try us out for free, invite a few people to get a feel, and upgrade when you’re ready.

4.8 → Over 900 reviews
4.8
→ 900+ reviews