# 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

1. Check the number saved under **Store Settings → Store information** (**Phone number** / **Whatsapp**).
2. Open **Online Store → Theme Settings** (store pages) or your landing page from **Landing Pages**.
3. 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.
4. 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.
5. 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 section → it 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 number → the block keeps its own **WhatsApp Number**; edit it in the block settings rather than in store information.
- The button appears on one page only → each 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 nothing → links do not work in edit mode. Use **Preview** to test on the live page.

## Related
- [How to add a WhatsApp, link, or sticky button to a landing page](https://help.dropify.shop/en/landing_page_builder/add-a-whatsapp-or-link-button/)
- [How to edit your store footer](https://help.dropify.shop/en/guides/edit-the-footer/)
- [How do I update my store's contact info and address?](https://help.dropify.shop/en/storefront_settings/store-information/)