How to add a WhatsApp chat button

TL;DR

Go to Store Widgets, click Create Widget and pick the WhatsApp button. Add your WhatsApp number with the country code, choose how it looks, and click Publish. Then turn on Nudgesmart site widgets under App embeds in the theme editor. The button shows on every page.

Step 1 · Create the button

Widget library with the WhatsApp button highlighted

Screenshot coming soon

You can have one WhatsApp button per store. If you already have one, Nudgesmart opens it instead.

Step 2 · Add your number and message

WhatsApp settings with the number, pre-filled message and button text fields

Screenshot coming soon

• WhatsApp number. Put the country code first and use digits only, with no spaces, dashes or plus sign. For example, 14155550123.
• Pre-filled message. The text that's already typed when the chat opens, such as "Hi! I have a question about…".
• Add the page link to the message. Turn it on to tell you which page the shopper was on.
• Button text. Leave it empty to use "Chat on WhatsApp" in your store's language.
• Position, Distance from the bottom (px) and Show on (All, Mobile or Desktop).

Step 3 · Pick a style and layout

• Style. Seven looks: Match my theme, Minimal, Editorial, Card, Bold, Soft and Luxe.
• Layout. Round icon for a small round button, or Icon and text for a button with your text.

Step 4 · Publish and turn it on

1. In Shopify, go to Online Store → Themes → Customize.
2. Click App embeds in the left sidebar.
3. Turn on Nudgesmart site widgets.
4. Click Save.

You can also click Add to store in Nudgesmart, then Turn on, to open App embeds directly.

Tips

• One button for the whole store. It shows on every page, so you don't add it page by page.
• Check it on your phone. If the button sits on top of something, like a chat or cart button from another app, change Position or Distance from the bottom (px).

Common pitfalls

• The Publish button is greyed out. Add your WhatsApp number first.
• I published but don't see the button. Turn on Nudgesmart site widgets in App embeds, then click Save.
• The number isn't accepted. Use 8 to 15 digits, country code first, with no plus sign or spaces.

What to read next

• Help

  How to add a Nudgesmart widget to your store

  Publish a widget, place it with the Shopify theme editor, pick it in the Widget setting, and show different widgets on different products.

• Help

  How to create a countdown timer widget

  Count down to a sale's end, show an order-by time for same-day shipping, or show an estimated delivery date on your store's pages.

• Help

  How to create a comparison table widget

  Compare products, plans or bundles side by side with checks and crosses, style it to match your theme, and add it to any page.