1. Click the Add icon  at the top of your builder. Click the Elements button.
   
2. Drag and drop the Photo Album element on your page.
   
3. In the Add Photo Album page that pops up, enter a name for your photo album and click Add.
   
4. Either drag and drop files from your computer or select Add Images to add the images to your photo gallery. Click Close.
   
5. Select the desired album and click Add.
   

Gallery customization

1. You can reorder images by drag and drop or edit the gallery using Manage Photo Album.
2. Photo album style allows you to change the layout of the gallery.
3. Image spacing helps you add space between the images.
4. You can further customize your gallery by adding a background, border, shadow, animation, or custom CSS and scripts. 
   

Gallery customization tools

1. Square: This style enables you to display your images in a square format. You can specify the amount of spacing you would require between each image. You can also include a photo caption.
   
2. Rectangle: This style enables you to display your images in a rectangle format. Similar to the previous format, you can adjust the spacing between each image and include captions. 
   

You can also enable animation for square and rectangle photo album styles. Switch to the animation tab. You can choose the animation style, such as rotate or fade in, the animation sequence (that can be linear or random), and the animation duration.

1. Slide: This style enables you to display your images in a slide-show format. Visitors can click on the arrows to view the images that come up next in your gallery. You can adjust the height of the images on the slideshow on different devices and include captions.
   
2. Filmstrip: This style enables you to display your images in the format of a filmstrip. You can choose the number of images you would like to display. Toggle the corresponding settings, such as Item count and Image spacing as well as arrow position, design, and style, to customize your Filmstrip gallery.
   

For all these photo gallery styles, you can choose to switch to the text tab and adjust the background, border, shadow, and spacing.

1. The Square, Rectangle and Filmstrip formats have both caption and light-box options, while the slide format only has the caption option.
   
2. If you have the Show Heading option enabled and have your arrow positioned at the top, an alignment option will be enabled where you can choose from four alignment styles.