Step 1 : Open the Editor
1. Go to
Popup or
Section Countdown templates.
2. Click on "Edit" after choosing your template.
Step 2 : Add And Customize Elements
1. Here in this panel, you have control over what shows up in your widget, you can easily add, remove, or change the content of the popup or section countdown, such as text, image, button or countdown. Simply hover over the container to access these options.
2. To customize your element, click on the edit icon. You can then adjust its color, style, width, and height. You also have the option to put a border, set a background image, and control its opacity. If you're adding a countdown, you can specify your desired date and time.
Apart from that you can tweak the spacing around each element by customizing the margin and padding.
3. You can do the same with other elements like texts, images, and buttons. Change their background and text colors, adjust their width and height, and even control how much space they take up by changing the margin and padding. This way, you have full control over how they look and fit on your page.
4. Once you're finished, click on "Done" to save your changes.
Step 3 : Adjust the Layout
In the Layout panel, you can adjust how your layout looks and behaves. You have control over things like size, rounding, width, popup position, adding an overlay, choosing how it's displayed, and even adding animations.
To switch from the popup to the section view, simply deactivate the popup and disable the closable toggle.
The overlay only functions within the popup when the horizontal position is set to the middle and the vertical position is set to the center.Step 4 : Preview
Lastly, you can click on “Preview” to see how your popup or section countdown looks on both desktop and mobile devices. After this, you can proceed to the next step.
For further information on configuring triggers, please navigate to the
Widget Triggers section.