How to Add a WhatsApp Widget to Shopify (2026 Guide)
E-commerce is no longer about "Buy Now" buttons—it's about "Chat Now" relationships. For Shopify store owners, WhatsApp is the most effective way to recover abandoned carts and answer sizing questions in real-time.
Method 1: The One-Click Shopify Integration (Recommended)
Toran offers a high-performance script optimized for Shopify's Liquid engine. Unlike heavy apps that slow down your store, Toran is lightweight and loads via Cloudflare Edge.
Step 1: Get your Toran ID
Sign up at toranhq.com and go to your dashboard.
> 📸 Screenshot Needed: A Shopify product or checkout page showing the Toran WhatsApp widget hovering cleanly without blocking the "Add to Cart" button.
Step 2: Add to theme.liquid
- In your Shopify Admin, go to Online Store > Themes.
- Click Actions > Edit Code.
- Open theme.liquid.
- Paste your Toran snippet just before the '</body>' tag.
Method 2: Manual "wa.me" Button (No Routing)
If you only have one phone number and don't need lead scoring, you can use a manual link.
'''html <a href="https://wa.me/yournumber" style="position:fixed;bottom:20px;right:20px;"> Chat on WhatsApp </a> '''
Warning: Using manual links means you lose analytics and cannot route leads to different staff members based on their shift or department.
Why Shopify Stores are Switching to Toran
- Cart Abandonment Recovery: Chat with customers while they are still on the checkout page.
- Multi-Agent Support: Route technical questions to support and sales questions to your closers.
- 0ms Latency: Don't let a chatbot slow down your conversion rate.