Product

Create, publish and optimize pages with a drag&drop, pixel perfect and mobile-friendly builder

Speed up the creation process with 400+ customizable templates for landing pages, pop-ups and sections

Track microconversions in your Dashboard and analyze events and clicks with visual map

Integrate your pages with your favorite mar-tech apps and solutions to get the flow of your campaign going

Drive sales and conversions with irresistible product displays and seamless shopping experiences

Use a reliable and secure platform that smoothly handles millions of visits

Resources

Master digital marketing with the help from savvy professionals and increase your website’s conversions

Guides for beginners, set-up instructions and creation tips to get started and optimize your pages

A free online course for landing page creators! Learn the secrets of high-converting pages and become an expert

Get the answers you’re looking for – contact us

Schedule a one-on-one meeting with us and learn more about the benefits of our platform

Hire a Design Expert or order an import of your existing page from other platforms to Landingi

Home Help Center How to trigger a lightbox

How to trigger a lightbox

TABLE OF CONTENT

Lightboxes display as pop-up windows. They fill the screen and dim out the rest of your landing page. To add a lightbox to your landing page, follow the steps below.

Learn how to create a lightbox.

Add a lightbox to your landing page

Log in to your Landingi account and go to the editor of the landing page that you want to place the lightbox on.

Widgets that can trigger a lightbox are:

  • Button
  • Image
  • Icon
  • Text

IMPORTANT: An element triggering the lightbox can not be animated (see Animated elements guide).

Lightbox triggered by a button

1. Add a Button widget (from the left-side widget bar) that will trigger the lightbox when you click on it. In the right-side toolbar find the Click Action tab and unfold the Action menu.

2. Select Show lightbox (1). Then select the lightbox from the drop-down list (2). You can also create a new lightbox by clicking on +.

3. Publish your landing page and check if the lightbox is displayed correctly.

Lightbox triggered by an icon or an image

1. Add an Icon or Image widget (from the left-side widget bar) that will trigger the lightbox when you click on it.

2. In widget settings in the right-side panel, scroll down, find the Click Action tab, and choose Show lightbox from the drop-down list.

3. Choose your lightbox or create a new one by clicking the + icon.

4. Publish your landing page and check if the lightbox is displayed correctly.

Lightbox triggered by text

1. Add a Text widget (from the left-side widget bar) that will trigger the lightbox when you click on it.

2. Highlight the text you want to be a trigger and click the link icon in the context menu (above the widget).

3. From the Link type list, choose Show lightbox (1). Select your lightbox (2) or create a new one by clicking the + icon.

Then Save & close.

4. Publish your landing page and check if the lightbox is displayed correctly.