Adding an on-click pop up box to an element

In this article, you will learn how to add a popup box to any landing page button, image, or text element. These are perfect for creating two-step opt-in forms, revealing larger images, playing videos, and more.

You can add a popup box with the Link Setup option.

link_setup.png

Just add a button, text or image widget and select Link Setup.

For buttons:

how to add a popup to a button.gif

For text elements:

You first have to click Edit, then select the text with your mouse, and select the Link setup option to select 'Pop up'.

add-pop-up-to-text.gif

For Images:

add-popup-to-image.gif

 

To create a pop up from the Choose link type menu, select Pop Up.

image of the pop-up option

You will get to the popup box’s editing screen, where you can resize it by dragging it from the edges. You don’t need to worry about centering the popup window, our system does this automatically, taking into account your visitor’s screen size.

You can either create the popup here and be done, create it here and then Save it to your library, or if you have popups created, you can click on Open library to insert one of them.

Markup 2024-11-04 at 19.50.06.png

Add elements according to your design needs from the top menu and your popup is ready.

image of the sidebar elements

You can simply click anywhere outside the popup box and your popup will be saved automatically.

To access the popup again, you have to go through the same steps you took when you created it.

NOTE: It is not possible to link to another Instablock using a button placed on a popup. Links placed on a popup can have a download or a redirect to another page.

Markup 2024-09-24 at 14.23.00.png

If you want to have the same popup on multiple elements, you can use the code that we provide here: https://d.pr/J19x1L