# How to Add Live Chat to a WordPress Website (Step by Step)

> To add live chat to WordPress, create an account with a live chat provider, design the widget, then either upload and activate the provider's WordPress plugin or paste its one-line code into your site's footer. Test it on a phone, set an after-hours message, and make sure your team gets notified when visitors write.

Source: https://chat.or.ke/blog/how-to-add-live-chat-to-wordpress
Published: 2026-10-20 | Updated: 2026-10-20 | Publisher: chat.or.ke

WordPress runs a large share of Kenyan business websites, from Nairobi law firms to Naivasha lodges. Adding live chat to one is a quick job, yet many sites end up with a chat bubble nobody answers, or a plugin that slows the homepage down.

This guide walks you through adding live chat to a WordPress site properly: choosing a tool, installing it with a plugin or a code snippet, and setting it up so chats turn into customers. It assumes you can log in to WordPress admin, nothing more.

## Key takeaways

- There are two ways to install: the provider's WordPress plugin, or one line of code pasted into the site footer.
- Configure the greeting, quick replies and after-hours behaviour before you switch the widget on.
- Limit the widget to your own domains so nobody can copy your code onto another site.
- Live chat only pays off if someone answers quickly; route chats into the same inbox as WhatsApp so they are not forgotten.

## Before you start

Have these ready:

- **Administrator access** to your WordPress dashboard (Plugins and Appearance menus visible).
- **An account with a live chat provider.** Options include tawk.to, Tidio, Crisp and chat.or.ke; see our [tawk.to alternatives](https://chat.or.ke/blog/tawk-to-alternatives) comparison if you are still choosing.
- **Your brand colour, logo and a greeting line**, for example "Karibu! Ask us about rooms, rates or airport transfers."
- **A list of your five most common questions**, which become quick-reply buttons and saved answers.
- **A recent backup**, as with any plugin change. Many hosts let you take one from cPanel or their own dashboard.

## Step 1: Choose a live chat tool that fits your channels

Pick the tool based on where the rest of your conversations happen. If WhatsApp brings most of your enquiries, choose a tool that puts website chats and WhatsApp in one inbox, or you will be juggling two apps all day.

Things to check before you commit:

| Question | Why it matters |
|---|---|
| Does it have a WordPress plugin, or just code? | A plugin is easier for non-technical staff to manage |
| Can a bot or AI answer when nobody is online? | Many Kenyan shoppers browse late at night |
| Can visitors continue on WhatsApp? | Customers want to follow up from their phone |
| Is there a mobile or browser notification? | Unanswered chats lose leads |
| How is it billed? | Per agent, per month, or per message makes a big difference |

## Step 2: Design your widget

Set up the widget in your provider's dashboard before installing it, so visitors never see a half-finished version. Choose your colour, upload your logo, write the greeting and add quick-reply buttons such as "Prices", "Delivery" and "Talk to a person".

In chat.or.ke's [website live chat](https://chat.or.ke/features/live-chat) settings you pick colours, greeting and quick replies, and choose which websites the widget may run on. That allowed-domains list stops anyone from pasting your code on another site and sending you spam chats.

## Step 3: Install the WordPress plugin

The plugin route is the simplest for most site owners. If your provider is listed in the WordPress plugin directory, go to **Plugins → Add New**, search for it, then click **Install** and **Activate**.

Some providers give you the plugin as a zip file instead. With chat.or.ke, you download the WordPress plugin from your live chat install settings, then in WordPress go to **Plugins → Add New → Upload Plugin**, choose the zip file and click **Activate**. The widget is already linked to your account, so there is nothing to paste.

## Step 4: Or paste the code snippet instead

If you prefer not to add another plugin, paste the provider's one-line script into your site's footer. You have three common options:

1. **A header and footer code plugin** you already use. Paste the script into the footer box and save.
2. **Your theme's settings.** Many themes have a "Custom scripts" or "Footer code" field under Appearance or the theme options.
3. **A child theme's footer.php**, just before the closing body tag. Only do this if you are comfortable editing theme files, and never in a parent theme that updates will overwrite.

Use only one method. Installing both the plugin and the snippet shows two chat bubbles.

## Step 5: Set up after-hours replies

Decide what happens when nobody is online before you go live. The worst experience is a visitor typing a question and waiting in silence.

Good options include a bot that answers common questions, an AI assistant trained on your business information, a leave-a-message form that collects a phone number, or a one-tap move to WhatsApp. chat.or.ke supports all of these: the [AI assistant](https://chat.or.ke/features/ai-assistant) answers in English or Kiswahili from your own knowledge base, and visitors can leave their details or continue on WhatsApp so you follow up in the morning. Our guide to [business hours and away messages](https://chat.or.ke/blog/how-to-set-business-hours-and-away-messages) has wording you can copy.

## Step 6: Test on desktop and phone

Open your site in a private browser window and on a phone using mobile data, not office Wi-Fi. Send a test message, reply from your dashboard and confirm that:

- The bubble does not cover your "Add to cart", "Book now" or cookie banner buttons
- Replies appear on the visitor's side with a typing indicator
- The after-hours message or form shows when everyone is offline
- Your team gets a notification for the new chat

Also check that the page still loads quickly. A good widget loads a very small script first and only loads the chat window when it is needed.

## Step 7: Train your team and add saved replies

Live chat works when replies are fast, friendly and consistent. Agree who covers which hours, and save answers to the questions you get every day so agents can reply in seconds. Our [canned responses guide](https://chat.or.ke/blog/how-to-write-canned-responses) includes more than 20 examples you can adapt.

If your team also answers WhatsApp, keep everything in one [shared inbox](https://chat.or.ke/features/whatsapp-inbox). In chat.or.ke, website chats sit next to WhatsApp, SMS and email conversations with the same assignment, internal notes and saved replies, and the live visitors board shows who is on your site right now.

## How much does WordPress live chat cost?

The plugin itself is usually free; you pay for the chat service. Providers charge in different ways, such as free plans with branding, monthly per-agent plans or usage-based pricing, so check each vendor's pricing page.

chat.or.ke has no monthly fee. You pay a one-off setup of KES 2,500 to go live on WhatsApp, then per message from a wallet topped up with M-Pesa. See [pricing](https://chat.or.ke/pricing) for current rates.

## Frequently asked questions

### What is the best free live chat plugin for WordPress?

tawk.to is a popular free choice, and several other providers offer free plans with limits or branding. The best one depends on whether you also need WhatsApp, AI replies or a shared team inbox.

### Will a live chat plugin slow down my WordPress site?

A well-built widget has very little effect because it loads a small script first and the chat window only when needed. Test your page speed before and after installing, and avoid running two chat tools at once.

### Can I add live chat to WordPress without a plugin?

Yes. Paste the provider's one-line script into your site's footer using your theme settings or an existing header and footer code plugin. The chat works the same way as with a plugin.

### Can I connect WordPress live chat to WhatsApp?

Yes, with a tool that supports it. Some live chat widgets let visitors continue the conversation on WhatsApp, and put website chats and WhatsApp messages in the same team inbox.

### Does live chat work with WooCommerce?

Yes. A live chat widget appears on WooCommerce shop and product pages like any other page, so shoppers can ask about sizes, stock and delivery before they buy.
