Popup Template
To create your Popup template proceed to the Templates/Theme Templates/Popup tab.
You can add Popup with help of the Timed Popup widget docs or as a link using Dynamic Tags.
To edit the template you should click on the Settings button.
Settings
Popup
Width: Set the popup width for desktop, tablet and mobile.
Height: Set the popup height for desktop, tablet and mobile.
Horizontal Position: Choose the popup horizontal position between left, center and right for desktop, tablet and mobile.
Vertical Position: Choose the popup vertical position between left, center and right for desktop, tablet and mobile.
Entrance Animation: Choose the desired animation form the dropdown and set the Animation Duration.
Close Button
Position: Choose between Inside and Outside button position.
Icon: Choose the icon from the Icon library or upload SVG.
After desired changes are implemented click on the ‘Apply and Reload’ button to make the changes be applied correctly.
Additional
Hide Overlay: Slide to YES to hide overlay.
Prevent Closing on Overlay: Slide to YES to prevent closing when click on overlay.
Disable Page Scrolling: Slide to YES to disable page scrolling when popup is active.
Allow Multiple Popups: Use the setting if you have several popups on a page and want them to be displayed when the popup template is active. When enabled the popup template doesn’t close other popups.
Style
Popup
Background Type: Choose between Color and Gradient background type.
Box Shadow: Choose desired settings from the dropdown.
Border Type: Choose the desired border type from the dropdown and set it.
Border Radius: Set a border radius for desktop, tablet and mobile.
Padding: Set paddings for desktop, tablet and mobile.
Margin: Set margin for desktop, tablet and mobile.
Overlay
Background Type: Choose between Color and Gradient background type.
Color: Choose the overlay color.
Image: Add the overlay image for desktop, tablet and mobile.
Close Button
Size: Choose the button size for desktop, tablet and mobile.
Color: Set the button color for Normal and Hover modes.
Background Color: Set the button background color for Normal and Hover modes.
Border Color: Set the button border color for Normal and Hover modes.
Horizontal Position: Choose the button horizontal position between left, center and right for desktop, tablet and mobile.
Vertical Position: Choose the button vertical position between left, center and right for desktop, tablet and mobile.
Border Type: Choose the desired border type from the dropdown and set it.
Border Radius: Set a border radius for desktop, tablet and mobile.
Padding: Set paddings for desktop, tablet and mobile.
Advanced
Set the Advanced options that are applicable to this widget