Photo Gallery Widget

The Photo Gallery widget allows you to easily add multiple images to your website. When you click an image in the Photo Gallery, it can open in a lightbox gallery or be linked to a page on your site, a website URL, a popup, an anchor, an email address, or more. Each image can have its own title, description, and alternative text.

Insert the Photo Gallery widget into your website. See Add Widgets for more information on adding widgets to your site. The Content Editor appears after the widget has been placed.

Add Images

To add images to the photo gallery widget, follow these steps:

1. (Optional) To enable links on gallery images, go to the editor's top and click the Enable links on gallery images toggle.
2. Select Add image.
3. Choose any of the images in the image picker. Complete the following tasks:
4. Choose the folder containing the images you want to use.
5. To add your own images, click the + icon.
6. To see more image options, switch to Full View. You can see more info at Image Picker.
7. To change the position of your image and add a title, description, and button, right-click it and select Image Settings.
8. Color, emphasis (bold, italics, and underline), and bullets can be added to text in the description box using the Rich Text Editor.
9. When the buttons are visible, you can add links (this is only available in the new widget).

Photo Gallery Design Editor

To customise the Photo Gallery, click the Design Editor.

1. Click the Layout tab to change the gallery layout. You can choose from the following options:
2. To see more design options for your photo gallery, click the existing layout. Layouts are managed per device and based on the view in which the layout is currently selected.
3. Text can be added beneath images, on hover, or on the image itself. Select Text/button under image, Text/button on hover, or Text/button on image, and then place the text/button in the desired location.
4. Choose the Number of columns to display in the Photo Gallery.
5. Click the Auto adjust columns toggle to automatically adjust the number of columns to avoid white space.
6. Choose how many Visible rows to display.
7. Click the Item tab to change the image height and spacing between images. You can also add rounded corners, show the entire image in the gallery, add shadows, and modify the image hover effect and animation (available in new widget). This only applies to certain layouts.
8. Click the Frame tab to change the frame style, add a background colour, and customise the border.
9. Click the Hide share images toggle to hide the share option. This removes the share button that appears when users click an image.
10. Click the Spacing tab to adjust the inner and outer spacing.

Add an Instagram Feed

Users can add an Instagram feed to the photo gallery widget if they have a private or public Instagram account (not a business account). See Add an Instagram Feed to Your Site for more information.