Skip to content

How to Add a WhatsApp Button to Your Shopify Store

Shopify apps for a WhatsApp button often come with a monthly fee. You can add the same floating chat button for free by pasting one snippet into your theme’s main layout file — it then shows on every page of the store, product pages included.

Loading the generator…

Step by step: add the button to Shopify

  1. Make the button: enter your WhatsApp number with the country code, write the message (for example “Hi, I have a question about an order”), press Generate code and copy the snippet.
  2. In your Shopify admin open Online Store → Themes. Next to your current theme click the … button and choose Edit code.
  3. In the Layout folder open theme.liquid. Find the closing </body> tag near the end of the file (press Ctrl+F / Cmd+F and search for </body>).
  4. Paste the snippet on a new line just above </body> and press Save.
  5. Open your store in a new tab and check the button. Tip: before editing code, use … → Duplicate on the theme so you keep a backup copy.

See who clicks it

The free button does not count clicks. WhatsApp Chat Button with Click Tracking ($9/month) shows how many visitors open a chat — per page, per device and per day — on your Shopify site, with the same button.

Questions

Is it really free on Shopify?

Yes. There is no app to install and no monthly fee. The snippet opens a normal wa.me chat with your number and message.

Will a theme update remove it?

If you switch to a new theme, or install a new version of your theme, paste the snippet into that theme’s theme.liquid again.

Enterprise Solution Center

Choose the perfect solution for your business

Most Popular
📦

AffiliatePro SaaS

Enterprise solution

$49
📦

WooCommerce Amazon

Enterprise solution

$49
📦

AffiliatePro Mobile

Enterprise solution

$79
🤝 Recommended Partner

Optimized Infrastructure for Your Enterprise Solution