The Section Slider tool transforms multiple consecutive Squarespace sections into an interactive carousel, perfect for showcasing products, photography, testimonials, or creating engaging storytelling features. This powerful tool offers five unique transition types and customizable playback controls to elevate your site's visual impact.
Getting Started with Section Slider
To use the Section Slider tool:
- Navigate to any section on your Squarespace page where you want to create a slider
- Open the SquareKicker Extension and locate the Section Slider tool, under the Advanced tab
- Enable the tool by toggling it on
- Select how many consecutive sections you want to include in your slider (minimum of 2 sections)
- Choose a slide transition and adjust the settings to suit your content
The tool will automatically group the selected sections together and convert them into an interactive slider.
Choosing Your Transition Type
The Section Slider offers five distinct transition types:
Slide: The classic horizontal slide transition, perfect for text-heavy content with smooth, predictable movement between sections. You can customize how many slides display per view, with up to four sections displaying at once. This automatically adjusts the width of each section.
Fade: Creates elegant transitions that dissolve between sections, ideal for photography or product displays.
Parallax: Adds sophisticated depth with layered movements as sections transition, creating a premium, modern feel.
Peekaboo: Use the slider to set a custom width that reveals part of the next section, building anticipation and visual interest. Great for testimonials.
Scroll: Enables continuous automatic movement, perfect for showcasing multiple items or creating eye-catching banners. Ideal for displaying sponsors, awards, or portfolio items. Set the scroll speed with a slider.
Configuring Playback Controls
To customize the Section Slider further, there are a range of playback controls to create a unique experience for your visitors: set Autoplay, Pagination, Navigation, and Loop.
Autoplay Settings
- Enable autoplay to make sections transition automatically
- Adjust transition speed from slow (cinematic effect) to fast
- Set autoplay delay to control how long each slide displays
- Choose direction - slides can move left or right
Manual Navigation
- Navigation arrows - Add next/previous buttons for visitor control
- Pagination - Provides a visual map of progress through content
- Choose dots for a minimalist look
- Or numbers for additional clarity
- Loop - Enables continuous movement without an obvious starting position. If this is combined with a manual navigation option, it will encourage your site visitor to continue engaging with the content as it loops around.
Note: Pagination appears at the bottom of the section, and colors are based on your section theme.
Device Visibility Settings
The Section Slider includes device-specific visibility controls:
- Access visibility settings at the bottom of the Section Slider interface
- Choose which devices should display the slider sections
- Note: This tool is not compatible with the Visibility tool for individual sections in the slider, but you can control visibility for the entire slider.
Editing Tips for Section Slider
Navigating in Edit Mode
- Use arrow keys to navigate between sections when editing content within an active slider
- Click on any section included in the slider and open the Extension to quickly access the Section Slider settings (the settings are controlled from the primary or leading section but you will be taken there automatically if you open the tool on a different section in the slider).
Content Editing
- All sections within the slider remain fully editable
- You can continue to customize content and modify styling for individual sections
- Changes to individual sections will be preserved within the slider format
Try Section Slider on Your Squarespace Site
- Product showcases and catalogs
- Photography portfolios and galleries
- Customer testimonials and reviews
- Promotional banners and announcements
- Sponsor or partner displays
- Award and achievement showcases