Add an Image/Image Gallery

Add an Image/Image Gallery

Add an Image or Image Gallery block to your page by using one of our preset content blocks.

Note: An Image block only allows you to upload one image, while an Image Gallery allows you to add multiple.

1. Select the Content tab in the gray navigation bar. Select the Page where you want to add an Image or Image Gallery.

Screen_Shot_2018-10-18_at_8.52.27_AM.png

2. While on the page, click on the green (+) icon that appears between the content blocks and select the Image or Image Gallery.

Image_Blocks.gif

3. Upload or select your image(s) from the library by clicking one of the blue buttons, or drag your image into the blue box from your desktop.

Notice the differences between the two blocks below:

A) Image block
B) Image Gallery block

4. You have the option to enter a Title and Description.


5. Select the green Publish button to take your changes live!

A second way to add images to an image gallery is also available, and requires you to already have an image gallery loaded with images in it. Once you have that image gallery loaded with images, you can quickly add images to that image gallery quickly while in the Design tool.

1. Click in the Design tool and navigate to the page that has the image gallery you'd like to add images to.

2. Click and drag your images from your desktop onto the image gallery. You'll want to add the image to specific parts of the image gallery if you are looking to do specific things. For example:

-Add the photo in between images to drop the image between photos:

ezgif.com-video-to-gif_copy.gif

-Drag the photo over an image to replace:

ezgif.com-video-to-gif_copy_2.gif

-Add the image to the very front or very end of a gallery to add it to that position (look for the image to move slightly to the side to know you are adding it in front/behind the image:

ezgif.com-video-to-gif_copy_3.gif
    • Related Articles

    • Create a Mosaic-Tiled Image Gallery

      You can create a collage with a mosaic pattern dictated by the size and orientation of your images. The layout allows you to add visual interest with smaller photos next to larger ones and a variety of spacing, sizing, and viewing options to ...
    • Create a Thumbnail Image Gallery

      We provide 4 thumbnail gallery options for all websites. Thumbnails allow your viewers to quickly preview your images before viewing the enlarged version, all on one page. To add a thumbnail image gallery: 1. Select the Content tool in the gray ...
    • Choose the Number of Visible Images on Image Gallery (Classic Slideshow)

      One unique Image Gallery feature is our Visible Items option. You can use it to display 1, 2, or 3 images per gallery slide. This feature is only available if your Image Gallery is set to Classic Slideshow. 1. Select the Design tool from the gray ...
    • Expand Images to Fill Window (Set a Hero Image)

      A Hero Image is an image on your website that is the background for the navigation bar, as well as the top portion of your home page. To add a Hero Image: 1. Select the Content tab in the gray navigation bar, and click on the Page you would like to ...
    • Add a Drop Shadow to Your Images

      Adding a drop shadow to your images gives your image depth and perspective. It makes it look like the image is popping right out of the screen! Images without a drop shadow effect: Images with a shadow drop effect: To add a drop shadow to your ...