Skip to main content

How to Add and Manage a Gallery in Sitebuilder

The Gallery widget lets you display multiple images in layouts such as grids and masonry galleries. This guide shows you how to add a gallery, upload images, and manage their settings.

Prerequisites / Requirements

  • Access to your website builder.

  • Images ready to upload.

  • Maximum 2 gallery widgets per page.

  • Recommended maximum per gallery:

    • 75 small images of approximately 10 KB each, or

    • 20 large images of approximately 9 MB each.

Step-by-Step Instructions

1. Add a Gallery

You can add a gallery as a pre-designed section or as an individual widget.

Option A: Add a Gallery Section

  1. Click Add Content in the top menu.

  2. Select Add Section.

  3. Choose Gallery & Slideshow from the categories.

  4. Select the gallery layout you want to use.

Pre-designed sections offer different layouts, including grid and masonry styles.

Option B: Add a Gallery Widget

  1. Click Add Content in the top menu.

  2. Select Add Widget.

  3. Find Gallery in the widget menu.

  4. Drag and drop the widget to the desired location on your page.

This option gives you more flexibility if you want to add a gallery to an existing section.

2. Add Images to the Gallery

  1. Click the Gallery widget.

  2. Select Manage Images.

  3. Click Add Images.

  4. Upload the images you want to display.
    ​

    Screenshot 2024-09-17 at 11.06.01.png
    Screenshot 2024-09-17 at 11.09.53.png

    You can add or remove images later.


3. Edit Image Settings

Click an image in the gallery to open its settings.

You can:

  • Add a link to the image.

  • Add a title and description that visitors see when they hover over the image.

  • Remove the image from the gallery.

    Screenshot 2024-09-17 at 11.13.32.png

4. Change the Image Order

To change the order of images:

  1. Open Manage Images.

  2. Drag and drop the images into the desired order.
    ​

    2024-09-17 11.11.19.gif

Visuals & Examples

Gallery layouts can be used to showcase:

  • Photography portfolios.

  • Product images.

  • Artwork.

  • Events and projects.

  • Other collections of visual content.

💡 Tip: Use high-quality images, but keep file sizes as small as possible to help maintain fast page loading times.

Troubleshooting / FAQs

How many images can I add to a gallery?

For optimal performance, use up to 75 small images or 20 large images per gallery.

How many gallery widgets can I add to one page?

You can use a maximum of 2 gallery widgets per page.

Can I change the order of images?

Yes. Open Manage Images and drag and drop the images into the desired order.

Can I remove an image after adding it?

Yes. Select the image in the gallery settings and choose the option to remove it.

Summary / Next Steps

Add a gallery as a section or widget, upload your images, and customize their settings and order. Keep image sizes optimized and stay within the recommended gallery limits for the best performance.

Did this answer your question?