Getting Started

Boost your website’s engagement by integrating interactive pop-ups. This guide walks you through everything you need to know to effectively use pop-ups on your site. You can configure any row or element to function as a pop-up using three trigger modes: Exit Intent, On Load, and On Click — all covered in detail below.

How to Create a Pop-Up

- Follow these steps to set up a pop-up on your website:

Add a Container - Start by adding a new container from the Row with Columns (Legacy) section.



Enable Pop-Up Mode - Go to Row Settings, enable the Make it as Popup option, and assign a unique Popup Modal ID to identify the pop-up when configuring triggers.



Add Content - Insert any desired elements into the row (e.g., a contact form) and customize its design to suit your needs.



Preview the Pop-Up - Use the Pop-Up Preview toggle in Row Settings to see how your pop-up will appear.



Customize the Style - Adjust the styling options to personalize the appearance of the pop-up.



Triggering Your Pop-Up - You can choose from three trigger methods:

On Load - To show the pop-up immediately when the page loads:
• Navigate to Page Settings > Popup Settings
• Select Onload Popup
• Choose your Popup Modal ID



Exit Intent - To display the pop-up when a visitor attempts to leave the page:
• Go to Page Settings > Popup Settings
• Select Exit Intent Popup
• Choose your Popup Modal ID


Use the Show it repeatedly toggle to control whether the pop-up displays only on a user’s first visit or on every visit.

On Click - To show the pop-up when a button is clicked:
• Create a button element
• Set the Popup Modal ID as the button’s link



Final Step: Publish - Once you’re done editing, click Save and Publish to make the pop-up live on your site.

Video Tutorial

If you need additional help, feel free to reach out to our support team — we’re always here to assist!

Cheers!

Related articles

Page Settings

Updated on: 10/04/2025