Skip to content
Sites

Funnels & Websites: Photos Gallery Element

This new feature empowers users to create professional-looking, customizable galleries effortlessly, without needing any technical skills. This…

1 min read330 words5 explained images
View as markdownOpen in ClaudeOpen in ChatGPT
Each image has a one line explanation. Switch to full detail for the step it belongs to, the fields and buttons involved, examples and the whole procedure.
On this page
  1. Key Features & Benefits
  2. Layout Customization:
  3. Image Info & Actions:
  4. How to Use?

Video 1 Open in a new tab

This new feature empowers users to create professional-looking, customizable galleries effortlessly, without needing any technical skills.

This simplifies the process of showcasing visual content on websites and funnels. This widget not only enhances the aesthetic appeal but also improves user engagement through features like lightbox and lazy loading.

TABLE OF CONTENTS


Key Features & Benefits

Image Integration: Easily add images to your gallery for a more dynamic presentation.

Lightbox: Showcase your media with lightbox support

Heading Option: Add a custom heading to the gallery to provide context or branding.


Layout Customization:

  • Grid, Vertical & Horizontal Masonry Layouts: Choose the best way to display your gallery.

  • Column Control: Set the number of columns to fit your design.

  • Spacing Between Images: Adjust the spacing between gallery items.

  • Mobile Behavior: Ensure your gallery is fully responsive with custom settings for mobile devices.


Image Info & Actions:

  • Captions & Descriptions: Add custom captions or descriptions for each image.

  • Click Actions: Define actions when an image is clicked (open in lightbox or redirect to a URL).

  • Open Link in New Tab: Option to open clicked links in a new browser tab.

  • Watermark: Add a watermark to images for branding or protection purposes.


How to Use?

  • Navigate to the website or funnel builder and locate the new Photo Gallery widget in the left sidebar.

  • Drag and drop the widget onto your desired page section.

  • Customize the gallery:

    • Add Images by selecting files from your media library. (You can also drag and drop files directly into the Media Library modal to upload before adding them to the gallery).

    • Set Gallery Layout by choosing between grid or masonry options, and adjust the column count and spacing as needed.

    • Configure Mobile Behavior.

    • Add captions or descriptions to your images, and choose the action for when users click on the image (open in lightbox or redirect).

    • Apply Watermark to images for added branding or protection if needed.

How to Use? (image 1 of 5) What this shows Navigate to the website or funnel builder and locate the new Photo Gallery widget in the left sidebar. What this shows Illustrates the "How to Use?" section of "Funnels & Websites: Photos Gallery Element". This screenshot appears in the "How to Use?" section of "Funnels & Websites: Photos Gallery Element". The text alongside this image reads: Navigate to the website or funnel builder and locate the new Photo Gallery widget in the left sidebar. Drag and drop the widget onto your desired page section. Customize the gallery. This part of the guide covers 1 field, listed below. Image 1 of 5 Where to goNavigate to the website or funnel builder and locate the new Photo Gallery widget in the left sidebar. Drag and drop the widget onto your desired page section. Customize the gallery:
Fields in this part of the guide Customize the gallery:
All 3 steps in this procedure
  1. Navigate to the website or funnel builder and locate the new Photo Gallery widget in the left sidebar.
  2. Drag and drop the widget onto your desired page section.
  3. Customize the gallery:
How to Use? (image 2 of 5) What this shows Navigate to the website or funnel builder and locate the new Photo Gallery widget in the left sidebar. What this shows Illustrates the "How to Use?" section of "Funnels & Websites: Photos Gallery Element". This screenshot appears in the "How to Use?" section of "Funnels & Websites: Photos Gallery Element". The text alongside this image reads: Navigate to the website or funnel builder and locate the new Photo Gallery widget in the left sidebar. Drag and drop the widget onto your desired page section. Customize the gallery. This part of the guide covers 1 field, listed below. Image 2 of 5 Where to goNavigate to the website or funnel builder and locate the new Photo Gallery widget in the left sidebar. Drag and drop the widget onto your desired page section. Customize the gallery:
Fields in this part of the guide Customize the gallery:
All 3 steps in this procedure
  1. Navigate to the website or funnel builder and locate the new Photo Gallery widget in the left sidebar.
  2. Drag and drop the widget onto your desired page section.
  3. Customize the gallery:
How to Use? (image 3 of 5) What this shows Navigate to the website or funnel builder and locate the new Photo Gallery widget in the left sidebar. What this shows Illustrates the "How to Use?" section of "Funnels & Websites: Photos Gallery Element". This screenshot appears in the "How to Use?" section of "Funnels & Websites: Photos Gallery Element". The text alongside this image reads: Navigate to the website or funnel builder and locate the new Photo Gallery widget in the left sidebar. Drag and drop the widget onto your desired page section. Customize the gallery. This part of the guide covers 1 field, listed below. Image 3 of 5 Where to goNavigate to the website or funnel builder and locate the new Photo Gallery widget in the left sidebar. Drag and drop the widget onto your desired page section. Customize the gallery:
Fields in this part of the guide Customize the gallery:
All 3 steps in this procedure
  1. Navigate to the website or funnel builder and locate the new Photo Gallery widget in the left sidebar.
  2. Drag and drop the widget onto your desired page section.
  3. Customize the gallery:
How to Use? (image 4 of 5) What this shows Navigate to the website or funnel builder and locate the new Photo Gallery widget in the left sidebar. What this shows Illustrates the "How to Use?" section of "Funnels & Websites: Photos Gallery Element". This screenshot appears in the "How to Use?" section of "Funnels & Websites: Photos Gallery Element". The text alongside this image reads: Navigate to the website or funnel builder and locate the new Photo Gallery widget in the left sidebar. Drag and drop the widget onto your desired page section. Customize the gallery. This part of the guide covers 1 field, listed below. Image 4 of 5 Where to goNavigate to the website or funnel builder and locate the new Photo Gallery widget in the left sidebar. Drag and drop the widget onto your desired page section. Customize the gallery:
Fields in this part of the guide Customize the gallery:
All 3 steps in this procedure
  1. Navigate to the website or funnel builder and locate the new Photo Gallery widget in the left sidebar.
  2. Drag and drop the widget onto your desired page section.
  3. Customize the gallery:
How to Use? (image 5 of 5) What this shows Navigate to the website or funnel builder and locate the new Photo Gallery widget in the left sidebar. What this shows Illustrates the "How to Use?" section of "Funnels & Websites: Photos Gallery Element". This screenshot appears in the "How to Use?" section of "Funnels & Websites: Photos Gallery Element". The text alongside this image reads: Navigate to the website or funnel builder and locate the new Photo Gallery widget in the left sidebar. Drag and drop the widget onto your desired page section. Customize the gallery. This part of the guide covers 1 field, listed below. Image 5 of 5 Where to goNavigate to the website or funnel builder and locate the new Photo Gallery widget in the left sidebar. Drag and drop the widget onto your desired page section. Customize the gallery:
Fields in this part of the guide Customize the gallery:
All 3 steps in this procedure
  1. Navigate to the website or funnel builder and locate the new Photo Gallery widget in the left sidebar.
  2. Drag and drop the widget onto your desired page section.
  3. Customize the gallery:

Frequently asked questions

How to Use?
Navigate to the website or funnel builder and locate the new Photo Gallery widget in the left sidebar. Drag and drop the widget onto your desired page section. Customize the gallery: Add Images by selecting files from your media library. (You can also drag and drop files directly into the Media Library modal to upload before adding them to the gallery). Set Gallery Layout by choosing between grid or masonry options, and adjust the column count and spacing as needed. Configure Mobile Behavior. Add captions or descriptions to your images, and choose the action for when users click on the image (open in lightbox or redirect). Apply Watermark to images for added branding or protection if needed.

Was this guide helpful?

Related guides