Use Popups in your landing pages

How to embed popups in your landing pages and start collecting leads

Landerlab.io Support avatar
Written by Landerlab.io Support
Updated over a week ago

Once you have created a Popup you might want to use it in your landing pages to start interacting with your visitors and collect leads.

The steps below will guide you through this process:

  1. Make sure you Popup is published

    If the Popup has not been published during creation, you need to do so before you can be able to use it in your landing pages. To publish a Popup got to Lead Collection -> Popups and click on the Publish menu item.

  2. Get the code snippet
    To get the code snippet of a Popup click on the Code icon:


    On the next screen you will be presented with a few options that you can use to customise the way you want your popup to be activated.

    Button Link: the popup will be shown when a user clicks on a button

    Timed Popup: the popup will be shown after a certain time in seconds

    Exit Popup: the popup will be shown when the visitor tries to leave the page

    Use the wanted version, and make the necessary adjustments to get your final code. Once done copy the code in the black area:


  3. Paste the code snippet on your landing page

    With the code snippet copied from the previous step, go to Landing Pages and open the landing page in the Editor.

    In the editor click on Blocks from the top menu, and from the left panel drag-n-drop a widget block into the position where you want to place it in your landing page.

    Paste the code snippet into the container that will show up and click Save

  4. Save the landing page and Preview it to make the popup is showing as expected

Did this answer your question?