How to Build an Image Gallery with Lightboxes

Follow

You can build a simple image gallery in the Classic Builder without any code by linking lightboxes together. Each lightbox shows one image and a button that opens the next.

  1. On your page, add a button that opens a lightbox.
  2. Add an image to that lightbox. This example calls it Lightbox 1.
  3. In Lightbox 1, add a button that opens a second lightbox, Lightbox 2.
  4. In Lightbox 2, add a button that opens a third lightbox, Lightbox 3.
  5. In Lightbox 3, add a button that opens Lightbox 1, so the gallery loops.
  6. (Optional) Add back buttons so visitors can move to the previous image.

Unbounce editor showing a lightbox button's Click Action set to "Show a Lightbox" targeting Lightbox 2.

Use relevant, high-quality images. Generic stock photos can make an otherwise strong page less convincing.