How to Add Live Chat to WordPress (Plugin or Code, in 5 Minutes)
WordPress runs a huge share of the web, and it's one of the easiest places to add live chat. You don't need a developer and you don't need to touch your theme. This guide shows the two ways to do it, which one to pick, and how to set the chat up so visitors actually use it.
Before you start
You need two things:
- A WordPress admin login, so you can install plugins (or edit the footer of your theme).
- A live chat account. You can create one free. Once you're in, open Chat widget → Install to find your chat code, a short key that tells the chat button which team should answer.
That's it. Neither method needs hosting changes, and both work on any theme.
Option 1: install the WordPress live chat plugin (recommended)
The plugin is the simplest route and keeps working when you change themes.
- Download the plugin from your dashboard. If you download it there, your chat code is already filled in.
- In WordPress, go to Plugins → Add New → Upload Plugin, choose the file and click Activate.
- Open Settings → Helpdesk Chat. Check that your chat code is there (paste it from Chat widget → Install if not).
- Click Save. Visit your site in a private window and the chat button appears in the corner.
The plugin also lets you hide the chat on chosen pages (for example your checkout or a landing page with its own call to action) and hide it for logged-in users, which is handy if your staff browse the site all day.
Option 2: paste one line of code
If you'd rather not add a plugin, the chat is a single script tag. Copy it from Chat widget → Install. It looks like this:
<script src="https://chat.techsntechnology.com/widget.js" data-key="YOUR_CHAT_CODE" async></script>
Add it just before the closing body tag of every page. The easiest ways in WordPress:
- A "header and footer" plugin. Most of these give you a box for footer scripts. Paste the line there and save.
- Your theme's footer.php, just above the closing body tag. Use a child theme, or the code disappears when the theme updates.
- The Site Editor (block themes). Add a Custom HTML block to the footer template part.
Will live chat slow down my WordPress site?
It shouldn't. The chat script loads asynchronously, after the rest of your page, so it doesn't hold up your content or your Core Web Vitals. If you use a caching or "optimise JavaScript" plugin, there's no need to combine or delay the chat script; leave it as it is.
Set it up so people actually use it
Installing the button is the easy part. A few settings decide whether visitors click it:
- Match your brand. Set the button colour, position and greeting in the widget settings. A chat that looks bolted on gets ignored.
- Write a human greeting. "Questions about sizing or delivery? We usually reply in a couple of minutes" beats "How can we help you today?"
- Ask little before the chat starts. A name and email are plenty. Every extra field loses people.
- Open it at the right moment. A proactive chat trigger on your pricing page or when someone is about to leave starts far more conversations than a quiet button.
- Plan for when you're offline. Outside your hours the widget turns into a contact form and every message becomes a ticket, so nobody is left waiting at a dead button.
Answer from anywhere
Chats arrive in your dashboard, on the web or on your phone. Agents can see what a visitor is typing before they press send, so the answer is often ready the moment the question lands. Saved replies cover the questions you get every day; here are 12 canned responses worth setting up first.
When you're not around, an AI chatbot trained on your help articles can answer common questions and hand the conversation to a person when it needs one.
Bring in WhatsApp, Instagram and Messenger too
Many WordPress sites already get questions in WhatsApp or Instagram. Connect those channels and they land in the same inbox as your website chat, so your team works from one screen. See how the shared inbox for WhatsApp, Instagram and Messenger works.
Troubleshooting
- The button doesn't appear. Clear your caching plugin and any CDN cache, then check in a private window. Make sure the chat code matches the one in your dashboard.
- It appears twice. You've added both the plugin and the script. Keep one.
- It's hidden on some pages. Check the plugin's "hide on these pages" setting.
Next steps
Adding live chat to WordPress takes about five minutes, and the free package includes every feature for one agent. Start free, install the plugin, and then read our live chat best practices to get the most from your first week of chats.