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 to be 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 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 > Show>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 the Properties panel > Actions and Events. Click Add New Action, and configure the action as follows:

    Event Type > On Click


    Action >Hide> 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.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us