Are you tired of scrolling through endless before and after photos on social media? Do you want to create a more dynamic way to showcase your transformations or renovations? Look no further than the Before and After Image Slider feature in Squarespace 7.1! With its sleek design and user-friendly interface, this tool allows you to effortlessly display your progress in a visually stunning format. In this blog post, we’ll explore how to use this exciting new feature to elevate your website game and impress your audience. Get ready for some serious slider envy!

What is Squarespace?

Squarespace is a software as a service (SaaS) platform that enables users to create and manage websites. It offers users a customizable platform with pre-designed templates, drag-and-drop tools, and 24/7 customer support. Squarespace is known for its simple and elegant design, which has made it a popular choice for businesses of all sizes.

The before and after image slider

Before and after image sliders are a popular way to showcase before and after photos on Squarespace. There are many different ways to set up a before and after image slider, but in this blog post we’ll show you how to set up a simple before and after image slider using the Slider Block.

  • First, create a new page or edit an existing one. Then, add a Slider Block to the page. In the Slider Settings, select “Before and After” from the Layout drop-down menu.
  • Next, upload your before and after photos. For each photo, you can add a caption and link. If you want the slider to automatically rotate through the photos, select “Auto-Play” from the Playback drop-down menu.
  • Once you’ve added all of your photos, hit publish and your before and after image slider will be live on your site!

How to use the slider

Assuming you have already installed the Before and After Image Slider on your Squarespace site, here are instructions on how to use it.

After installing the slider, you will see two new options in the main navigation menu: “Slides” and “Settings”. The Slides option is where you will create new slideshows and add images. The Settings option is where you can adjust global settings for the slider, such as size, color, and transition type.

To create a new slideshow, hover over the “Slides” option in the main navigation menu and click “Add Slide Show”. Enter a name for your slideshow and click “Create Slide Show”.

Once you have created a slideshow, hover over the name of the slideshow in the main navigation menu and click “Add Images”. Choose up to 10 images that you would like to include in your slideshow. You can upload new images or select from existing ones.

After adding images to your slideshow, hover over the name of the slideshow in the main navigation menu and click “Settings”. Here you can adjust various settings for your slideshow, including size, color, transition type, etc. Once you are finished making changes, click “Save Settings”.

Pros and cons of Squarespace

There are many website builder platforms on the market today, but Squarespace is one of the most popular. Here we will take a look at the pros and cons of using Squarespace to build your website.


  • Squarespace is very user-friendly and easy to use, even for those with no prior experience in website design or development.
  • The platform offers a wide range of templates and designs that can be customized to suit your specific needs and preferences.
  • Squarespace websites are responsive and look great on all devices, from desktop computers to tablets and smartphones.
  • The platform offers a wide range of features and integrations, including e-commerce capabilities, social media integration, and more.


  • While Squarespace is easy to use, it is not as flexible as some of the other website builder platforms on the market. This can make it more difficult to achieve certain design objectives.
  • Squarespace can be more expensive than some of the other website builder platforms, depending on the plan you choose and the features you require.


Squarespace 7.1 is a great way to showcase before and after images with its image slider feature. This powerful tool can be used in any website template, allowing you to easily show the results of your services or products to potential customers. Not only that, but it’s easy to customize as well, allowing you to make sure the look of your website perfectly reflects your brand identity. So if you’re looking for an effective way to showcase before-and-after images on Squarespace 7.1, then this article has provided everything you need!

Categorized in: