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

Shoppers on an OpenCart store have questions a product page cannot answer. Will it fit, when does it ship, can you do a bulk price. Most of them already have WhatsApp open on their phone.

A WhatsApp chat button puts the answer one tap away. The visitor writes to you in the app they use every day, and the conversation keeps going after they leave the site.

Below are the 8 steps to add one to OpenCart with screenshots, where the button helps on a store, and the fixes when it does not show.

Live Chat Plugin or WhatsApp Button for OpenCart?

Most OpenCart chat searches end at a live chat extension, and for a store with a support team on shift that is the right tool. The console and the online hours earn their keep when someone is always there.

A WhatsApp button fits the other kind of store. Replies land in your WhatsApp, a message sent at midnight waits for the morning, and nobody sits in a console.

It installs as one OpenCart module, with no theme file changes.

The steps below use the WiserNotify module for OpenCart. The same install also powers sales and review notifications later, from the same dashboard.

How Do You Add a WhatsApp Chat Widget to OpenCart?

The module works on OpenCart 3.0 and above and connects with an API key, so there is no pixel to paste. The video shows the WhatsApp widget being built, and the steps below cover the module first.

Step 1: Upload the WiserNotify Module

1. Sign up for WiserNotify, then download the OpenCart module from the OpenCart integration guide. It is an ocmod zip file.
2. In your OpenCart admin, go to Extensions, then Installer, and click Upload.
3. Pick the zip file and wait for the progress bar to finish.

Step 2: Copy Your API Key

1. In WiserNotify, open Install Pixel and scroll to Other installation options.
2. Click Copy API Key.

Step 3: Open the Modules List

1. Go to Extensions, then Extensions.
2. Under Choose the extension type, pick Modules.

Step 4: Install WiserNotify

1. Find WiserNotify in the list and click the green install button.
2. Click the blue edit button next to it to open the settings.

Step 5: Paste the Key and Enable

1. Paste the API key.
2. Set Show on site to Enabled and click Save.
3. Go to Extensions, then Modifications, and click Refresh so OpenCart applies the module.

Step 6: Verify the Pixel

1. Open your storefront once so the module loads.
2. Back 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, have a question about an order? 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 only on product, category and cart pages.
2. Set the hours it should appear if you only reply during business hours.
3. Click Save, then Publish, and open your store in a private window to check.

Where Does the Button Help on an OpenCart Store?

• Product pages with options: sizes, finishes and compatibility questions get asked here. Pre-fill the message with the product name so you know what they are looking at.
• Category pages: the shopper who cannot find the right item asks instead of leaving.
• Cart and checkout: shipping cost and delivery time questions come up at the last step. A reply here saves the order.
• Order tracking page: where is my order is the most common message a store gets.
• B2B or bulk stores: the quote request that never gets filled in on a form gets typed into WhatsApp.

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

WhatsApp Widget Not Showing on OpenCart?

• Module not enabled: open the WiserNotify module settings and check Show on site is set to Enabled.
• Modifications not refreshed: ocmod changes apply only after Extensions, then Modifications, then Refresh.
• API key wrong: copy it again from Install Pixel and save the module.
• OpenCart cache: on the admin dashboard, click the gear icon and refresh the theme and SASS caches.
• 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.
• Browser cache: check in a private window.

Wrap Up

One module upload, one API key and one widget put a WhatsApp button on every OpenCart page you choose.

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

Related Post

• Add a WhatsApp chat widget to PrestaShop
• Add a WhatsApp chat widget to Magento
• Add a WhatsApp chat widget to WooCommerce