Free Shopify Tool

Free WhatsApp Button Generator for Shopify

Add a floating WhatsApp chat button to your Shopify store in two minutes — with a greeting bubble, a pre-filled message and your brand colour. No app, no monthly fee.

  • 100% free
  • No sign-up
  • Runs in your browser — nothing is uploaded

Settings

Live preview

Preview is a mock store — colours and text match the code below exactly.

Widget code

How to add it to your Shopify store

No app, no developer. Takes about two minutes.

  1. Copy the code above. Adjust the settings on the left first — the code updates as you type.
  2. In Online Store → Themes → Customize, add a Custom Liquid section where you want it to appear (or add it to your theme's footer to show it site-wide).
  3. Paste the code into that section.
  4. Click Save. That's it — check your live store to see it working.

Prefer it site-wide and always-on? Paste the same code into theme.liquid just before the closing </body> tag (Online Store → Themes → Edit code).

Why add a WhatsApp button to your store?

Shoppers with a quick question — "does this fit?", "where's my order?" — often won't fill in a contact form or wait for email. A WhatsApp button lets them message you the way they already message friends, and you reply from your phone. Stores that add live chat routinely see fewer abandoned carts and more pre-sale questions answered.

What the generated code does

  • Adds a floating WhatsApp button in the corner you choose.
  • Opens a chat to your number with your message pre-typed, using the official wa.me link.
  • Shows an optional greeting bubble after a delay, which the visitor can dismiss.
  • No app, no monthly fee, no third-party script — it's plain HTML and CSS with a few lines of JavaScript.

Tips

  • Use a business number you actually watch. Consider a free WhatsApp Business account for away messages and quick replies.
  • Keep the pre-filled message short and specific so you know which page they came from.
  • Don't stack it on top of your cart button on mobile — bottom-right usually clears it.

Frequently asked questions

Quick answers to what people ask most.

Is this WhatsApp button free?

Yes, completely free. It's plain code you paste into your theme, with no app and no monthly fee.

Do I need WhatsApp Business?

No, a normal WhatsApp account works. WhatsApp Business is also free and adds away messages and quick replies, which are handy for a store.

Will it slow down my store?

No. It is a small piece of HTML and CSS with a few lines of JavaScript, far lighter than a chat app.

Can I show it only on certain pages?

Yes. Paste the code into a Custom Liquid section on just those pages instead of your theme layout.

What number format should I use?

Full international format with country code, digits only. A US number would be 1 followed by the 10-digit number, e.g. 14155552671.

Does it work on mobile?

Yes. On phones the link opens the WhatsApp app directly; on desktop it opens WhatsApp Web.

More free Shopify tools

Free, no sign-up, built by the Zohanify team.

All tools →
Google SERP Preview & Meta Checker See how your title and description look on Google. Open tool → Profit & Break-even ROAS Calculator Profit per order, break-even ROAS and max CPA. Open tool → Schema Markup (JSON-LD) Generator Product, FAQ, Organization & Breadcrumb schema. Open tool → Announcement Bar Rotating, dismissible bar for offers and news. Open tool → Free Shipping Bar Live "spend X more" progress bar from the cart. Open tool → Countdown Timer Fixed-date or evergreen urgency timer. Open tool →

Want chat, reviews and automation set up properly?

Our store management service configures the tools that actually move the needle and keeps them running.

See store management →