The WhatsApp button on your storefront

2 min read · Updated November 1, 2026

This article shows you how to set up the WhatsApp button your customers press to reach you.

Use it once when you switch WhatsApp on, and again whenever the button stops matching your shop.

Before you start

  • WhatsApp itself is switched on in Settings, under the WhatsApp tab. Until it is, this panel points you there.
  • The two switches here, Floating widget and Show on product pages, are store settings and go live as soon as they are saved. The corner, the colours and the icon are part of your draft and wait for Publish.

Step 1. Open the WhatsApp panel

In the Global group choose WhatsApp widget. If you see WhatsApp is not enabled, press Go to WhatsApp settings, turn it on there, then come back.

WhatsApp widget in the Global group opens everything the button wears.

Step 2. Turn the floating button on

Floating widget puts a WhatsApp button in the corner of every page of your shop. While it is off, the corner, colour and icon settings are greyed out.

Floating widget puts a WhatsApp button in the corner of every page of your shop.

Step 3. Choose its corner

Under Position pick Bottom right or Bottom left. In your Arabic storefront the corner mirrors by itself, so you only decide once.

Bottom right or bottom left; the Arabic storefront mirrors the corner by itself.

Step 4. Give it your colour

Under Widget colour pick one of the ready colours, or type your own under Custom. Your shop's own colours usually look better than the default green.

Pick a ready swatch or type your own colour under Custom.

Step 5. Choose the icon

Under Icon pick WhatsApp, Chat, Phone or Support. Choose the one that says what you want it to say.

Four icons wear that colour: the WhatsApp mark, a chat bubble, a phone or a headset.

Step 6. Add the product page button

Show on product pages puts an Order via WhatsApp button on every product page. Once it is on, Button colour gives that button its own colour.

Show on product pages adds an order button to every product, with a colour of its own.

Was this guide helpful?

More in Live Page Builder

Getting around the Live Page BuilderYour real shop in the middle, the list of sections on the left and the settings of whatever you click on the right. Here is how the three columns work together.3 min readAdding, moving and hiding sectionsReorder your home page by dragging, hide a block for a season, rename it, duplicate it, or take it off the page.3 min readAdding a new section from the galleryThe Add a section gallery shows every block your shop can hold, each with a small diagram, and puts it exactly where you want it.2 min readEditing text and pictures on the pageType straight onto your shop, swap a photo from your Media Library, crop it, and size a block by dragging its edge.3 min readColours, fonts and cornersSet your shop's colours, choose fonts for English and for Arabic, and decide how round the corners are, all on the live page.2 min read

Still need help?

Our team answers every ticket, in English and Arabic.

Open a ticketContact us