How to Make a Slideshow on Squarespace
Slideshow galleries, also known as image carousels, are a powerful way to display lots of visual content without overwhelming your visitors.
Whether you're showcasing real estate listings, a construction portfolio, or any type of visual project, a well-designed slideshow can make your website look polished and professional while improving user engagement.
In this guide, you'll learn how to add a slideshow or carousel gallery to your Squarespace website, with tips on layout, customization, and optimizing the user experience.
Step-by-Step: How to Add a Slideshow Gallery in Squarespace
1. Start with a Section
To get started, choose a page section where you want your slideshow to appear.
Go into the Edit mode and select Add Block > Gallery. This creates a dedicated gallery section, not just a basic image layout.
2. Choose and Upload Images
You can manually upload images or use stock images. For example, searching for “real estate” will give you a collection of home or building images ideal for a real estate carousel.
Once uploaded, you can easily drag and drop images to rearrange them in your desired order.
Want a framework for designing the perfect homepage?
Need an expert to build your Squarespace website?
Book a free kick-off call with our team to discuss your project requirements in detail.
Customizing Your Slideshow Settings
Once your gallery is created, head into the Edit Section panel to fine-tune the slideshow.
Layout Options:
Gallery Type: Set to Slideshow > Full for a full-width experience.
Spacing: Add padding or a blank section underneath to separate it visually from the content below.
Height: Choose between small, medium, or large height. Selecting large will create a full-screen (100% viewport height) effect - great for immersive visuals.
Navigation Controls:
Arrows: Enable navigation arrows on either side.
Bullets: Show pagination bullets below the slideshow for quick access.
Autoplay: Highly recommended. Auto-scrolling ensures users realize it's a slideshow and don’t just scroll past a static image.
Animation:
Transition Type: Choose between fade, slide, or vertical panels. Fading transitions offer a smoother, more modern effect.
Speed: Adjust the interval timing. A 5-second delay provides a calm viewing experience without rushing.
Captions:
You can add image captions under each slide.
Just go to Edit Gallery, select an image, and enter your caption.
Final Thoughts
Adding a slideshow to your Squarespace website is a smart move. It enhances the visual appeal, keeps users engaged, and improves content organization.
