|
4 min read
Setting up auto-crawl for your AI Chat: always up-to-date answers
Read more
Can I make a reservation for this Saturday?
Is the product in stock?
Can you help me?
How to add a WhatsApp button to WordPress, WooCommerce or Shopify
|
3 min read
How you add a WhatsApp button depends on your platform. WordPress, WooCommerce, and Shopify each have slightly different approaches — and slightly different considerations. This is the practical guide per platform, including GDPR notes.
Last updated: 09 Apr 2026
WordPress
On a standard WordPress site, you have two options:
- Plugin (easiest). Install JoinChat (free) or Chaty (freemium) via Plugins → Add New. Enter your number, pick a colour, go live. Works well for simple situations.
- Script via Appearance → Customize or Insert Headers and Footers. Paste the Wappy script into the
<head>. Advantage: no extra plugin to maintain, and you get access to analytics and AI Chat.
On a standard WordPress site, you have two options:
- Plugin (easiest). Install JoinChat (free) or Chaty (freemium) via Plugins → Add New. Enter your number, pick a colour, go live. Works well for simple situations.
- Script via Appearance → Customize or Insert Headers and Footers. Paste the Wappy script into the
<head>. Advantage: no extra plugin to maintain, and you get access to analytics and AI Chat.
WooCommerce
WooCommerce runs on WordPress, so the methods above work here too. But for webshops, there are extra considerations:
- Product pages are most important. Visitors on a product page have buying intent. Make sure the widget is clearly visible there.
- Mobile first. More than 60% of WooCommerce visitors are on mobile. Test that the button doesn't overlap your "Add to cart" button.
- AI Chat for webshops. With the AI Chat add-on, the AI automatically answers questions about stock, delivery time, and returns — the most common questions in webshops.
WooCommerce runs on WordPress, so the methods above work here too. But for webshops, there are extra considerations:
- Product pages are most important. Visitors on a product page have buying intent. Make sure the widget is clearly visible there.
- Mobile first. More than 60% of WooCommerce visitors are on mobile. Test that the button doesn't overlap your "Add to cart" button.
- AI Chat for webshops. With the AI Chat add-on, the AI automatically answers questions about stock, delivery time, and returns — the most common questions in webshops.
Shopify
In Shopify, add a widget via Online Store → Themes → Edit code → theme.liquid. Paste the Wappy script just before the closing </head> tag.
Using Shopify 2.0? You can also add it as an App Embed via the Theme Customizer — no code required. Wappy has a Shopify app available in the Shopify App Store.
Note: some Shopify themes have a built-in live chat widget. Disable it if you're using Wappy — two chat widgets side by side looks messy and confuses visitors.
In Shopify, add a widget via Online Store → Themes → Edit code → theme.liquid. Paste the Wappy script just before the closing </head> tag.
Using Shopify 2.0? You can also add it as an App Embed via the Theme Customizer — no code required. Wappy has a Shopify app available in the Shopify App Store.
Note: some Shopify themes have a built-in live chat widget. Disable it if you're using Wappy — two chat widgets side by side looks messy and confuses visitors.
GDPR: what you need to know
WhatsApp processes messages via Meta's servers. That means:
- Mention it in your privacy policy that you use WhatsApp as a communication channel and that messages are processed by Meta.
- You do NOT need cookie consent for placing the widget itself — only for the communication channel that the user initiates themselves.
- Wappy itself stores no personal data outside the conversation the user starts.
Want to know more about technically setting up your widget? Read: Adding a WhatsApp button to your website: 3 methods compared.
WhatsApp processes messages via Meta's servers. That means:
- Mention it in your privacy policy that you use WhatsApp as a communication channel and that messages are processed by Meta.
- You do NOT need cookie consent for placing the widget itself — only for the communication channel that the user initiates themselves.
- Wappy itself stores no personal data outside the conversation the user starts.
Want to know more about technically setting up your widget? Read: Adding a WhatsApp button to your website: 3 methods compared.
More than 1,800 websites — on WordPress, Shopify, WooCommerce and more — use Wappy. Install in under 10 minutes.
Wappy
Wappy helps businesses connect with website visitors through WhatsApp. With over 2,400 websites using our widget, we share practical tips on WhatsApp Business and customer communication.
End of this Wappy article🤓
