> For the complete documentation index, see [llms.txt](https://document.tek-labs.app/free-gift-userguide/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://document.tek-labs.app/free-gift-userguide/user-guides/styling/floating-button-notification-modal-type.md).

# Floating Button & Notification Modal

Style the floating button and popup that show your gift discount code.

Used by [Gift Discount Code](/free-gift-userguide/user-guides/gift-offers/gift-discount-code.md) offers (**Pop Up & Floating button** widget). A floating button sits on your store, and clicking it opens a popup showing the discount code with a **Copy code** button.

<figure><img src="https://2782088585-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyTxhG4dtLtoZ8LGb73m7%2Fuploads%2Fgit-blob-7d877936d47f8fd4040e2f81ddc8d9970611d094%2Fsp-st-floating.png?alt=media" alt="Floating Button and Notification Modal style editor"><figcaption></figcaption></figure>

## Sections

| Section             | Settings                                                                                                                                                |
| ------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Floating button** | Choose one of four icons; icon colour and background; text colour and background; text size and weight.                                                 |
| **Preset**          | **Default**, **Stromboli**, **Burnt umber**, **Flamingo**, **Casablanca**, **Blue marguerite**, **Cobalt**, **Domino**, **Violet** or **Custom color**. |
| **Popup style**     | Background and border colours, border width and radius.                                                                                                 |
| **Header**          | Popup title size, weight and colour.                                                                                                                    |
| **Code box**        | Border type (**Dashed** or **Solid**) and colour; code text size, weight and colour.                                                                    |
| **Copy button**     | Text size, weight and colour; background colour.                                                                                                        |
| **Custom CSS**      | Your own CSS.                                                                                                                                           |

Edit the button and popup texts in the **Discount code** tab of [Translations](/free-gift-userguide/user-guides/translation.md).