Promotion Popup

The popup shows on a store and consists of some elements inside.

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.

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.

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, OpacityIf Image: Image, Image (mobile), Image position (Top, Center, Bottom)
Colors	Customize popup colors.	Base, Accent, Lines