How to Set Up LiveChat on WordPress (Step-by-Step, No Developer Needed)
How to Set Up LiveChat on WordPress (Step-by-Step, No Developer Needed)
If you run your website on WordPress and you've been putting off adding live chat because you assumed it would involve editing code or hiring someone technical — this guide is going to be a relief. Setting up LiveChat on WordPress is one of the most straightforward plugin installations you'll ever do. I've walked complete beginners through this process while they were doing it for the first time, and every single one of them was live before we finished the call. No code. No developer. No frustration.
This guide gives you every step in order, including the ones most tutorials skip — the proactive trigger setup and the configuration that actually makes LiveChat generate sales, not just sit quietly in the corner of your website.
What you'll need: A WordPress website (any theme, any hosting), a LiveChat account — start your free 14-day trial here, no credit card required — about 10 minutes. Let's get into it.
Step 1: Install the LiveChat Plugin from Your WordPress Dashboard
Time
2 minutes
This is the easiest part. You don't need to download anything, visit any external website, or touch a single line of code.
- Log into your WordPress admin dashboard — this is typically at yourdomain.com/wp-admin
- In the left sidebar, find and click Plugins
- Click Add New Plugin at the top of the page
- In the search bar on the top right, type LiveChat
- You'll see LiveChat — WP Live Chat Plugin for WordPress in the results — it's published by LiveChat, Inc. and has tens of thousands of active installations
- Click Install Now
- Once installed, click Activate
That's the entire installation. The plugin is now active on your WordPress site. You'll see a new LiveChat item appear in your left sidebar menu. Click it to move to the next step.
Step 2: Connect Your LiveChat Account
Time
2 minutes
After clicking LiveChat in your sidebar, you'll land on a connection screen inside WordPress.
If you already have a LiveChat account:
- Click Sign in to LiveChat
- Enter your email and password
- Click Sign in — your WordPress site is now connected
If you're new to LiveChat:
- Click Create a free account
- Enter your name, email address, and a password
- Confirm your email when the verification arrives
- You're in — your 14-day free trial starts automatically
Once connected, go back to your WordPress site and open it in a new browser tab. Look at the bottom right corner of the page. Your LiveChat widget is already there and it's already working. Before you call it done though — the default setup is generic. The next steps are what turn it from a basic widget into a tool that actually brings in leads and sales.
Step 3: Customise the Widget to Match Your Brand
Time
2 minutes
Your chat widget is the first thing visitors interact with. It should look like it belongs on your site, not like a stock template.
- Log into your LiveChat dashboard at app.livechat.com
- In the left sidebar, go to Settings
- Click Chat widget under the Channels section
- Under Customization you can: change the colour — match it to your website's primary brand colour; upload a logo or agent photo — a real face builds trust instantly; edit the greeting text — delete the default and write something that sounds like you; choose widget position — bottom right is standard and works on most WordPress themes
- Click Save changes
Two minutes on this step makes a visible difference in how visitors perceive and engage with the widget. Don't skip it.
Step 4: Create Your First Proactive Trigger
Time
3 minutes
This is the step that separates a passive chat widget from an active sales tool — and it's the step almost every beginner skips because they don't know it exists. A proactive trigger automatically opens the chat window and sends a message to a visitor based on their behaviour — without you doing anything.
Trigger 1: Visitors who spend time on your key service or product page
- In LiveChat dashboard, go to Settings → Automation → Automated greetings
- Click New automated greeting
- Name it something clear: "Service page — 45 second trigger"
- Under Conditions, set: Current page URL → contains → the URL slug of your main service or product page; Time on page → greater than → 45 seconds
- Under Message, write: "Still exploring? If you have any questions about what we offer, I'm happy to help you decide."
- Click Save
Trigger 2: Visitors who haven't completed a contact or checkout action
- Click New automated greeting again
- Name it: "Contact page — 60 second trigger"
- Set conditions: Current page URL contains
/contactand Time on page greater than 60 seconds - Message: "Hi — if you're trying to get in touch, I can help you right here. What's on your mind?"
- Save
These two triggers will start generating conversations immediately with visitors who are already interested but haven't taken action yet. Check back in a few days and look at your engagement stats — you'll see the difference.
Step 5: Set Your Business Hours and Offline Message
Time
2 minutes
Visitors who arrive when you're not available should still have a good experience. A clear, honest offline message is far better than a widget that just sits there silently.
- In LiveChat dashboard go to Settings → Chat widget → Availability
- Set the days and hours you'll realistically be monitoring and responding to chats
- Under Offline message — write something warm and specific: "We're not online right now but we're back [your hours]. Leave your name and email and we'll get back to you quickly."
- Make sure Ticket form is enabled — this captures the visitor's details as a lead when you're offline so nothing gets lost
- Save
Want 24/7 coverage even when you're not available? This is where adding ChatBot to your stack makes a real difference. It's made by the same company as LiveChat, integrates in a few clicks, and handles automated responses to your common questions around the clock. When you come back online, all the conversation history is waiting for you. For a small business that can't be available 24/7, this combination is genuinely the closest thing to having a full-time support person without the salary.
Step 6: Install the LiveChat Mobile App
Time
1 minute
This one step extends your availability significantly without changing your routine.
- On your phone, go to the App Store (iPhone) or Google Play (Android)
- Search LiveChat and download the official app
- Log in with your LiveChat account credentials
- Turn on push notifications
Now when a visitor starts a chat on your WordPress site, your phone buzzes just like a text message. You can respond from wherever you are — in a meeting, on a commute, between appointments. This doesn't mean you have to be available all the time. It means that when you happen to be free and a chat comes in, you'll know about it immediately instead of seeing it hours later.
Step 7: Test Everything Before Going Live
Time
3 minutes
Before you send real customers to your newly chatted-up website, run a full test yourself. Open your WordPress site in a private or incognito browser window and go through it as if you were a first-time visitor. Check these five things:
- Does the widget appear? Look for it in the bottom corner on both desktop and on your phone's browser
- Does the proactive trigger fire? Go to the page you set the trigger on, wait the number of seconds you configured, and confirm the message appears
- Does a test chat reach your dashboard? Send a message from the visitor window and confirm it shows up in your LiveChat dashboard and on your phone app
- Does the offline message show correctly? In your dashboard, manually toggle your status to offline, then visit your site and check what visitors see
- Does the widget look right on mobile? This is the one most people skip. Your WordPress theme might cause the widget to overlap buttons on smaller screens. If it does, adjust the widget's bottom offset in Settings → Chat widget → Customization
If all five pass, you're done. Your live chat is fully set up and ready for real visitors.
What to Do in Your First Week
The setup is finished but the work isn't. Here's what I recommend doing in the first seven days to make sure you're actually getting value from what you just built:
Days 1–3: Respond to every chat personally, even the simple ones. The questions visitors ask in the first few days are gold — they're telling you exactly what's unclear on your website. Write them down.
Days 3–5: Take the three most common questions from your early chats and build canned responses for them. Go to Settings → Chats → Canned responses and add them. This speeds up every future conversation significantly.
Days 5–7: Check your automated greeting stats. How many times did your triggers fire? How many visitors engaged? If you're getting trigger fires but no engagement, rewrite the message — try making it more specific to the page the visitor is on.
By the end of week one you'll have real data on how your WordPress visitors interact with chat, and you'll know exactly what to improve next.
Troubleshooting: Common WordPress Issues
The widget isn't showing on my site
First, do a hard refresh on your site (Ctrl + Shift + R on Windows, Cmd + Shift + R on Mac). If it still doesn't appear, go to your LiveChat plugin settings in WordPress and confirm your account is connected — look for a green "Connected" status. If you've recently changed themes, deactivate and reactivate the plugin.
The widget is conflicting with my caching plugin
This is the most common WordPress-specific issue and it affects WP Rocket, W3 Total Cache, and a few other popular caching plugins. The fix: go into your caching plugin settings and add LiveChat's scripts to the exclusion list. LiveChat's support team can give you the exact script URLs to exclude — it takes about five minutes and permanently resolves the conflict.
The widget looks wrong on mobile
Go to LiveChat dashboard → Settings → Chat widget → Customization and adjust the Bottom spacing value. Increasing it by 20 to 40 pixels usually pushes the widget clear of any overlapping navigation elements. Test on a real phone after each adjustment.
My proactive trigger isn't firing
Double-check that the URL condition matches your actual page URL exactly. WordPress sometimes adds trailing slashes or slightly different URL formats depending on your permalink settings. Try setting the condition to "contains" rather than "equals" and use just the core slug — for example /contact rather than https://yourdomain.com/contact/.
Frequently Asked Questions
Does LiveChat slow down my WordPress website?
No meaningful impact. LiveChat loads asynchronously — meaning it loads separately from and after your main page content. Your visitors won't notice any difference in page load speed. If you're running Google PageSpeed tests and concerned about third-party scripts, LiveChat's impact is minimal and well within acceptable limits.
Do I need a paid WordPress theme or specific page builder?
No. LiveChat works with every WordPress theme — free or paid — and alongside every page builder including Elementor, Divi, Beaver Builder, and the default WordPress block editor. There's nothing theme-specific about the installation.
Can I use LiveChat on a WordPress site and a separate website at the same time?
Yes. One LiveChat account supports multiple domains and websites. You manage all conversations from a single dashboard. There's no per-site charge — you pay per agent seat regardless of how many websites the widget is installed on.
What happens to chats when I'm offline?
LiveChat's ticket form captures the visitor's name and email and stores it as a ticket in your dashboard. You'll see it waiting for you when you log back in. If you want automated responses during offline hours rather than just a capture form, add ChatBot to handle those conversations automatically.
Is the free trial enough time to know if it's working?
Yes — easily. Set up your two proactive triggers on day one, monitor them actively, and by the end of two weeks you'll have enough conversation data to know whether LiveChat is generating value on your specific WordPress site.
Can I use LiveChat with WooCommerce?
Absolutely — and this is where it gets especially powerful. With WooCommerce connected, your chat agents can see each visitor's cart contents and order history directly inside the chat window. This context transforms support conversations into sales conversations. If you run a WooCommerce store, this integration alone is worth the setup time.