Photo Gallery Element in Sparkforge Funnels and Websites

By Sparkforge Support Team ·Last reviewed May 3, 2026

Drag the Photo Gallery widget onto any page, pick grid or masonry, set columns and spacing, and add captions or click actions. Lightbox and lazy loading are built in.

The Photo Gallery element lets you build a responsive image gallery on any Sparkforge funnel or website page without code. Lightbox preview and lazy loading are on by default.

What the Photo Gallery supports

  • Layouts: grid, vertical masonry, horizontal masonry
  • Column control: set the column count for desktop and mobile
  • Spacing: adjust gaps between images
  • Lightbox: click to open in an overlay
  • Captions and descriptions: custom text per image
  • Click actions: open lightbox or redirect to a URL
  • Watermarks: overlay branding on each image
  • Mobile behavior: separate column and spacing settings

How to add a Photo Gallery

  1. Open the website or funnel builder.
  2. Find the Photo Gallery widget in the left sidebar.
  3. Drag it onto the page section where you want it.
  4. Click Add Images and pick from your media library, or drag and drop files into the modal to upload.
  5. Choose grid or masonry, set columns and spacing.
  6. Configure mobile column count and spacing.
  7. Add captions, set click actions, and apply a watermark if needed.
  8. Save the page.

When to use which layout

  • Grid: uniform aspect ratios. Best for product shots and team photos.
  • Masonry: mixed aspect ratios. Best for portfolios and event galleries.

Frequently Asked Questions

Does the gallery lazy load images?
Yes. Images below the fold load as the visitor scrolls, which keeps the initial page weight low.
Can I link gallery images to different URLs?
Yes. Set the click action per image to redirect to a URL, and toggle whether it opens in a new tab.
Will the gallery look right on mobile?
Yes. Mobile column count and spacing are separate settings, so you can drop to one or two columns on small screens.
Can I add a watermark to existing gallery images?
Yes. Apply the watermark in the gallery settings. It overlays at render time without modifying the original file.

Was this article helpful?

Related Articles