How to Add a WhatsApp Chat Widget to WooCommerce (2026)

There are two ways to add WhatsApp chat to a WooCommerce store. A WhatsApp button plugin puts a fixed button on the pages you choose. A chat widget tool does that and adds timing and page rules on top.

WooCommerce has no WhatsApp setting of its own, so both routes start with an install. This guide walks through the widget route, which takes one plugin and one widget.

Below are the 8 steps with screenshots, the pages where the button earns its place, and the fixes when it does not show.

WhatsApp Button Plugin or Chat Widget for WooCommerce?

A button plugin such as Click to Chat is free and adds a WhatsApp button to your pages.

A chat widget tool adds a greeting, a delay and rules for who sees it. Both open the same WhatsApp chat, so the difference is in the settings around it.

What you need	Click to Chat plugin	WiserNotify widget
Triggers	A fixed button, with time and scroll delay in Click to Chat Pro	Page load, after a delay, on scroll or on exit intent
Targeting	Post type, post ID, category and device. Country and login status are in Pro	Page URL rules, plus country, UTM, referrer and new or returning visitors
Analytics	Click events sent to Google Analytics, Meta Pixel and Google Ads	Views and clicks inside the WiserNotify dashboard

Click to Chat details come from its WordPress.org page, checked on 16 October 2026.

Click to Chat also fills the product name, price and SKU into the message on product pages, which the table does not show.

How Do You Add a WhatsApp Chat Widget to WooCommerce?

The widget comes from WiserNotify, which connects to WooCommerce through its own WordPress plugin. The plugin adds the pixel for you, so there is no code to paste.

The video shows the WhatsApp widget being built, and the steps below cover the plugin first.

Step 1: Open Add Plugin in WordPress

1. Sign up for WiserNotify first, so you have an API key to paste later.
2. In your WordPress admin, go to Plugins, then Add New.

Step 2: Install WiserNotify

1. Type WiserNotify in the search box.
2. Click Install Now on the result and accept the permissions.

Step 3: Activate the Plugin

1. Click Activate once the install finishes.

Step 4: Copy Your API Key

1. In WiserNotify, open Install Pixel and scroll to the platform setup guide.
2. Click Copy API Key.

Step 5: Paste the Key and Submit

1. Back in WordPress, open Wiser Notify in the left menu.
2. Paste the key into the Enter your API Key box and click Submit. The plugin adds the pixel to your store’s head section.

Step 6: Check the Pixel

1. Open your store once so the pixel loads.
2. On the Install Pixel page, click Verify pixel installation.

Step 7: Build the WhatsApp Widget

1. In WiserNotify, go to Widgets, then Call To Actions, and pick WhatsApp.
2. Enter your WhatsApp Business number with the country code.
3. Write the opening line, such as Hi, need help with sizing or shipping? Message us here.
4. Match the button color to your store and set the position to the bottom right.

Step 8: Pick the Pages and Publish

1. In the Display tab, show the button on all pages, or add rules for pages such as /product/, /cart/ and /checkout/.
2. Choose the trigger that fits, from a short delay to exit intent.
3. Click Save, then Publish, and open your store in a private window to check.

Where Should the WhatsApp Button Show on WooCommerce?

• Product pages: where size, stock and compatibility questions come up, right next to Add to cart.
• Cart page: shipping cost and delivery time are the usual reason a shopper stops here.
• Checkout: a late question about payment or returns. A fast reply saves the order.
• My Account: where is my order is the most common message a store gets.

Keep one chat button on the site. A WhatsApp button next to a live chat bubble leaves the visitor unsure which one gets answered.

WhatsApp Widget Not Showing on WooCommerce?

• Key not accepted: copy the API key again, paste it into the plugin and click Submit.
• Caching plugin: purge the cache after submitting the key. LiteSpeed Cache and WP Speed of Light are the usual ones.
• Security plugin: a plugin like Wordfence can block it, so whitelist the WiserNotify plugin.
• Pixel not detected: check the Install Pixel page shows your store address, then test in a private window.
• Not published: saving the widget is not enough. Click Publish.
• Page rules too narrow: make sure the page you are testing is in the Display list.

Wrap Up

One plugin, one API key and one widget put WhatsApp on the WooCommerce pages you choose.

Start with product and cart pages, answer fast for a week, and the questions you get will tell you where to add it next.

Related Post

• Add a WhatsApp chat widget to BigCommerce
• Add a WhatsApp chat widget to PrestaShop
• Add a WhatsApp chat widget to OpenCart
• Add a WhatsApp chat widget to Magento