How to Add a WhatsApp Button to Shopify (Free — No App Store Install)
More than 2.7 billion people use WhatsApp, and for most of them it is how they message businesses. When a visitor lands on your Shopify store with a product question, the difference between a lost lead and a sale is often just how easy you make it to ask.
A floating WhatsApp button puts "chat with us" one tap away — no forms, no email waiting, no checkout friction. Here is how to add one to any Shopify theme in about two minutes, for free, without installing anything from the Shopify app store.
The fast way: open our free WhatsApp button generator for Shopify, enter your number, pick a style, copy the code and paste it into theme.liquid. That is the whole setup.
Why Shopify stores add a WhatsApp button
- Buyers already use WhatsApp. It is the world's most popular messaging app, especially in India, Brazil, Mexico and across Europe — the same markets where many Shopify stores sell.
- Questions happen before checkout. "Is this in stock?", "Do you have it in blue?", "Can you ship to my city?" — a quick chat answers those while intent is hot.
- You answer from your phone. The button opens a chat with your own number, so replies arrive in the WhatsApp app you already use. No new inbox to learn.
- It works on mobile. Most store traffic is mobile, and WhatsApp is a mobile-first channel.
What you get with the free generator
The Shopify WhatsApp button generator gives you a real floating button, not a link buried in your footer:
- 8 ready-made icon styles — WhatsApp logo, chat bubble, bubble with dots, headset and more
- Your number, your pre-filled message — set the first message visitors see ("Hi! I have a question about {product}")
- Shape, size, colour and position — round or square, bottom-left or bottom-right, any size
- Live preview — the page shows your actual button before you copy anything
- No account, no API key, no cost — it stays free forever
| Capability | Free button | The Tech Pad upgrade |
|---|---|---|
| Visitors start a WhatsApp chat with your number | ✅ | ✅ |
| Choose icon, colour, shape, position | ✅ | ✅ |
| AI answers 24/7 in the customer's language | — | ✅ |
| One team inbox for WhatsApp + website chat | — | ✅ |
| Official WhatsApp Business (Meta) API | — | ✅ |
| Price | Free forever | Free to start |
Add the button to Shopify in 4 steps
- Generate your code. Open the free generator, enter your WhatsApp number with country code (digits only, e.g.
919876543210for India), pick an icon and click Copy code. - Open your theme code. In the Shopify admin go to Online Store → Themes, click the ⋯ menu next to your theme and choose Edit code.
- Open
theme.liquid. In the layout folder, opentheme.liquidand scroll to the very bottom. - Paste and save. Paste the code just before
</body>and click Save. Refresh your store — the button is live on every page.
The code is one small script tag that loads asynchronously, so it does not slow your store down:
<script async src="https://thetechpad.com/chat/widget.js" data-ttp-wa="919876543210" data-ttp-wa-icon="wa-classic" data-ttp-wa-shape="round" data-ttp-wa-size="56" data-ttp-wa-pos="right"></script>Why code instead of a Shopify app?
WhatsApp apps in the Shopify app store can be convenient, but the code route has real advantages:
- Nothing to install or approve — no app review, no permissions screen, no subscription prompt
- Works with every theme — the button is a fixed floating element, so it sits above any design
- One line you fully control — change the number or style anytime by editing that single tag
- The same code works on other platforms — if you also run a Squarespace, Webflow or Blogger site, use the matching generator page
Prefer the app-store route for order updates instead of a chat button? The Tech Pad's Shopify app sends order confirmations, shipping updates and cart-recovery messages to WhatsApp automatically.
Want the button to answer for you?
A button is only the first step. When customers message you at midnight or the team is busy, a human can't always reply in seconds. The Tech Pad turns that same WhatsApp number into a 24/7 AI assistant:
- AI answers instantly from your store's product catalog and pages — in your customer's language
- One shared team inbox for WhatsApp chats, website chat and order notifications
- The official WhatsApp Business API on your own Meta-verified number
- Email alerts and AI Copilot so no lead waits when a human touch is needed
It is free to start — no credit card. Connect your number at thetechpad.com and the button you already installed becomes your AI chat.
Two minutes today gets you a live WhatsApp button. Adding The Tech Pad later makes it answer for you.