How to Add a WhatsApp Widget to Shopify (2026 Guide)

A WhatsApp widget for Shopify is a chat button embedded on your storefront that opens a direct WhatsApp conversation with your team when a visitor clicks it. Unlike a contact form that disappears into an inbox, it connects shoppers to a real person — instantly, on the messaging app they already use every day.

For Shopify store owners, this matters. Most customers abandon their cart because they have unanswered questions — about sizing, shipping times, or return policies. A WhatsApp widget puts a live human (or a smart AI concierge) one tap away at the exact moment a customer hesitates.

This guide covers three methods: a full-featured widget with AI lead scoring and routing, App Store plugin options, and a simple manual button. Choose the approach that fits your team size and goals.

Method 1: Toran — AI Lead Scoring + Smart Routing (Recommended for Teams)

If you have more than one staff member handling customer messages, a basic WhatsApp button creates a new problem: every inquiry lands on one phone. Toran solves this by routing each lead to the right agent automatically and scoring each visitor before they even say hello.

What Toran does for Shopify stores:

• Routes customer inquiries round-robin across your team, or by schedule and geography
• Scores each visitor before first contact (Hot / Warm / Cold) based on their engagement, the pages they visited, and behavioral signals
• Sends your agent a 2-sentence AI lead dossier via Smart Gateway Link before they pick up the conversation
• Loads under 80KB gzipped — roughly 4x smaller than Intercom's 338KB widget — so your Shopify store speed scores stay clean

Step 1: Create your Toran account

Sign up free at toranhq.com. The free plan covers 2 agents with no credit card required. Setup takes about 60 seconds.

Step 2: Get your embed snippet

From your Toran dashboard, go to Widget > Install. Copy the one-line script tag shown for your account.

Step 3: Add to theme.liquid

1. In Shopify Admin, go to Online Store > Themes
2. Click Actions > Edit Code
3. Open theme.liquid
4. Paste your Toran snippet just before the closing </body> tag
5. Save — your widget is live immediately on your storefront

Step 4: Configure your agents and routing

Back in the Toran dashboard, add your team members under Agents and set your routing preferences:

• Round-robin: distribute leads evenly across all available agents
• Schedule-based routing: only show agents who are currently working (prevents missed messages when a staff member is off)
• Geo-routing: automatically route visitors from different countries to local-language agents (Pro and Business plans)

Step 5: Enable AI Concierge (optional)

The AI Concierge answers visitor questions before routing to a human agent. It trains on your store's content, product descriptions, pricing, and FAQ pages — so responses are specific to your store, not generic. On the free plan, you get 30 AI-assisted chats per month. Pro gives you 500.

Method 2: Shopify App Store WhatsApp Plugins

The Shopify App Store has several WhatsApp chat plugins. Here's an honest look at how the categories break down:

Simple button widgets (Elfsight, most free apps) — These install quickly and add a floating WhatsApp button to your store. When a visitor clicks, they're redirected to a WhatsApp conversation with one pre-set phone number. No inbox, no routing, no conversation history, no AI. Good for solo sellers with a single phone number who just want a tap-to-chat button.

Multi-channel widgets — Some apps let you add multiple messaging buttons (WhatsApp, Instagram, Facebook Messenger) side by side. Still no routing logic — every click goes to the same number — but useful if you want to offer multiple contact options on one button cluster.

The core trade-off with App Store plugins: These apps take 5–10 minutes to set up and work well for one-person stores. Once you have multiple agents, product lines, or international customers, they become a bottleneck. Every message lands on the same phone with no context about what the visitor was looking at, what they've already bought, or how interested they actually are.

Method 3: Manual wa.me Button (No Setup, No Routing)

If you have a single phone number and very low traffic, a manual button costs nothing:

Paste this HTML into any Shopify page template or theme section:

<a href="https://wa.me/yournumber"
   style="position:fixed;bottom:20px;right:20px;background:#25D366;
          color:white;padding:12px 20px;border-radius:50px;text-decoration:none;">
  Chat on WhatsApp
</a>

Replace yournumber with your full phone number in international format (no spaces, dashes, or plus signs — e.g., 972501234567 for an Israeli number).

Limitations: No analytics. No routing. No lead scoring. Every message arrives with no context about who the visitor is, which product they were looking at, or how far into the purchase funnel they got. Not suitable for teams or stores with meaningful traffic.

Shopify WhatsApp Widget Comparison

| | Toran Free | Toran Pro | Simple Button App | Manual wa.me | |---|---|---|---|---| | Price | Free (2 agents) | $19/mo (10 agents) | Free–$10/mo | Free | | Team routing | Round-robin | Geo + schedule | None | None | | AI lead scoring | 30 chats/mo | 500 chats/mo | No | No | | Widget size (gz) | Under 80KB | Under 80KB | Varies | Zero | | Analytics dashboard | Yes | Yes | Basic or none | None | | Channels | 5 | 15 | 1–3 | 1 | | Setup time | ~60 seconds | ~60 seconds | 5–10 min | 2 min |

------

Add WhatsApp to Your Shopify Store Today

Try Toran free — no credit card required. Setup takes under 60 seconds. The free plan covers 2 agents, round-robin routing, and 30 AI-scored chats per month.

Related: How to Add a WhatsApp Widget to WooCommerce | Best WhatsApp Widget for WooCommerce | Round-Robin WhatsApp Routing

See how Toran's e-commerce solution handles product routing, cart recovery, and multi-agent support for online stores. Comparing options? Read Chaty alternative and Elfsight alternative.