DriversRecommendedOutdated drivers can make a good PC feel brokenScan driver issues before chasing fixes manually.Scan NowHalloween DealsAmazon USHalloween week deals: useful picks before month-endAmazon US: current deals, useful picks and tech finds.Check DealsWindows FixRecommendedWindows errors stealing your time? Find the fix fastScan stability, cleanup and performance issues.Fix Now×
FREEDOM251

Freedom251 › Blog › customer support

How to Add Live Chat to a WordPress Site (Plugin and JavaScript Methods)

By Freedom251 Team · · 13 min read

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

The simplest way to add live chat to WordPress is to install your provider’s plugin, activate it, connect the provider account, select the correct widget, and test the published site. Most services also offer a JavaScript option when you need more control over where the widget code is placed. The exact labels vary, but the process is consistent: install once, configure visibility, make sure an agent can receive conversations, then verify the widget in a private browser window.

How WordPress live chat works

A live-chat box is usually not hosted by WordPress itself. A chat provider runs the conversation service, agent workspace, routing and widget. WordPress adds the visible widget to your pages through either a plugin connection or a JavaScript snippet.

As an Amazon Associate I earn from qualifying purchases.

The plugin method is normally safer for site owners who do not want to edit theme files. It keeps account connection and display settings in the WordPress dashboard. The JavaScript method is useful when your provider specifically instructs you to place code in a footer, through a code-injection tool, or in another location supported by your hosting setup.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Adding the widget does not automatically guarantee that visitors will receive an answer. Some services require at least one agent to be logged in and accepting chats before the widget is available for new conversations.

#1 Best Overall
Sale
Logitech H390 Wired Headset PC/Laptop Stereo Headphones, USB-A, Black | For PC/Laptop, stereo headphones, microphone, in-line controls, works with Chromebook
  • Digital Stereo Sound: Fine-tuned drivers provide enhanced digital audio for music, calls, meetings and more
  • Rotating Noise Canceling Mic: Minimizes unwanted background noise for clear conversations; the rotating boom arm can be tucked out of the way when you’re not using it
  • Handy In-line Controls: Simple in-line controls on the headset cable let you adjust the volume or mute calls without disruption
  • Plug-and-Play USB Computer Headset: Simply plug the USB-A connector into your computer and you’re ready to talk or listen without the need to install software
  • Padded Comfort: Comfortable headphones with adjustable headband features swivel-mounted, leatherette ear cushions for hours of comfort and is easy to clean

Choose the provider and installation route first

Decide what the chat must do before installing anything. The most important differences are not the color or position of the button, but how the service handles page targeting, store context, agents and pricing.

Provider or option Installation routes documented Relevant capabilities documented for WordPress users Pricing or availability noted in the provider material Important qualification
tawk.to WordPress plugin and manual JavaScript Page-type and URL visibility rules, URL exclusions, WooCommerce-specific controls, selectable property and widget, departments and agents WordPress.org listing states the service is free with no limits on agents, chat volume or widget sites; the listing also says the widget can be customized in more than 45 languages Those limits and language figures are vendor or directory statements and can change
LiveChat Provider installation instructions and WordPress-compatible widget setup Cart information such as total value, product names, item count and product links; agent availability affects whether chats can be received Its installation page describes a free 14-day trial for new sign-ups The trial offer and product terms should be checked on the provider’s current page before purchase
Manual JavaScript Copy a provider-generated snippet and place it where that provider documents Can work when a plugin is unavailable or when an administrator needs a specific code location No separate service price; the underlying provider plan still applies Editing theme files can be overwritten by theme changes and is not the right route for every WordPress environment

Do not install both a provider plugin and that same provider’s script unless its documentation explicitly says to do so. Duplicate installation can load the widget twice or create conflicting settings.

Before you install: a short checklist

  • Administrator access to the WordPress dashboard.
  • An account with the chat provider you intend to use.
  • The provider’s property, site, workspace or widget identified, especially if the account contains more than one.
  • A decision about where chat should appear: every page, selected page types, selected URLs, or specific store pages.
  • At least one person who can log in to the provider’s agent application and accept conversations during the hours you advertise.
  • A plan for testing the published site without relying on a logged-in WordPress session.

Keep a record of which installation method you chose. If the widget later disappears, knowing whether it came from a plugin or a manually inserted script makes diagnosis much faster.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Method 1: install live chat with a WordPress plugin

The plugin route avoids direct theme-file editing and is the usual starting point for a standard WordPress site. Provider screens differ, so the names below describe the common sequence rather than a promise that every service uses identical labels.

  1. Open the plugin directory. In WordPress administration, go to Plugins → Add New.
  2. Search for the provider’s official plugin. Check the plugin name and publisher carefully. Installing an unrelated connector can send you to a different account or expose settings you do not expect.
  3. Install and activate it. WordPress adds the plugin to the active-plugin list. Activation alone usually does not display a chat box; the account connection still has to be completed.
  4. Open the plugin settings. Look for a settings link beside the plugin or under the provider’s own dashboard menu.
  5. Sign in and connect the account. If the provider asks you to authorize WordPress, complete that flow in the same browser window and confirm the account shown is the intended one.
  6. Select the property and widget. Accounts with several websites may show multiple properties. Choose the property belonging to this WordPress installation, then select the widget configuration you want.
  7. Set visibility rules. Decide whether the widget should load on all pages, only certain page types, or a list of URLs. Save the settings before leaving the screen.
  8. Publish and test. Open the public site, not only the WordPress preview, and verify that the launcher appears, opens, accepts a message and shows the expected brand and greeting.

Plugin settings can be changed later without reinstalling the plugin. If a redesign changes your URLs, revisit any URL-based rules so the chat does not silently disappear from newly created pages.

Documented example: tawk.to’s WordPress plugin

tawk.to provides a concrete plugin workflow that illustrates the general process.

  1. Sign in to WordPress administration and open Plugins → Add New.
  2. Search for “Tawk.To Live Chat”.
  3. Install the plugin published by Tawkto and activate it.
  4. Open the plugin’s settings and log in to the tawk.to account.
  5. Select the correct property and widget, then choose Use Selected Widget.
  6. Open the visibility controls. The documented default is all pages. You can exclude URLs, display the widget only on selected page types or URLs, and use WooCommerce-specific options.
  7. Save the visibility settings, publish the site and test the widget in a private or incognito window.

If the widget does not appear after saving, first confirm that the selected property belongs to this site. An account can contain several properties, and choosing the wrong one can produce a perfectly valid but unrelated widget.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
Rank #2
Sale
Amazon Basics On Ear Wired Computer Headset with Adjustable Microphone, 3.5mm Port or in-Line Control with USB-A Port, Foldable, Clear Sound, Small/Medium Size, Black
  • How it Fits: On-ear compact design may feel snug initially—adjust properly and wear 30-60 minutes daily for the first week. Optimal comfort achieved after 1-2 weeks as ear cups conform to your ears. Take 10-minute breaks during extended use.
  • Wired computer headset with foldable design; ideal for calls, meetings, online learning, and more. Compact headset measures 6.1" W x 7.2" H with 2.8" ear cups and 4.4" boom mic. Ideal fit for small to medium head sizes
  • Flexible, adjustable boom mic can be positioned at any angle; unidirectional mic reduces the background noise to ensure crisp, bright conversations (Provided that your conversation is under the correct direction of the microphone)
  • 32mm speaker drivers offer an immersive listening experience with clear sound quality
  • One-touch mute/unmute with intuitive in-line control box; Using microphone, slide the button upward to unmute and enabled audio settings in your device. For USB connection, ensure the 3.5mm jack (4-pin) is fully inserted into the USB adapter. For direct 3.5mm connection, first remove the USB adapter from your device

Useful tawk.to display controls

  • All pages: the documented default when no narrower rule is selected.
  • URL exclusions: useful for pages where chat would distract from a form, checkout step or other focused task.
  • Selected page types or URLs: useful when support is needed only on product, pricing, documentation or contact pages.
  • WooCommerce options: relevant when the store needs rules tied to its ecommerce pages.

The WordPress.org listing also describes unlimited agents, chat volume and widget sites, plus widget customization in more than 45 languages. Treat these as statements on that listing, not as an independent market measurement; service terms may change.

Method 2: add the provider’s JavaScript widget

Use this route only when you understand where your provider expects the code and your WordPress setup allows that location. The provider-generated snippet identifies the account and widget, so copying code from another property will connect the site to the wrong workspace.

  1. Open the provider dashboard. Select the property for this WordPress site.
  2. Open the chat-widget installation area. In the documented tawk.to flow, this is Administration → Chat Widget.
  3. Copy the complete JavaScript snippet. Do not alter the account identifiers or remove script lines.
  4. Place it where the provider documents. The tawk.to guide describes placing the snippet before the closing </body> tag and documents a WordPress theme-footer route. A different provider may specify another location.
  5. Save and publish. A code editor may require a separate save, update or publish action.
  6. Test the public page. Use a private browser window and check both appearance and conversation opening.

Theme-file editing is a documented option, not a universal requirement. A theme update can replace a footer modification, and some managed WordPress environments restrict direct file edits. If your provider offers an official plugin, that is generally the easier method for routine administration.

When a provider offers both plugin and script installation

Pick one method for one widget. The provider documentation for this type of setup warns against using both plugin and JavaScript installation for the same widget. If you change methods, remove the old installation first, clear caches, then test again.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Do not assume that deactivating a plugin removes code added separately through a theme footer or code-injection tool. Check both places when troubleshooting duplicate launchers or two identical chat buttons.

LiveChat-specific considerations

LiveChat’s installation guidance describes a free 14-day trial for new sign-ups; that is the offer stated on its installation page, which was updated April 7, 2025, and should be confirmed against current terms. Its documented store context includes cart total value, product names, item count and product links, which can help an agent understand a shopper’s question without asking the customer to repeat every item.

LiveChat’s troubleshooting guidance also states that at least one agent must be logged in to the agent application and accepting chats for the widget to be available. A correctly installed widget can therefore appear unavailable when no operator is online. Decide what visitors should see outside staffed hours before publishing the chat invitation.

Rank #3
Sale
Razer Kraken V3 X Wired USB Gaming Headset, Lightweight, Black | TriForce 40mm Drivers, HyperClear Cardioid Mic, 7.1 Surround Sound, Chroma RGB Lighting
  • 285G LIGHTWEIGHT BUILD — Experience superior audio and game for hours without being weighed down by the headset
  • TRIFORCE 40MM DRIVERS — Cutting-edge proprietary design divides the driver into 3 parts for the individual tuning of highs, mids, and lows —producing brighter, clearer audio with richer highs and more powerful lows
  • HYPERCLEAR CARDIOID MIC — An improved pickup pattern ensures more voice and less noise with the sweet spot easily placed at the mouth because of the mic’s bendable design
  • HYBRID FABRIC AND MEMORY FOAM EAR CUSHIONS — Wrapped in a combination of breathable fabric and plush leatherette to provide a snug fit to ensure constant comfort for prolonged gaming
  • 7.1 SURROUND SOUND — Provides accurate positional audio that lets you pinpoint intuitively where every sound is coming from. *Only available on Windows 10 64-bit

How to decide where the widget should appear

Site-wide support

Showing chat on every page gives visitors a consistent way to ask for help. It also means the team may receive questions from pages that were never intended to be support entry points. Use this setting when the team is prepared to monitor broad traffic.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Selected pages

Restricting chat to pricing, product, documentation or contact pages concentrates conversations where questions are most likely. The exact page-type controls depend on the provider; tawk.to documents both page-type and URL-based selection.

URL exclusions

Exclusions keep the launcher away from pages where it may interrupt a task. Review exclusions whenever URLs change, especially after a migration, new product taxonomy or checkout redesign.

WooCommerce pages

If the site uses WooCommerce, use the provider’s ecommerce-specific visibility options when available. tawk.to documents WooCommerce controls, while LiveChat documents cart details available to agents. These are different capabilities: one controls where the widget appears, and the other describes shopping context in the agent workflow.

Verification: prove the chat works on the published site

Do not stop at “the plugin is active.” Verify the complete visitor path.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.
  1. Open the published URL in a private or incognito window so an administrator session does not hide a problem.
  2. Check a page where the widget should appear and, if you configured exclusions, a page where it should not appear.
  3. Open the launcher and confirm that the panel loads rather than showing a blank frame or a perpetual spinner.
  4. Send a short test message and confirm that it reaches the agent workspace.
  5. Reply from the agent side and verify that the visitor receives the response.
  6. Repeat the test after clearing any page or browser cache if the old page does not reflect your settings.
  7. Test on a phone-sized viewport as well as a desktop browser; check that the launcher does not cover navigation, checkout controls or consent elements.

The provider guidance specifically recommends an incognito/private window or clearing cache after publishing. A successful administrator preview is not enough evidence that an anonymous visitor can use the service.

Troubleshooting a missing or unusable chat widget

The plugin is installed but no widget appears

  • Confirm the plugin is active, not merely installed.
  • Open its settings and verify that the provider account is connected.
  • Check the selected property and widget. Choosing another property can attach the site to a different workspace.
  • Review page visibility, URL exclusions and WooCommerce rules.
  • Open the published site in a private window and clear WordPress or browser caches.

The widget appears twice

Look for a manually inserted provider script in the theme footer, a code-injection plugin or a hosting control panel. Remove the duplicate and retain only the installation method supported for your chosen setup. Using both plugin and script routes for the same widget can create duplicate launchers.

Rank #4
Sale
Logitech H391 Wired Headset PC/Laptop Stereo Headphones, USB-C, Graphite | Stereo headphones for PC or laptop, in-line controls, works with Chromebook
  • Digital Stereo Sound: Fine-tuned drivers provide enhanced digital audio for calls, meetings, music, and more
  • Rotating Noise-Canceling Mic: Minimizes unwanted background noise for clear conversations; the rotating boom arm can be tucked out of the way when not in use
  • Handy Inline Controls: Simple inline controls on the headset cable let you adjust the volume or mute calls without disruption
  • USB-C Plug-and-Play: Simply plug the USB-C cable into your computer, including MacBook Neo laptops, and you're ready to talk or listen without installing software.
  • Padded Comfort: Comfortable USB C headphones with adjustable headband feature swivel-mounted, leatherette ear cushions for hours of comfort

The widget appeared only after clearing cache

Caching plugins and page caches can continue serving HTML that predates the installation. Purge the relevant cache, then test again in a private window. If a cache is rebuilt automatically, test from a second network or browser before concluding that the change failed.

The panel is blank or the browser console shows blocked requests

For a manually embedded script, inspect browser-console errors and check the site’s Content Security Policy. A strict policy can block the provider’s script or connection domains. The policy must allow the domains required by the provider’s current embed; do not weaken security broadly just to hide an error.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Visitors can see the launcher but cannot start a conversation

Check the provider’s agent status and routing settings. LiveChat’s guidance requires at least one agent to be logged in and accepting chats. Other services may show an offline state or suppress availability when no agent is scheduled.

The widget is missing only on certain pages

Compare the page URL with your visibility rules, redirects and templates. A rule based on an old URL will not match a newly changed permalink. Also check whether the page uses a different header or footer template that omits manually inserted code.

Independent reader supportYour contribution helps us test, update, and keep practical guides available for everyone.Support on Ko-Fi

Operational settings that determine whether chat helps

Agent coverage

Publish hours that match real coverage. If no one can answer, an always-visible invitation can create an expectation the team cannot meet. Use the provider’s offline behavior or availability controls where available.

Departments and ownership

The tawk.to WordPress.org listing describes departments and unlimited agents. Use departments when different people handle different subjects, but keep routing understandable: a visitor should not have to repeat the question after transfer.

Free tools Windows power users keep installed

One-click scans. No signup required.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Store context

For ecommerce support, decide whether agents need cart details, product links or order context. LiveChat documents cart total, product names, item count and product links in its workflow. A visibility rule alone does not provide that context.

Best Value
Sale
Logitech G432 Wired Gaming Headset - Black | DTS Headphone:X 2.0, 50 mm audio drivers, USB and 3.5 mm jack, Flip-to-Mute mic, PC compatible
  • Enjoy expansive cinematic sound. Big 50 mm audio drivers deliver an incredible sound experience
  • Hear Enemies From All Sides. DTS Headphone:X 2.0 surround sound(1) lets you hear enemies sneaking behind you, special ability cues, and immersive environments. It’s positional clarity that can make the difference between victory and defeat. Experience three-dimensional audio that goes beyond 7.1 channels to make you feel like you’re right in the middle of the action. (1) DTS Headphone:X 2.0 requires Logitech G HUB Software.
  • Be Heard Loud and Clear. The big 6 mm boom mic makes sure you’re heard by gaming partners and mutes when flipped up.
  • Use One Headset For Most Game Platforms. Your headphones work with your PC or Mac via USB DAC or 3.5 mm cable, mobile devices with 3.5 mm cable or with gaming consoles including PlayStationⓇ 5 and PlayStationⓇ 4 (USB wireless stereo sound only), Nintendo Switch (wireless stereo sound when docked)
  • Game for Hours in Comfort. Everything about these headphones is about comfort: The deluxe lightweight leatherette ear cups and headband are made to keep pressure off your ears. Ear cups rotate up to 90 degrees for convenience.

Language and widget presentation

tawk.to’s listing says its widget can be customized in more than 45 languages. Treat that as a vendor-listed capability and confirm the language options in the account before promising a specific translation to customers.

Security, maintenance and change control

  • Use the provider’s official plugin listing or dashboard-generated code rather than copying a snippet from an unrelated site.
  • Limit WordPress administrator access to people who need to change chat settings.
  • Record the selected property, widget name and installation location.
  • After a theme change, migration, caching change or permalink update, repeat the private-window verification.
  • Remove old scripts when switching providers so a former widget cannot continue loading.
  • Review provider pricing, trials, feature limits and terms before renewal; the figures cited here are tied to the provider pages and listings available at the stated dates.

Which installation method should you use?

Situation Recommended route Reason
You want the least code and ordinary WordPress administration Official plugin Account connection and visibility settings remain in the dashboard
Your provider has no suitable plugin Provider JavaScript The provider’s generated snippet is the supported fallback
You need page or URL targeting Provider controls, preferably through its plugin tawk.to documents page-type, URL and WooCommerce visibility rules
You need agents to see shopping details A service documenting cart context LiveChat documents cart value, product names, item count and product links
You need a no-cost service according to the available listing Review tawk.to’s stated free offering The WordPress.org listing says no limits on agents, chat volume or widget sites; verify current terms
You want to evaluate a paid service before committing Check the provider’s current trial terms LiveChat’s installation page describes a 14-day trial for new sign-ups

Final launch checklist

  • The official plugin is active, or the provider script is present once in the documented location.
  • The account, property and widget belong to this WordPress site.
  • Visibility rules match the pages where visitors should receive help.
  • At least one agent is available during advertised chat hours.
  • The widget appears in a private browser window on the published site.
  • The panel opens, a test message arrives, and a reply returns to the visitor.
  • Caches, Content Security Policy rules and theme changes have been checked if anything looks wrong.

For most WordPress sites, start with the provider plugin: install, activate, connect, select the widget, configure visibility and verify privately. Use JavaScript only when the provider or your environment requires it, and never leave both installation methods active for the same widget.

Frequently Asked Questions

Can I add live chat without editing my WordPress theme?

Yes. The provider-plugin route installs through Plugins → Add New, then connects the account and widget in plugin settings. Theme-footer editing is only one documented JavaScript route, not a requirement when an official plugin is available.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Why does the chat widget appear for me but not for visitors?

Test the published site in a private window, clear page and browser caches, confirm the plugin is active, and verify the selected property, widget and visibility rules. An administrator preview can differ from an anonymous visitor view.

Should I install the plugin and paste the JavaScript snippet too?

No. Use one installation method for the widget unless the provider explicitly documents otherwise. Check theme footers and code-injection tools if the launcher appears twice.

Does a free live-chat option exist for WordPress?

The WordPress.org listing for tawk.to states that its service is free with no limits on agents, chat volume or widget sites. That is a provider or directory statement, so confirm current terms before relying on it.

What happens when no support agent is online?

Availability behavior depends on the provider. LiveChat’s troubleshooting guidance says at least one agent must be logged in and accepting chats for its widget to be available. Configure offline handling or limit display to staffed hours when necessary.

What’s actually slowing this PC down?

Pick the symptom - the matching free tool is one click away.

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Can live chat show WooCommerce or cart information?

Capabilities differ. tawk.to documents WooCommerce-specific visibility controls, while LiveChat documents cart total value, product names, item count and product links for agents. These functions address different needs and should not be treated as interchangeable.

Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.

customer supportLive ChatLiveChattawk.toWooCommerceWordPressWordPress Plugins

Leave a Reply

Your email address will not be published. Required fields are marked *

Special offer. See more information about Outbyte and uninstall instructions. Please review EULA and Privacy policy.

Recommended PC Tool
Recommended PC Tool
Windows Errors? Fix Them Before They SpreadFree repair scan
Outdated Drivers Are Slowing You DownFree scan - exact matches

Two free Windows tools

One Free Minute Could Fix That PC

Before you go - each of these free tools takes about a minute and tackles what quietly slows a Windows PC down.

Special offer. View Outbyte info, uninstall instructions, EULA, and Privacy Policy.