To display a set of images in a single, cohesive layout, you'll use one of Squarespace's gallery options. Which you use will depend what version of Squarespace your site is on and where you want to add the gallery.
This guide covers the primary differences between the gallery types and other things to consider when adding a gallery to your site.
Gallery sections (version 7.1)
Gallery sections are a special type of section for showcasing sets of images. This is the primary method for displaying multiple images at once on Squarespace version 7.1.
- You can add gallery sections to any page.
- You can't add them to areas of your site that don't use sections, such as blog posts or events.
- You can upload images or add stock images. Gallery sections don't currently support videos.
Gallery sections support grid and slideshow layouts, which each have three variants:
- Grid - Simple, Strips, Masonry
- Slideshow - Simple, Full, Reel
To learn more, visit Gallery sections in version 7.1.
Gallery Blocks
Gallery Blocks are blocks where you can add images and embed videos. Gallery Blocks have built-in layout options, and you can also arrange them in layouts with other blocks. Version 7.1 and version 7.0 both support Gallery Blocks, but where you can add them varies.
You can add a Gallery Block to any block content area that doesn't use sections, such as blog posts, event descriptions, or additional product information. It's not possible to add Gallery Blocks to Layout Pages or the landing page of collections. In those cases, use gallery sections instead.
You can upload images, add stock images, or embed videos with Gallery Blocks.
You can add Gallery Blocks to Layout Pages, blog posts, and any other block content area. You can upload images, add stock images, embed videos, or display content from an existing Gallery Page with Gallery Blocks.
Gallery Blocks support four different layouts you can switch between at any time:
- Slideshow
- Carousel
- Grid
- Stack
To learn more, visit Gallery Blocks.
Gallery Pages (version 7.0)
Gallery Pages are unique to their template and have a specific design intended to work with that template. Like Gallery Blocks, you can use Gallery Pages to upload images, add stock images, and embed video. To learn more, visit Gallery Pages.
Gallery Pages use slideshow, slider (carousel), grid, and stacked designs. Depending on the template, the Gallery Page will either have a fixed design, an option to change between designs in Site Styles, or give visitors an option to adjust the gallery design for themselves. See our list of template-specific Gallery Page designs for more help.
Gallery comparisons
Squarespace's different gallery options offer different possibilities for displaying images.
Whether you use a gallery section or Gallery Block depends on the area of your site where you want to place a gallery. They share the same capabilities with a few minor differences. To get a sense of the features available for each, review the table below.
Gallery sections | Gallery Blocks | |
Where you can add |
|
|
Displays | In its own section. It's not possible to add other types of content to a gallery section | In the same content area as other blocks. You can place it next to other blocks |
Layout options (change at any time) |
|
|
License stock images |
Yes |
Yes |
Embed video |
No. Use animated .gif image files instead |
Yes |
Display captions |
Yes |
Yes, except in Carousel layout |
Add clickthrough URLs |
Yes. Disabled in lightboxes |
Yes. Disabled in lightboxes |
Enable lightbox |
Yes, in most layouts |
Yes, in Grid layout |
Add animations |
Yes, in most layouts. You can set them to match site-wide animations or select a custom option |
No |
It's not possible to link Gallery Blocks or Summary Blocks to gallery sections.
When trying to decide between a Gallery Block or a Gallery Page, the answer depends on your site. We recommend browsing the various template-specific Gallery Pages to find one that appeals to you. If you find a template you love but aren't a fan of its Gallery Page, using Gallery Blocks is a great workaround. Or if you love the Gallery Page, and also want to display its images somewhere else on your site, add a Gallery Block to a page and link them.
Benefits of Gallery Blocks
- Consistency between templates - All four Gallery Block layouts can be used on any template. Switching templates doesn't affect Gallery Blocks.
- Work with other content blocks - Gallery Blocks can be added in any combination with other blocks. This is ideal if you want to use a mix of images and text.
- Can be added anywhere - Gallery Blocks can be added to any content area, including Layout Pages, blog posts, headers, footers, and sidebars (if supported by your template).
- Pull images from Gallery Pages - Gallery Blocks can pull images from existing Gallery Pages on your site. This way, you can use a Gallery Page as the primary home for your images, then use the Gallery Blocks to display them elsewhere or try different layouts.
Benefits of Gallery Pages
- Special features - Many template Gallery Pages have special features not available in Gallery Blocks. For example, Momentum's Gallery Pages display full-bleed images.
- Sharing images - You can share Gallery Page images in two ways: deeplink URLs for a direct link to your image if your template supports them, or social sharing to push an image from your Squarespace site to a connected social profile.
- Work with Index Pages - You can add Gallery Pages to Index Pages on supported templates. Gallery Pages often display images differently in Index Pages for another unique visual option.
- Work with Summary Blocks - You can display existing Gallery Page content in unique magazine-style layouts with Summary Blocks. Like with Gallery Blocks, you can add Summary Blocks to other content areas, and Summary Blocks can display extra metadata like tags and categories.
Mobile display
How your galleries display on mobile depends on their format. For Gallery Pages, it also depends on your template. To learn more, visit How will my site appear on mobile devices?
When using any gallery, pay attention to the amount of content on the page. Large image files or excessive number of images can cause your site to load slowly, especially on mobile.
To avoid these issues, we recommend reviewing our guides on image formatting and keeping your site mobile-friendly. Rather than placing all your images in a single gallery, you can use multiple display your work by project or category.