How to Create a Pop Up

Video Tutorial:

Article:

In Convertri, you can show a pop up to anyone browsing your page after a certain time has elapsed, or after they try to leave the page.

  1. In the Page Builder, click Layers, then New Layer. Enter a name for your layer and click OK.
  2. Toggle Start Hidden to make the layer hidden on page load. Then, click the Select checkbox to edit the layer.
  3. Click or drag a panel element onto your page. This will be the background to your layer. You can resize it using the handles and change its colour and transparency in its Properties panel. (If you want your layer very long, toggle Scrollable to On in the Layers panel to enable users to scroll down the pop up when it’s in view.)
  4. Drag any form inputs, images or text elements you need onto your layer, making sure they're contained within the panel.
  5. Next, click or drag a text element or Submit button form input element onto your page. Click inside the text element, and type ‘Close’. Or, if you have a button, click to select it, go to Element Properties > General Settings and change the button label to ‘Close’. Position it in the top right hand corner of your panel, making sure it’s contained within the panel.

  6. Click Actions in the top toolbar. Click Add New Action, and configure the action as follows:
  7. Event Type > Time or Exit Intent (then choose the number of seconds, or user behaviour)
    Action > Fade In
    Target > (the name of your layer) and switch on Include Contained Elements
  8. Click Done.
  9. Select your close button and go to Properties panel > Actions and Events. Click Add New Action, and configure the action as follows:
    Event Type > On Click
    Action > Fade Out
    Target > (the name of your layer) and switch on Include Contained Elements
  10. Click Save, then Preview.

After the number of seconds you specify, your pop up should appear. Click the Close button, and it should close.