Use Gallery Pages to showcase images and videos in eye-catching layouts and styles. Gallery Pages have specific designs intended to match and work with your template. In any template's Gallery Page, you can display your own images, licensed Getty Images, and videos.
In this guide, you'll learn how to add a new Gallery Page and add images and videos to it.
Note: The instructions in this guide also apply to Project Pages.
Watch a video
Before you begin
- Your Gallery Page's layout and style options (slideshow, grid, stacked, or carousel) depend on your template. For gallery designs by template, visit Styling a Gallery Page.
- To add a gallery outside of the Gallery Page, like on a Regular Page or blog post, try the Gallery Block. You may also want to explore the difference between the two gallery types.
Add a Gallery Page
In the Home Menu, click Pages, then click the + icon and choose Gallery.
For detailed steps, visit Adding pages to your navigation.
Add your own images
Before you begin
- For best results, we recommend reviewing our image formatting guidelines before uploading.
- There is a 20 MB size limit for images added to the Gallery Page. However, we suggest using images less than 500 KB for best results. You can add up to 250 images or videos to each Gallery Page. Large galleries may take longer to load.
- You can upload multiple images at a time, but you can't upload .zip files or other compressed file formats.
Upload your images
There are three ways to add your own images to a Gallery Page:
- Click the + icon, then select Image.
- Click the empty box to open your computer's file manager, then click Open or Choose to add the image to the gallery.
- Drag and drop images into the empty box in the Gallery Page panel.
In the image editor that opens, you can:
- Add a title and description (display varies by template)
- Tag or categorize the image
- Set up social media sharing
- Click Edit under the image thumbnail to edit the image with the built-in Adobe Creative Cloud Image Editor.
Add a Getty Image
With our partnership with Getty Images, you can license individual stock images for $10. This is a great option if you don't already have an image to use.
To use a Getty Image, click the + icon, and then click Getty.
Add a video
All templates' Gallery Pages (except Frontrow) support externally hosted videos. Click the + icon in the Gallery panel, then click Video.
Note: The example in this guide uses a YouTube video. We also support Vimeo, Animoto, and Wistia, but their embedding options may differ from what you see here. Check with your video host if you're unsure where to find the video’s URL or the embed code.
The Gallery Page supports two options for adding a video: a direct URL or an HTML embed code.
Use a URL
Copy the video’s URL from the browser address bar and paste it into the Edit Video menu.
Use HTML embed code
Add a video’s HTML embed code to the video editor. Most video hosting services offer a Share or Embed button. Click Share or Embed, and then copy the code provided.
Click the code icon in the video editor to add the embed code.
Paste the code into the Embed Data box, then click Set.
Add an image overlay (optional)
Once you've added the video, you can add a thumbnail image. This image displays over the video before it’s played. It could be a title card, a frame from the video, or any other image that encourages visitors to click play.
Note: Adding an image overlay to any video disables gallery autoplay. Visitors will need to click to see the next item.
To add an image overlay, drag your image into the uploader, then check Use Thumbnail.
To remove the thumbnail image, click Remove below the thumbnail.
Add titles and descriptions
Titles and descriptions add context to your content. Titles become alt text, which helps search engines understand what your images are, potentially improving SEO.
To add or adjust titles and descriptions, hover over an image or video in the Gallery Page panel and click the to open the editor. Add a title and description in the respective boxes. Image titles must be 200 characters or fewer.
Tip: How you style your captions and how they display depends on your template.
Replace an image
To replace an image in a gallery while keeping its information, such as title and tags:
- Double-click the image to open its editor.
- Click Remove under the image.
- Click the arrow icon that appears to replace it with a new image.
Set the item's publication status
All image and video editors include four visibility options:
- Needs Review
Scheduled, Needs Review, and Draft can be helpful if you want to upload content to your site, but don’t want to make it immediately visible. You can keep an item unpublished for other site contributors to review before it’s public or when you’re testing your page’s style.
To adjust any item’s status, hover over the image or video thumbnail in the Gallery Page panel and click the . From the editor, click the current status and select a new one.
If you’re leaving the image or video unpublished (Scheduled, Needs Review, or Draft), you’ll see a status banner over the image or video thumbnail in the page panel. Once it’s Published, you’ll see the thumbnail without a banner and the content appears live on your Gallery Page.
Save vs. Save & Publish
When you first upload an image or link a video, you’ll see Save and Save & Publish options at the bottom of the editor.
Click Save to close the editor and set the item as a draft and hidden from your live site. Click Save & Publish to close the editor and publish the item and make it visible on your live site.