How to Use the Photo Gallery Element in GoHighLevel

The Photo Gallery element in GoHighLevel allows you to visually showcase images inside funnels and websites, similar to how ClickUp helps organize tasks in a clean layout. This guide walks you through adding, configuring, and customizing a gallery so your pages look professional and load efficiently.

What the GoHighLevel Photo Gallery Element Does

The Photo Gallery element lets you add multiple images in a grid-style layout to any funnel step or website page. You can adjust how many images appear in each row, control spacing, and manage every image individually.

Key capabilities include:

• Adding multiple images at once to your page.
• Arranging images in responsive rows and columns.
• Customizing each image’s size and behavior.
• Adjusting spacing, radius, and hover options.

How to Add a Photo Gallery in GoHighLevel

Follow these steps to insert a Photo Gallery element into your funnel or website.

Step 1: Open Your Funnel or Website in GoHighLevel

1. Log in to your GoHighLevel account.
2. Navigate to Funnels or Websites from the left-side menu.
3. Select the funnel step or page where you want to add a gallery.
4. Click Edit Page to open the drag-and-drop builder.

Step 2: Insert the Photo Gallery Element

1. In the builder, locate the Elements panel on the left.
2. Scroll to find the Photo Gallery element.
3. Drag and drop the Photo Gallery element into your desired section or column.

Once placed, a default gallery layout will appear, and you can start adding images.

Managing Images in the GoHighLevel Photo Gallery

After adding the element, you can upload, reorder, and remove images to control how the gallery looks.

How to Add Images

1. Click on the Photo Gallery element to open its settings.
2. In the gallery settings panel, click Add New Image or the image placeholder.
3. Upload an image from your device or select one from the existing media library.
4. Repeat the process for each additional image you want to include.

How to Reorder and Remove Images

• Reorder: Drag images within the gallery settings to change the display order.
• Remove: Click the delete or trash icon on an image to remove it from the gallery.

Reordering helps prioritize your most important visuals at the top of your GoHighLevel pages.

GoHighLevel Photo Gallery Layout and Grid Settings

The layout controls determine how your images are displayed across different screen sizes and allow you to keep your design responsive.

Set Images per Row

You can choose how many images appear in a single row. Common choices include:

• 1 image per row (large images)
• 2–3 images per row (balanced layout)
• 4+ images per row (thumbnail-style grid)

Adjust the Images Per Row setting until the gallery matches your design needs.

Spacing and Padding

Use the spacing controls to fine-tune the distance between images and surrounding content:

• Gap / Gutter: Sets space between images in the grid.
• Padding: Adds space inside the gallery container.
• Margin: Adds space outside the gallery, separating it from other elements.

Small, consistent spacing usually gives the best visual result across different devices in GoHighLevel.

GoHighLevel Photo Gallery Image Styling Options

You can style images inside the gallery to better match your brand and page design.

Image Size and Aspect Ratio

Depending on the available options in your builder version, you can:

• Choose between auto or fixed width/height.
• Ensure images maintain a consistent aspect ratio.
• Avoid stretched or distorted visuals by using images with similar proportions.

Border Radius and Corners

Use the Border Radius setting to control how rounded image corners appear:

• 0px: Sharp, square corners.
• 5–15px: Slightly rounded corners.
• 50%: Fully circular (best for square images).

Rounded corners often soften the look of a GoHighLevel gallery and help it blend with modern page designs.

Hover Effects (If Available)

Some versions of the builder may include hover styling options, such as:

• Changing opacity on hover.
• Adding a subtle zoom effect.
• Applying a border or shadow when the cursor is over an image.

Use hover effects sparingly to keep the gallery clean and fast-loading.

Content and Links in the GoHighLevel Photo Gallery

Beyond simple images, you can sometimes add links or basic content behaviors to your gallery.

Linking Images

For images that should lead to another page, product, or funnel step:

1. Select the desired image in the gallery settings.
2. Look for a Link or URL field.
3. Enter the destination link (internal or external).
4. Choose whether the link opens in the same tab or a new tab, if that option is provided.

This is useful for turning your GoHighLevel gallery into a clickable portfolio or product grid.

Alt Text and Accessibility

Where available, always add descriptive alt text to each image:

• Describe what’s in the image briefly.
• Include relevant context (e.g., “Coaching client success screenshot”).
• Avoid stuffing keywords; keep it human-readable.

Alt text improves accessibility and supports better SEO for your funnel or website.

Global Styling Tips for GoHighLevel Galleries

To keep your galleries consistent across your site, use these best practices:

• Use images with similar dimensions and orientation.
• Compress images before uploading to keep pages fast.
• Stick to 2–3 main gallery layouts across your GoHighLevel assets.
• Test how galleries render on mobile, tablet, and desktop.

Consistent styling helps maintain a professional brand experience on every page.

Troubleshooting Common GoHighLevel Gallery Issues

Images Look Stretched or Cropped

If images are distorted:

• Check that all images share a similar aspect ratio.
• Avoid mixing tall vertical images with wide horizontal ones in the same row.
• Review the Height or Aspect settings in the gallery controls.

Gallery Not Displaying on Mobile

If the gallery seems hidden or broken on certain devices:

• Open the responsive view (desktop/tablet/mobile) in the builder.
• Ensure the element is not disabled for specific device types.
• Reduce images per row for mobile to avoid squashed thumbnails.

Slow Page Load

Heavy images can slow funnels and websites:

• Compress images using an external tool before uploading.
• Avoid extremely large image dimensions when not necessary.
• Limit the total number of images per gallery on a single page.

Where to Learn More About GoHighLevel

For additional technical documentation on the Photo Gallery element, review the official help article here: GoHighLevel Photo Gallery Help.

If you need expert implementation, funnel strategy, or broader CRM support, you can also visit Consultevo for professional services and training resources.

By following the steps above, you can confidently configure and style the Photo Gallery element inside GoHighLevel to highlight your best visuals, support your offers, and create a clean, conversion-focused page layout.

Need Help With GoHighLevel?

If you want expert help building, automating, or scaling your GHL , work with ConsultEvo — trusted GoHighLevel Partners.

Scale GoHighLevel

“`