Image Banner Popup
Last updated
Last updated
The Image Banner Popup displays a large, clickable image that shows up after the user scrolls a set amount down the page. You can define the image per device, its position, dimensions, and interaction behavior.
These control when and how the popup appears.
Activation Method: The popup is triggered after scrolling a percentage of the page.
Delay Before Display (Seconds): 0
The popup appears immediately after the trigger is met. You can set a short delay (e.g. 5 seconds) if needed.
Suppress Banner for Days: 0
Controls how many days to hide the popup after it’s closed.
0 = useful for testing (shows every time).
Scroll Trigger Percentage: 63%
The popup is shown once the user has scrolled past 63% of the page.
Controls the dimensions, position, and appearance of the popup container (which holds the image).
Desktop Width: 100%
Mobile Width: 100%
Corner Radius: 7px – rounded edges
Border Width: 0px
Overlay Transparency: 60%
Creates a darkened background behind the popup so the image stands out.
Horizontal Alignment: Left, Center, or Right
Vertical Alignment: Top, Center, or Bottom
This controls where on the screen the popup appears. Especially important for mobile UX.
You can upload a different image for desktop and mobile to ensure full responsiveness.
Upload an image (e.g. promo banner, new launch graphic).
Width: 100%
Height: 520px
Upload a separate mobile-optimized version.
Width: 100%
Height: 250px
Image Link: Add a URL so the banner is clickable. This can redirect to a product page, collection, sale, etc.
Activate Lazy Loading: Improves performance by only loading the image when needed (reduces page load time).
Section Top Padding: 0px
Section Bottom Padding: 0px
Minimal padding keeps the image tightly fitted to the screen edges for maximum visual impact.
Close Button Color: #9B9B9B
Customize the X icon for the popup. Should contrast well with the image background.
Popup Container Background: Transparent
The background of the image container. Usually kept transparent unless layering is needed.
Hide Section on Mobile Version: Optionally hide the popup on mobile devices. Useful if you only want to run desktop campaigns.
The Image Banner Popup is perfect when you want:
A bold, simple image promo without forms or text
A responsive design that adapts to desktop and mobile
A fast, non-intrusive way to direct attention to special offers
You can easily:
Upload different images for mobile and desktop
Customize when the popup shows up
Choose whether it appears centered, top, or bottom
Make it clickable for maximum conversions
