🥳 Celebrate Our Launch With a $200 LIFETIME Discount OFF The Premium Plan Use: BIRTHDAY2024

This offer expires 9/30/2024, at 11:59 PM EST

BizStackPro all-in-one digital marketing platform dashboard.

Photo Gallery in Funnels & Websites – BizStackPro Guide

Photo Gallery in Funnels & Website Builder

Q: Can I use different layouts within the same gallery?

No. Each gallery uses one layout type at a time. If you want different layouts on the same page, add multiple gallery widgets and set a different layout for each.

Q: How can I ensure the gallery looks good on mobile?

Galleries are responsive by default. For finer control, use Mobile Behavior settings to adjust columns, spacing, and stacking rules, then test on common device sizes.

Q: What file formats are supported in the gallery?

JPEG, PNG, and GIF are supported. For best results, upload high-quality images that are optimized for web performance.

Q: Can I add a link to each image?

Yes. You can assign an action per image such as Open Link, and optionally choose to open the link in a new tab.

Q: How many images can I add to one gallery?

There’s no strict limit, but for performance, keep galleries around 20 images when possible, or enable Lazy Load and Load More for larger galleries.

Showcase products, case studies, or brand imagery with responsive layouts, captions, watermarks, and click actions—optimized for speed and mobile.

Browse Help Center See All Plans & Features

Showcasing Your Visual Content in a Structured Way

You may have images to display, but without structure, they can feel scattered or overwhelming to visitors.

A photo gallery helps organize your visuals into a clean, responsive layout that’s easy to browse.

Without proper setup, large image collections can slow down your page or create a poor user experience on mobile devices.

This guide will show you how to build and optimize your gallery so your visuals look professional and load efficiently.

Once you understand how galleries work, follow the steps below to add images, choose layouts, and optimize performance inside your BizStackPro funnels and websites.

Key Features & Benefits

Flexible layouts: Grid, vertical, or masonry with adjustable columns and gaps.
Lightbox: Click/tap to view larger images in an immersive viewer.
Captions & actions: Add descriptive text, link to URLs, or trigger actions.
Watermarks: Protect visuals with branding overlays.
Performance controls: Lazy-load and “Load More” options for larger galleries.

Best practice: Keep galleries focused. A tight set of images that tells a clear story converts better than a huge dump of photos.

How to Use the Photo Gallery

Add the gallery: Open your funnel/website page and drag the Photo Gallery widget onto the canvas.
Add images: Choose from your Media Library or stock sources. Images are copied into your account storage.
Pick a layout: Select grid/vertical/masonry, then set columns, gaps, and aspect settings.
Mobile behavior: Adjust columns (often 1–2), gaps, and stacking rules for smaller screens.
Performance: Enable Lazy Load and use Load More for larger galleries.
Captions & actions: Add captions/alt text and choose a click action (lightbox, open link, scroll to section, etc.).
Watermarks (optional): Apply a logo/mark, set opacity/position, and test on light and dark images.

Accessibility tip: Add clear Alt Text per image. It improves screen-reader support and helps search engines understand what your images represent.

Performance & Mobile Optimization

Limit image count: Aim for ~20 images per gallery when possible (split galleries by category if needed).
Use consistent crops: Uniform aspect ratios look polished in grids; masonry works well for mixed orientations.
Compress uploads: Prefer web-optimized JPG/PNG (often ≤ 200–300 KB per image when possible).
Lazy-load the bulk: Keep above-the-fold images prioritized and lazy-load the rest.
Readable captions: Keep captions short (1–2 lines) and ensure color contrast.

Example: Use a gallery for “before & after,” and set each image click to open a lightbox or scroll to the contact form for a smoother conversion path.

Turn galleries into conversions

Link hero images to product pages, or make portfolio shots open a contact form popup—so your visuals don’t just look good, they drive action.

👉 Build a Gallery that Sells

Opens in a new tab.

Frequently Asked Questions

Can I use different layouts within the same gallery?

No—one layout per gallery. Add multiple galleries on a page to mix layouts.

How can I ensure the gallery looks good on mobile?

Use Mobile Behavior to set 1–2 columns, adjust spacing, and test on common device sizes.

What file formats are supported in the gallery?

JPEG, PNG, and GIF are supported. Use optimized JPG/PNG for the best speed-to-quality balance.

Can I add a link to each image?

Yes—choose an image action like Open Link and optionally open it in a new tab.

How many images can I add to one gallery?

No strict limit, but for performance aim for ~20 images or enable Lazy Load and Load More for larger sets.

📚 Browse More Help Guides

Showcase Better. Load Faster. Convert More.

Build stunning galleries with performance best practices baked in—right inside BizStackPro—so your visuals look great on mobile and don’t slow down your page.

✅ View Plans & Features

Faster pages. Stronger proof.

📚 Browse More Help Guides

Disclaimer: This site is NOT endorsed by Google, Facebook or YouTube in ANY WAY. All trademarks & Logo / branding are the property of their respective owners. Please Note: This site was created in BizStackPro by Ken George II (An Affiliate of BizStackPro) and may contain affiliate links.