How to add a floating WhatsApp button to your store
Drag the WhatsApp Button block from Add Blocks onto the page body. It arrives with your store phone number filled in, and you choose the pre-written message, the animation and which side of the screen it floats on.
Steps
- Check the number saved under Store Settings → Store information (Phone number / Whatsapp).
- Open Online Store → Theme Settings (store pages) or your landing page from Landing Pages.
- Click the + icon (Add Blocks), search for WhatsApp Button and drop it on the page body — the empty area of the page, not inside a section. It is a floating button attached to the whole page.
- With the block selected, open Settings: confirm WhatsApp Number, type the WhatsApp Message customers will send (for example "Hello, I have a question about…"), pick a Button Animation and choose Left or Right. Size sets the circle (Small, Medium, Large or Extra large) and Icon size how much of it the icon fills.
- Click Save and make sure the page is Published. Repeat on each page where you want the button.
Other ways to show WhatsApp
- Store Phone block (Store Widgets) with Phone type set to WhatsApp — shows your store number as a WhatsApp link, handy in the footer or header.
- Social Links block with Type = WhatsApp, a Custom URL, Icon color and Icon size — a small icon next to your other social icons.
Common problems
- The block will not drop inside my sectionit only accepts the page body. Drop it on an empty area of the page, or move it to the top level in Design Layers.
- The button opens with the wrong numberthe block keeps its own WhatsApp Number; edit it in the block settings rather than in store information.
- The button appears on one page onlyeach page has its own content (header and footer are shared, but this block cannot live there). Add it to every page where you need it, including landing pages, which are built separately.
- Clicking it in the editor does nothinglinks do not work in edit mode. Use Preview to test on the live page.