# Promotion Popup

The popup appears on the store and is made up of multiple elements.\
**Tip:** To add content, use the blocks listed in this section: **Image, Text, Heading, Button, Secondary Button, Age Verification, Countdown, Products, Newsletter, Discount Text**.

You can arrange the blocks within the popup by clicking the **"+"** button and dragging each block to the desired position. If the popup contains more content than its visible height, users can scroll vertically to view all content on both desktop and mobile devices.

<figure><img src="https://1734026102-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKXAimBJFhRJImV3lJL36%2Fuploads%2FBnCGr4uHN4a7Xd6t2OgL%2Fpu_promo_b.png?alt=media&#x26;token=9cc6193f-841f-49e0-8ad9-3b109cab4656" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
If the pop-up contains more content than its height allows, the entire content can be viewed by scrolling up and down on both desktop and mobile.
{% endhint %}

<figure><img src="https://1734026102-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKXAimBJFhRJImV3lJL36%2Fuploads%2Fd6As0d9hzwIDj5x1vxEK%2Fpu_promo.png?alt=media&#x26;token=0f1ce5ae-363b-46a3-a92b-f9c82faed213" alt=""><figcaption></figcaption></figure>

| Option                  | Description                                                                                                                                                               | Available Settings / Notes                                                                            |
| ----------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------- |
| Hide in "Theme Editor"  | Control whether the popup is visible in the Theme Editor. If disabled, the popup will only appear in the storefront preview. Save settings to check it on the storefront. | Tick to hide or display                                                                               |
| Popup position          | Set the horizontal alignment of the popup on the screen.                                                                                                                  | Left, Center, Right                                                                                   |
| Desktop width           | Adjust the width of the popup on desktop when using the Dynamic image type.                                                                                               | 25% – 70%                                                                                             |
| Content alignment       | Set the alignment of content within the popup.                                                                                                                            | Left, Center                                                                                          |
| Delay after page loaded | Delay showing the popup after the page has fully loaded.                                                                                                                  | 1 – 40 sec                                                                                            |
| Delay before next show  | Delay before the popup appears again after being closed. Timer starts when the close button is used.                                                                      | 0 – 40 min                                                                                            |
| Background              | Configure the popup background style.                                                                                                                                     | Hide, Color, Gradient                                                                                 |
| Background overlay      | Customize the overlay behind the popup. Works on all screens.                                                                                                             | **If Color:** Color, Opacity**If Image:** Image, Image (mobile), Image position (Top, Center, Bottom) |
| Colors                  | Customize popup colors.                                                                                                                                                   | Base, Accent, Lines                                                                                   |
