# How to use the image gallery widget

> ProSite includes a built-in image gallery widget that makes adding image galleries to your website straightforward.

Source: https://www.kualo.com/knowledgebase/prosite-widgets/how-to-use-the-image-gallery-widget
Updated: 2026-06-09

---

ProSite includes a built-in image gallery widget that makes adding image galleries to your website straightforward.

## Adding a gallery to your page

1. Launch the Site Builder tool from your cPanel.
2. Go to the page where you want to insert your image gallery.
3. Hover over the **Gallery** element, then drag and drop it onto your page.

![Dragging the Gallery element onto the page](https://kb-cdn.kualo.com/c8/36/c836b74279ffb0464c4c759345e53df8761a598e.mp4)

4. You will be presented with a number of gallery types. Select the one you want to use.

The gallery will be added to the page and pre-populated with placeholder images.

## Available gallery types

The builder offers the following image gallery types:

- Thumbnails
- Masonry
- Background
- List
- Map
- Slideshow
 - Slideshow
 - Slideshow with captions

## Adding pictures

Each gallery type allows you to add your own pictures to the gallery.

![Adding pictures to the gallery](https://kb-cdn.kualo.com/e6/7f/e67fa20005426553dc56ed840cbf5434bcc7f8c1.png)

You can also adjust configuration settings depending on the gallery type. For example, a thumbnail gallery lets you set the width, height, padding, and alignment. You can add captions to images and configure their style.

## How to change your gallery type

You can switch between gallery types at any time by selecting a different type from the Gallery menu. The widget will automatically update to reflect your selection.

![Changing the gallery type](https://kb-cdn.kualo.com/df/a4/dfa443d007bbe0e0c3a6e8ee92d19c7a5789b578.png)


---

_Source: Kualo Knowledgebase — https://www.kualo.com/knowledgebase/prosite-widgets/how-to-use-the-image-gallery-widget · © Kualo Ltd._