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

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.

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 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:

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 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 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 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 includes more than 20 examples you can adapt.

If your team also answers WhatsApp, keep everything in one shared 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 for current rates.