.png?table=block&id=218105a2-9d95-8178-a08d-f399fa1ed7dd&cache=v2)
Last Edited Time
Jun 25, 2025 09:35 PM
Do not index
Do not index
Suggested Tag
Squarespace
gallery sections
image display
Tags Synced
Tags Synced
AI summary
Learn to create image displays on Squarespace using gallery sections with options for grid and slideshow layouts. Customize settings for spacing and animations, and ensure mobile compatibility. Only images are supported; videos require separate blocks.
Last edited by
Platform
Category
Topic
Squarespace Gallery Sections: Complete Setup Guide
Learn to create effective image displays on Squarespace with gallery sections and choose the right layout for your content.
TL;DR: Key Points
- Gallery sections display multiple images without cluttering your page with individual blocks
- Choose from grid layouts (Simple, Strips, Masonry) or slideshow options (Full, Reel)
- Customise spacing, colours, and animations through the gallery settings
- All layouts automatically adapt for mobile devices
- Upload and edit images directly within the section
- Only supports images (no videos or deep linking)
Setting Up Gallery Sections
Gallery sections let you showcase multiple images cleanly without adding loads of separate image blocks to your page.
Creating a New Gallery Page
- Go to Pages and click the + icon
- Under Page Layouts, select Gallery and pick your layout
- Add your page title and press Enter
- Click Edit, then use the image icon to upload your photos
Adding to an Existing Page
- Open your page and click Edit
- Select Add Section and choose a gallery layout (marked with an 'i' badge)
- Click the pencil icon to customise your settings
Gallery Layout Options
You've got several layout choices depending on how you want to present your images.
Grid Layouts
- Simple: Clean rows of uniform images
- Strips: Mixed row sizes for visual variety
- Masonry: Staggered Pinterest-style arrangement
Slideshow Layouts
- Full: One large image at a time, full width
- Reel: Film strip style with thumbnail navigation and autoplay options
Customising Your Gallery
Make your gallery fit your site's style with these settings:
- Click the pencil icon while in Edit mode
- Choose your Gallery Type for the basic layout
- Adjust image spacing, turn captions on or off, and pick animation effects under the Gallery and Colors tabs
Quick tip: Always check how your gallery looks on mobile. The layouts adapt automatically, but it's worth previewing to make sure you're happy with how everything displays on smaller screens.
Common Questions
Can I add videos to gallery sections?
No, gallery sections only work with images. For videos, you'll need to use video blocks instead.
How do galleries look on mobile?
All gallery layouts automatically adjust for different screen sizes. The exact appearance varies by layout type, so preview on mobile to see how yours adapts.
Can I link images to other pages?
Yes, you can add clickthrough URLs to gallery images, but deep linking isn't supported.
Quick Reference
Autoplay: Slideshow automatically moves through images
Aspect Ratio: The width-to-height proportions of your images
Focal Point: The main area of an image that stays visible when cropped
Full Bleed: Images that extend to the edges without borders
Site Margin: The spacing around your content
Gallery sections give you a clean way to display multiple images that works well across all devices. Try different layouts and settings until you find what works best for your content. The key is keeping it simple and making sure it looks good on both desktop and mobile.