squarespell

Listing checked checked Aug 2026 How verification works We checked the creator, the product page, the platform and the pricing. We have not installed it ourselves.

Before and After Slider

By Elfsight , see everything Elfsight publishes Squarespace

Shape Before and After Slider widget on your Squarespace website. Test free Elfsight demo and design your Comparison Slider in just several seconds.

What it does

As Elfsight describe it on their own product page.

  • Insert captions with text formatting options to each photo

  • Two layouts: List and Carousel

  • Horizontal or vertical direction of the divider

  • Click and drag or simply hovering to move the divider

  • Swipe on touch devices

Getting it on your site

How it goes on a Squarespace page

Just follow the instructions below to integrate the tool.

  • Open our free configurator and start forming your own plugin. Determine the custom form and characteristics of the plugin and save the corrections.
  • Get your unique code popping up in the special form on Elfsight Apps Right after the generation of your plugin is done, copy the personal code from the emerged popup and save it for further need.
  • Start using the tool on your Squarespace homepage Place the code copied before in your website and apply the improvements.
  • The Setup is fully performed Go your page to see in action how’s the widget running.
  • If you encounter inquiries or confront some obstacles, do not be afraid to reach out to our customer service staff. Our people will be happy to resolve all the difficulties you may have on the widget.

Evidence

Customer reviews & feedback

No Squarespell customer reviews yet.

Squarespell reviews

Nobody has reviewed this here yet. Be the first, we only publish reviews left on Squarespell in this section.

FAQ

Answers from Elfsight

Published by the creator on their own product page.

These are Elfsight’s answers: read them on their page

Is Before and After compatible with Squarespace 7.0 and 7.1?

Elfsight works on all Squarespace versions, including classic 7.0 and the latest 7.1 with Fluid Engine, and it integrates smoothly with any template.

Which Squarespace plans support adding the Before and After plugin?

You’ll need a plan that allows custom code. Squarespace’s Business or higher plans are required for embedding JavaScript plugins – Personal/Basic plans don’t support code blocks or header/footer injections for scripts.

Does the Slider support vertical and horizontal dividers?

Yes, both vertical and horizontal divider directions are supported, allowing you to choose the best orientation for your Squarespace layout.

How can visitors interact with the divider in the slider?

The plugin supports Drag and Click, as well as Hover interaction modes, letting Squarespace visitors move the divider easily.

Can I add clickable links inside image captions?

Yes, captions support links, allowing you to redirect visitors to product pages, services, or case studies on your Squarespace website.

Can I adjust the initial divider position?

Yes, the Elfsight Before and After Slider plugin lets you set the default divider position, controlling how much of the before or after image appears first.

What image formats are recommended for best performance?

The plugin works best with optimized JPG or PNG images, following Elfsight’s size and resolution guidelines for Squarespace pages.

Does Elfsight compress or optimize uploaded images?

No, images are displayed exactly as uploaded, so optimization should be done before adding them to the plugin.

Can I use the Before and After Slider for mockups or designs?

Yes, the plugin supports any paired images, making it suitable for renders, mockups, design revisions, and visual comparisons.

Can I compare more than two images in one slide?

No, each slide compares two images only, so showing multi-stage progress requires adding several slides in sequence.

Is it possible to lock the divider position?

No, the slider is designed for interactive comparison, so the divider remains movable for a better user experience.

Also from Elfsight

More plugins to power your Squarespace site

Browse more plugins