Lightboxes

22.02.2019

Lightboxes allow you to displays images, videos and other elements by filling the screen, and dimming out the rest of your landing page. To add a lightbox to your LP, follow the steps below.

Lightboxes feature is available in all plans besides Core.

How to create a lightbox?

1. While logged into your account, go to the Lightboxes tab on the main menu and click on Create new lightbox.

landingi_new_popup

2. You will be automatically redirected to the editor. There you can design a lightbox, similarly as a landing page – when you click on its empty window, you can add widgets available on the left side of the editor or use available options from the menu on the right side of the editor.

  1. changing the size of the added widget,
  2. here you can assign a class to the popup and find ID of elements,
  3. appearance settings of the popup (background, borders).
popup_settings

3. Once you’ve finished creating the lightbox, click Save button at the top of the editor.

save_popup

4. Once saved, go back to your landing page list, choose LP where you want to place the lightbox and open a landing page editor.

edit_popup

5. Add an element which will trigger the lightbox appearance after clicking (button, picture) and go the widget’s options.

landingi_button_edit

6. Find the “Show lightbox” tab. Select the target lightbox which you created before from the drop-down menu.
You can also use the the + button and create a new lightbox following steps above. Save changes.

show_popup

7. Publish the landing page and check if everything works properly.

popup
Was this article helpful?

You might also check:

landing page edition pop-ups

Can’t find what you need?

Let us help you!
Send us a message
We are using cookies for analytical purpose. Learn more.