Note: While our most popular guides have been translated into Spanish, some guides are only available in English.

Gallery Pages

In version 7.0, use Gallery Pages to display images and videos in eye-catching layouts and styles. Gallery Pages have specific designs intended to match your template. In this guide, you'll learn how to add a new Gallery Page and add images and videos to it.

The steps in this guide also apply to Project Pages.

This guide is for version 7.0. In version 7.1, add gallery sections instead.

Before you begin

  • Your Gallery Page's layout and style options depend on your template. Gallery Pages can be slideshows, grids, stacked, or carousels. For gallery designs by template, visit Styling a Gallery Page.
  • To add a gallery outside of the Gallery Page, like on a Layout Page or blog post, try the Gallery Block. You may also want to explore the differences between the two gallery types.

Watch a video

Add a Gallery Page

Note: Adding new Gallery Pages is only possible in the iOS version of the Squarespace App.

To add a Gallery Page:

  1. In the Home Menu, click Pages, then click the + icon.
  2. Select Gallery from the Create New Page menu. For detailed steps, visit Adding pages to your navigation.

Upload images

Tips

  • Before uploading, review our image formatting guidelines.
  • For the best results, upload images 500 KB or smaller. There's a technical 20 MB size limit for each image.
  • 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.
  • The first image added to a Gallery Page automatically becomes the page's thumbnail image. You can also manually add a thumbnail. For help, visit Adding thumbnail images.

There are three ways to add your own images to a Gallery Page on a computer:

  • Click the + icon, then click Upload 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.

You can also reuse an image you've previously uploaded by clicking the + icon, then clicking Search Images.

After uploading, edit your image's settings to organize your Gallery Page.

Add stock images

With our stock image integrations, you can search for and add stock images directly from your site. This is a great option if you don't already have an image to use.

To add a stock image, click the + icon, then click Search Images. You can also use the Image Search page to reuse a stock image you added previously.

Add videos

All current templates' Gallery Pages support externally hosted videos. You can add a video to a gallery with its direct URL or an HTML embed code.

To add a video, click the + icon in the Gallery panel, then click Add Video.

Tip: The example in this guide uses a YouTube video. We also support Vimeo, Animoto, and Wistia. Those hosts' embedding options may differ from what you see here. Check with your video host for help finding the video’s URL or the embed code.

Option 1 - Use a URL

Copy the video’s URL from the browser address bar and paste it into the Video URL tab.

Option 2 - Use HTML embed code

To use the video's HTML embed code:

  1. Find the video on the video hosting service.
  2. Most video hosts offer a Share or Embed button. Click Share or Embed, then copy the code provided.
  3. Click the Video Embed tab in the video settings.
  4. Paste the code into the text field. 

Add image overlays (optional)

You can add an optional thumbnail images for videos. The 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, switch the Cover Image toggle on, then click Image to upload an image from your computer or Search for Images to add a stock image. To remove the image, click Remove Image below the thumbnail.

Edit item settings

When you add content to your Gallery Page by clicking the + icon, the item settings open automatically. Otherwise, hover over the item and click the gear icon to open its settings.

In the editor for each item, you can:

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. Description style and display options depend on your template.

To add or edit titles and descriptions:

  1. Hover over an image or video in the Gallery Page panel.
  2. Click the gear icon to open the editor.
  3. Add a title and description in the text boxes. Image titles must be 200 characters or fewer.
  4. Click Save.

 To add or edit titles and descriptions:

  1. Double-tap an uploaded image to open the image settings.
  2. Tap into the text box under Image Title to add or edit the title. Image titles must be 200 characters or fewer.
  3. Tap into the text box under Image Description to add or edit the description.
  4. Tap Save.

Set the item's publication status

All image and video settings include four visibility options:

  • Published
  • Scheduled
  • Needs Review
  • Draft

Scheduled, Needs Review, and Draft can be helpful if you want to upload content to your site, but don’t want to make it publicly 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 change any item’s status:

  1. Hover over the image or video in the Gallery Page panel.
  2. Click the gear icon.
  3. Click Status.
  4. Select a new status.
  5. Click Save.

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 Gallery Page panel. After it’s Published, you’ll see the thumbnail without a banner and the content appears live on your Gallery Page.

Uploading images on the Squarespace App sets them to Published by default. You can change the status manually after upload. To adjust any image's status:

  1. Double-tap an uploaded image to open the image settings.
  2. Tap Image Status.
  3. Tap DraftNeeds ReviewPublished, or Scheduled.
  4. If you tap Published, you select a publication date and time from the calendar. This date won't display on your site.
  5. If you tap Scheduled, select a publication date and time from the calendar. This date won't display on your site.
  6. Tap the arrow in the top-left corner to return to the image settings.
  7. Tap Save.

Add categories and tags

Use tags and categories to organize content and display images and videos in different groups. Tags and categories won't appear in the gallery itself, but you can use the Tag Cloud Block, Archive Block, Summary Blocknavigation links, and text links to filter content and help visitors find images by category.

To start adding categories and tags, click Categories or Tags in any image or video editor.

Formatting tips:

  • Tags must be 80 characters or fewer.
  • Categories must be 25 characters or fewer.
  • Tags and categories are case-sensitive. For example, entering Apples, apples, and APPLES creates three tags or categories.

To add or remove existing tags and categories:

  1. Double tap the image or video where you want to add tags and categories.
  2. Tap Categories or Tags.
  3. Search tags or categories, or find them by scrolling through the list. If no tags or categories appear, you'll need to create them on the Gallery Page on a computer first.
  4. Tap the tags or categories you want to add to the image. A checkmark will appear next to the tag or category names when they're selected.
  5. Tap the tags or categories again to remove them. The checkmark will disappear.
  6. After making your selections, tap the arrow in the top right corner to go back to the image settings, then tap Save.
Tip: You can add or remove existing tags and categories to and from Gallery Page items in the Squarespace App, but you can't create new tags or categories.

To learn more, visit Categories and tags.

Rearrange images

Gallery images and videos typically display in the same order as the thumbnails in the Gallery Page panel. The panel doesn’t include options for sorting alphabetically or chronologically, but you can create this order manually.

You can reorder gallery content by following these steps.

To move one image at a time:

  1. In the Gallery Page panel, hover over an image until you see a multi-directional arrow.
  2. Click and drag the image around the panel to move it into place.
  3. Repeat for all images until you reach your desired order.

To move multiple images:

  1. In the Gallery Page panel, press and hold Ctrl on Windows, Linux, and Chrome OS or Command on a Mac and click the images you want to reposition.
  2. Selected images will have a light blue outline.
  3. Click and drag the images into place.
Exception: For templates with an Aspect Ratio style tweak, choosing Aspect Ratio: Auto maintains each image's original aspect ratio. As a result, images arrange automatically based on height and may appear in a different order than how they're arranged in the panel. To learn more about Gallery Page style tweaks, visit Styling a Gallery Page.

To reorder gallery content:

  1. Tap the Pages icon.
  2. Tap the title of the Gallery Page you want to organize.
  3. Tap Edit or the pencil icon in the top right corner.
  4. Tap and hold the image or video you want to move.
  5. Slide the item around the panel, then let go when it's in its new place.
  6. Tap Done or the  in the top right corner.

Move images between galleries

If you have multiple Gallery Pages, you can move Gallery images and videos between them. This is a great way to organize content without recreating it.

In the York template family, you can move images between Project Pages and Gallery Pages.

Delete images

To delete images from a Gallery Page:

Select one or more images or videos, then click Remove at the bottom of the panel. Click Confirm to permanently remove the image.

Alternatively, you can click the gear icon on the item you want to delete, then click Delete in the item's settings.

  1. Tap the Pages icon.
  2. Tap the title of the Gallery Page where you want to delete images.
  3. Tap Edit or the pencil icon in the top right corner.
  4. Tap the - icon on the image you want to delete, then tap Delete to confirm.
  5. Tap Done or the  in the top right corner.

Replace an image

To replace an image in a gallery while keeping its information, such as title and tags:

  1. Double-click the image to open its editor.
  2. Click Remove Image under the image.
  3. Click Image in the image area to upload a new one.
  4. Click Save.

Display Gallery Page content with blocks

You can use blocks to pull Gallery Page content from your existing page and display it elsewhere on your site. This is a great way to display images in different formats, highlight categories, or provide a visual link to your Gallery Page.

The following blocks work well with Gallery Pages:

  • Gallery Block - Displays Gallery Page content in a Carousel, Grid, Slideshow, or Stack view.
  • Summary Block - Filters specific Gallery Page content and displays as a Wall, Carousel, List, or Grid
  • Content Link Block - Provides a visual link to your Gallery Page using the first gallery image, page title, and page description.

You can also reuse stock and uploaded images throughout your site.

Next steps

Was this article helpful?
79 out of 255 found this helpful