How to Add a WhatsApp Widget to WooCommerce (2026)
A WhatsApp widget for WooCommerce is a chat button that appears on your WordPress store and lets shoppers start a WhatsApp conversation with your team without leaving your website. When a customer on a product page has a question — sizing, availability, shipping time — they tap the widget and message you directly, on an app they already use.
WooCommerce stores lose sales at two predictable moments: on product pages (customers with unanswered questions) and at checkout (customers who hesitate and close the tab). A WhatsApp widget addresses both by putting a real person one tap away. The difference between a smart widget and a basic button is who picks up — and with what context.
This guide covers three approaches: a full-featured plugin with AI lead scoring and routing, WooCommerce-specific behavioral triggers, and a simple manual button for solo sellers.
Key Takeaways
- ✓ Best for teams: Toran — free for 1–2 agents, round-robin routing, AI lead scoring, 60-second install
- ✓ Best for solo stores: Joinchat or Click to Chat — simple, free, no routing needed
- ✓ Key feature: product page context routing — route inquiries to the agent who knows that product
- ✓ Performance: under 80KB, Shadow DOM isolation, no theme CSS conflicts
- ✓ No WhatsApp Business API required — works with personal numbers, no Meta approval
Already decided? Compare all WooCommerce WhatsApp plugins side by side in our [Best WhatsApp Widget for WooCommerce guide](/guides/best-whatsapp-widget-woocommerce).
Method 1: Toran WordPress Plugin — Routing + AI Lead Scoring
Most free WordPress WhatsApp plugins (Joinchat, Click to Chat) are essentially buttons: click here, message this number. They work fine for one-person stores. For teams, they create a problem — every inquiry lands on the same phone with no context about who the customer is or what they were looking at.
Toran adds an intelligence layer. Before the conversation starts, it has already scored the lead, identified the company if possible, and recorded which pages the visitor browsed. That context travels with the lead to your agent's phone.
What you get with Toran on WooCommerce:
- AI lead scoring before first contact (Hot / Warm / Cold based on engagement, page context, and behavioral signals)
- Round-robin routing across your team on the free plan; geo + schedule routing on Pro
- Behavioral triggers — the widget can appear differently on product pages vs checkout vs blog posts
- Under 80KB gzipped — 4x smaller than Intercom's widget, won't harm your Core Web Vitals
- WooCommerce-aware — detects product pages, category pages, and checkout automatically
Step 1: Install the Toran plugin
In your WordPress admin, go to Plugins > Add New. Search for Toran and click Install, then Activate. Alternatively, upload the plugin ZIP from your Toran dashboard under Widget > WordPress Plugin.
Step 2: Connect your Toran account
After activation, go to Settings > Toran in your WordPress admin. Enter your Company ID from the Toran dashboard. This links your WordPress site to your Toran account and pulls in your widget configuration.
Step 3: Add your agents
In the Toran dashboard, go to Agents and add your team members — each with their WhatsApp number and a display name. Agents receive lead context (the visitor's score, pages viewed, and an AI-drafted 2-sentence summary) via Smart Gateway Link when a lead routes to them.
Step 4: Set your routing rules
On the free plan, leads distribute round-robin across your 2 agents. On Pro, you can configure:
- Product page routing — route inquiries from your clothing category to your sizing specialist, and tech products to your technical team
- Schedule-based routing — only show agents who are currently working (prevents missed messages during off hours)
- Checkout page triggers — display a more prominent widget or different message when visitors reach the cart or checkout
Step 5: Customize and go live
Set your widget colors, position (bottom-right or bottom-left), greeting message, and which channels to show. WooCommerce stores typically use WhatsApp as the primary channel, but you can add Telegram, iMessage, or others from the channel list. The widget is live on your store immediately after saving.
Method 2: WooCommerce-Specific Behavioral Triggers
Standard button plugins show the same widget on every page. Toran lets you configure context-aware behavior based on where the visitor is in the purchase journey:
Product page trigger — On product pages, a more detailed greeting ("Questions about this product? Chat with us") pulls more relevant inquiries from high-intent shoppers. Route these to your pre-sales team.
Checkout abandonment trigger — When a visitor spends more than 30 seconds on the checkout page without completing the order, Toran can display a proactive widget nudge. This is the moment cart abandonment is most recoverable.
Category-based routing — If you sell across multiple product categories with different specialists, Toran can route based on the product category URL. Visitors browsing /shop/kitchen/ can route to your kitchen product specialist; /shop/electronics/ to your tech team.
Return visitor detection — Toran tracks return visits. A visitor browsing for the second or third time receives a higher lead score automatically, and agents can see this context before responding.
Method 3: Manual wa.me Button (No Plugin, No Routing)
For single-person stores with minimal traffic, a manual WhatsApp button costs nothing and takes two minutes. Add this to your WordPress theme's functions.php or a custom HTML block:
<a href="https://wa.me/yournumber?text=Hi%2C%20I%20have%20a%20question%20about%20your%20store"
style="position:fixed;bottom:20px;right:20px;background:#25D366;
color:white;padding:12px 20px;border-radius:50px;text-decoration:none;
font-weight:600;z-index:9999;">
Chat on WhatsApp
</a>Replace yournumber with your international format number (e.g., 972501234567). You can pre-fill a message via the text parameter.
Limitations: No team routing. No analytics. No lead scoring. When your team grows beyond one person, every inquiry still lands on the same number — and whoever's phone it is handles everything, regardless of their availability or expertise.
WooCommerce-Specific Features Worth Knowing
Cart abandonment context — Toran records which products a visitor viewed, added to cart, or spent time on. Agents receive this context before the conversation, so they can open with "I saw you were looking at the [Product Name] — happy to answer any questions" rather than starting from scratch.
Zero WhatsApp API exposure — Unlike tools that use the WhatsApp Business API (WATI, Respond.io), Toran uses direct wa.me links. Customers initiate contact. No per-conversation fees, no API approval process, no risk of your number being banned if you accidentally exceed Meta's messaging thresholds.
Plugin compatibility — Toran has been tested with major WooCommerce builders including Elementor, Divi, and Flatsome, and cache plugins including WP Rocket and LiteSpeed Cache. The widget loads asynchronously and won't break page builders or conflict with other scripts.
------
Add WhatsApp to Your WooCommerce Store
Try Toran free — no credit card required. Install the WordPress plugin, add your team, and go live in under 60 seconds.
Comparing WooCommerce WhatsApp plugins? Our Best WhatsApp Widget for WooCommerce guide compares 6 options side by side with pricing, features, and use-case recommendations.
Related: How to Add a WhatsApp Widget to WordPress | How to Add a WhatsApp Widget to Shopify
Explore Toran's e-commerce solution for product-aware routing, or compare plugins like Joinchat and Click to Chat.