To display this theme section across your storefront, it must be added to either the Header or Footer section group. If added to a specific template, it will only appear on pages using that template.
Display block-based promotional or informational content in a popup with advanced layout and customization. Includes flexible content blocks (text, image, button, embed, video, icon), image positioning, overlay controls, and per-popup styling.
🧰 How to install the section in your theme
- Open Theme Updater & Backups in your Apps admin
- Open Theme sections
- Click Install below the section. You can also click Preview to see the section in a demo storefront
Â
- On the right side of the page, use the Choose theme dropdown to select the theme you want to enhance with the new section
- Click Install
Add the section to a template
Click Edit theme to open the theme editor for the selected theme.
Open the template (e.g. home page, default product) and click (+) Add section in the sidebar.
Scroll down to the bottom of your default sections list and select 🧰 Content popup - Advanced.
Customize section settings
Open Content popup - Advanced to open general settings for the section.
Customize section settings
Open Content popup - Advanced to open general settings for the section.
Popup trigger
The Popup Trigger determines when the popup is displayed to customers. Options include the following:Â
Time delay - displays the popup after a specified number of seconds has elapsed since the page loaded.
Scroll percentage - displays the popup once a visitor has scrolled a specified percentage down the page.
Exit intent - displays the popup when a visitor's cursor moves toward leaving the page, indicating they may be about to exit the storefront.
Delay specifies the number of seconds to wait before displaying the popup when Time delay is selected as the trigger. The popup can be delayed for up to 60 seconds.Â
Show once per visitor prevents the popup from reappearing after it has already been shown to a visitor.
Show only on home page limits the popup to the storefront homepage. To display it across the storefront, add the section to a Header or Footer section group.
Display
Width controls the overall width of the popup and can be set to Small, Medium, or Large.
Position determines where the popup appears on the screen.
Entrance animation selects the animation used when the popup appears. You can choose between: Fade, Slide up, Scale, and None
Show background overlay dims the page behind the popup to help draw attention to it and Overlay opacity adjusts the transparency of the background overlay when it is enabled.
Show close button displays a close button, allowing visitors to dismiss the popup.
Image
Upload the main image for the popup section using the Image settings, and adjust its position using the following options: Top, Bottom, Left, and RightÂ
Select colors
Choose colors for the section's Text color and Background color.
Adjust popup size
Popup size controls the amount of space between the popup content and its edges.
Use the Top, Right, Left, and Bottom padding sliders to increase or decrease the padding of the section.
Popup radius lets you customize the roundness of the popup corners / borders:
Customize blocks settings
Text
Use this block to add text content for the popup section.Â
Heading sets the title displayed within the text block, and Text adds supporting content displayed below the heading.
Image
Upload an image to display it above the Text block at a smaller size. To display a larger image, see Image.
Button
Adds a call-to-action button that can link customers to another page or resource.
Button label sets the text displayed on the popup button.
Button link determines the destination the button opens when clicked.
Button style lets you choose between a Fill or Outline button style.Â
Fill - displays the button with a solid background using the selected button colors.
Outline - displays the button with a transparent background and a border using the selected button colors.Â
Background color controls the button background color. When Outline is selected, this setting controls the border color instead.
Text color sets the color of the button label.
Embed
Lets you add custom HTML or an iframe from a third-party service to display embedded content within the section. This custom content will display above the Text block as well.Â
Video
Embeds a video from a supported video hosting service within the section.
Video URL accepts a YouTube or Vimeo link to display the video.
Caption adds optional text displayed below the embedded video.
Icon
Lets you choose the icon displayed in the content block.
List of available icons:
Desktop icon size and Mobile icon size adjusts the icon size on desktop and mobile devices, respectively.Â
Icon color sets the color of the selected icon.
Changelog
June 29, 2026
Added
- Build the popup from stackable blocks: text, image, button, icon, video, and custom embed
- Choose from a library of built-in icons, sized and coloured to suit
- Add a featured image and position it top, bottom, left, or right
- Trigger on a time delay, scroll percentage, or exit intent
- Show once per visitor, or limit the popup to the home page only
- Set the popup width, position, entrance animation, and overlay opacity
- Adjust colours, padding, border radius, and toggle the close button