Popup Promotion is an automatic pop-up window on the website to promote offers, events, or important messages. It grabs attention and encourages user actions.
How to add section Popup Promotion to the website
At the group footer, you can add section Popup Promotion
. This is a global section, so it will be displayed across the entire website.
Configure section Popup Promotion
Display settings
In the theme editor (Customize), click section
Popup Promotion
then locate Display settings. Here you can make the necessary configurations.
- Show on homepage only : Turn on if you want the popup to only appear on the home page.
Layout Settings
In the theme editor (Customize), click section
Popup Promotion
then locate Layout. Here you can make the necessary configurations.
- Layout : Select the layout of popup.
- Hide image on mobile : Hide photos when returning to mobile.
- Content Vertical Align : Set Vertical Align for the content section.
- Max Width Popup (px) : Set max width for popup.
- Max Width Popup on Mobile (px) : Set max width for popup on mobile.
- Border Radius (%) : Set radius for popup.
Settings Image
In the theme editor (Customize), click section
Popup Promotion
then locate Settings Image. Here you can make the necessary configurations.
- Banner : Set banner for popup. Only available for layouts with images
- Hover Style : Select image effect when hovering.
- Hover Effect : Configure hover effect for media.
Background Settings
In the theme editor (Customize), click section
Popup Promotion
then locate Background Settings. Here you can make the necessary configurations.
- Background color : Select the container for the section.
- Background image : Configure background image for section.
- Background Image Position : Configure background image position for section.
- Background Image Size : Configure background image size for section.
The blocks are available in section
The Popup Promotion
section includes customizable blocks, allowing you to design a Popup tailored to your store's specific requirements. This ensures maximum flexibility and personalization.