Add a Photo Gallery

  • Knowledge Base
  • Responsive Website Builder
  • Adding a Photo Gallery
  • Duda Support > Responsive Site Builder > Editing a Site

Overview

The Photo Gallery widget allows you to add multiple images to your website. When images in the Photo Gallery are clicked, they can be opened in a light box gallery, or linked to a page on your website, a website URL, a popup, an anchor, an email address or more. You can add titles, descriptions and alternative text to each image.

Guide

Add the Photo Gallery widget to your Website Builder. To learn more about adding widgets to your website, see Adding Widgets. Once the widget has been placed, the Content Editor appears.

Adding Images

To add images to the photo gallery widget:

  1. (Optional) To enable links on gallery images, click the slider at the top of the Content Editor. 
  2. Click Add image.
    photogallery2_en-US.png
  3. Select any of the images you have in the image picker.
    photogallery3_en-US.png
  4. Complete the following:
    • Select the folder with images you want to use.
    • Click the + icon to upload your own image.
    • Switch to the Full View for more image choice options.
      See the image picker article for more information on the image picker.
  5. To add titles, text, and buttons to your images in the gallery, click the image and edit the image settings.
  6. Use the Rich Text Editor to add color, emphasis (bold, italics and underline), and bullets to text in the description box.
    photogallery4_en-US.png
  7. You can add links when the buttons are viewable [only available in new widget]. Content is viewable when the eye icon is highlighted.
    photogallery5_en-US.png

 

Customize the Photo Gallery

  • To change the photo gallery layout, open the Design Editor and click the Layout tab. We have multiple layouts to choose from to provide more design options to your photo galleries. Layouts are managed per-device and based on the current view in which the layout is selected. 

    photogallery6_en-US.png

  • Text can be set under images on the hover, or on the image in the Layout tab. You can change the text and button positions as well as button styling and size (available on new widget).photogallery7_en-US.png
  • You can change the image height and spacing between the images. Note that this is only applicable for certain layouts. You can also add rounded corners, display the full image on the gallery, add shadows, and change the image hover effect and animation (available in new widget).                                      photogallery8_en-US.png
  • To change the font style of the image titles and descriptions, click the Item tab. photogallery9_en-US.png
  • To add a background color, customize the border, and add hover effects and animations, click the Frame tab.

    photogallery10_en-US.png

  • To change the inner and outer spacing, click the Spacing tab.

    photogallery11_en-US.png

 

Adding an Instagram Feed

Users with an Instagram Business or Creator account can add an Instagram feed to the photo gallery widget. For more information, see Add an Instagram Feed to your Site.

Considerations - New Photo Gallery

Is my gallery widget the new one?

A new photo gallery widget was deployed on September 24th. If your gallery has been created after September 24th or if you have updated the widget already, you are using the new gallery widget. 

If your photo gallery was created before September 24th, you have the option to update your widget or use the old Photo Gallery widget settings to edit your gallery. To switch to the new photo gallery, click Update Widget. If you choose to update the widget, a backup of the site will be created automatically.

What if I don’t want to update my widget?

You do not have to update your widget. You will be able to edit your widget using the previous widget editor.

What if I reload a backup or use the undo feature?

If you reload a backup or undo while editing an existing Photo Gallery Widget, you will need to re-update the widget. Keep in mind that if you do choose to update an existing photo gallery widget, a site backup will be created automatically.

The hover effect doesn’t work on Internet Explorer, what can I do?

Unfortunately, Internet Explorer doesn’t support this feature.

How do I hide the ‘share’ option?

You can hide the share option in the Design Editor under the Frame section. This will remove the share button that users would see when clicking on an image in the photo gallery.photogallery12_en-US.png

Resources

  • To learn more about editing widgets, see Editing Widgets.
  • To learn more about adding premium images to your site, check out our guide on Premium Images.

 

Was this article helpful?
1 out of 3 found this helpful

Comments

0 comments

Please sign in to leave a comment.

×

Please Log in as a Pro

Priority Phone Support is available exclusively to Pros. Log in to your Pro account now to see our international support numbers.

Log In
Not a Pro? Purchase a Pro plan!