How to Add and Customize Website Gallery Sections in Squarespace

How to Add and Customize Website Gallery Sections in Squarespace

By Michael Turner

February 6, 2025 at 11:06 AM

Gallery sections offer a powerful way to showcase images in customizable layouts on your website, providing more flexibility than individual image blocks.

Gallery Types

  • Grid: Simple: Equal rows and columns grid layout
  • Grid: Bands: Different format for each row
  • Grid: Mosaic: Staggered layout with varied aspect ratios
  • Slideshow: Simple: Single image display with thumbnail option
  • Slideshow: Full: Full-screen single image display
  • Slideshow: Reel: Multiple images displayed like a film reel

Adding a Gallery Section

  1. Open Pages panel and click +
  2. Select Page Layouts → Gallery
  3. Choose a layout
  4. Add page title
  5. Click Edit
  6. Use image icon to add/edit images
  7. Use pencil icon for style customization
  8. Save changes

Adding Images

  1. Click the image icon and select +
  2. Choose Upload Images or Search Images
  3. Edit options:
    • Adjust focal point
    • Rearrange images (except in Mosaic layout)
    • Add captions and alt text
    • Set destination URLs

Important Notes:

  • Maximum 250 images per Gallery section
  • Videos and deep-link URLs not supported
  • Blocks cannot be added within Gallery sections

Customization Options

Style settings include:

  • Layout modifications
  • Color themes
  • Aspect ratio adjustments
  • Caption displays
  • Lightbox settings
  • Section width options:
    • Full Page
    • Full
    • Inserted

Width Settings

  • Full Page: Edge-to-edge display
  • Full: Browser-width with margins
  • Inserted: Fixed maximum width

Note: Display may vary based on browser size and device due to responsive design.

Related Articles

Previous Articles