Before and After Slider for Shopify

Compare before-and-after visual changes on your Shopify website to show transformations, illustrate progress, and present clear, impactful results.
4.8 rating
10,000+ reviews
Free plan available
Create Widget for Free
No credit card needed
Before and After Slider for Shopify

Create your Before and After Slider app

Configure your Before and After Slider and add it to your Shopify website for free!

Screenshots

Before and After Slider for Shopify
1 / 6

Embed Before and After Slider on Shopify with the Elfsight widget

Before and After Slider by Elfsight allows you create amazing promoting images for your website. Visitors can explore all the changes that your goods or services bring. Merely upload before and after photos to Before and After Slider for Shopify and they will be demonstrated with a divider that is movable to spot the difference. You can add unlimited slides, each with its own caption. The divider orientation can be horizontal or vertical, and you can select the best image ratio. Your visitors will can’t but buy, when they explore the real efficiency| of your offers!

Make your website more efficient for e-commerce objectives with the help of photos of before and after

The central widget features offer

  • Shape unlimited Before and After pairs of photos
  • Create captions with text formatting settings to each picture
  • Two ready-to-use layouts: List and Carousel
  • Horizontal or vertical moving of the divider
  • Click and drag or simply hovering to shift the divider
  • Swipe on touch screens

You can check if the widget is for you with the help of the demo

How do I embed Before and After Slider to my Shopify?

Just take the steps given below to start working with the widget.

  1. Employ our free configurator and start creating your custom-made app.
    Pick the desirable look and options of the app and save all the modifications.
  2. Receive your personal code revealed in the special form on Elfsight Apps.
    When the creation of your personal app is finished, copy the exclusive code from the emerged popup and keep it for future use.
  3. Initiate employment of the app on Shopify web page.
    Insert the code saved before into your website and apply the corrections.
  4. The setup is successfully ended.
    Go your website to view the work of the app.

On condition of confronting questions or faced some problems, please reach out to our customer service team. Our specialists will be delighted to resolve all the issues you might have on the widget.

Is the Before and After Slider app compatible with Shopify themes?

Absolutely. The app works with modern Shopify themes, including Online Store 2.0, and adapts automatically to your store layout.

Can I switch between vertical and horizontal layouts?

Yes, you can select either a vertical or horizontal divider direction to best fit your Shopify page design and comparison needs.

How do customers interact with the comparison divider?

Visitors can drag the divider to reveal differences between images, or you can enable hover mode so the split moves with the cursor.

Can I insert clickable links into captions on Shopify?

Yes, captions support links, allowing you to guide shoppers to product pages, services, or detailed case studies directly from the slider.

Can I define the starting divider position?

You can preset the initial split level in the app settings, determining how much of the “before” or “after” image is visible on page load.

Which image formats are recommended for Shopify?

Optimized JPG or PNG files are recommended for smooth performance. Following proper image size and resolution guidelines helps ensure fast loading on your store.

Can I use the slider for mockups or product transformations?

Yes, Efsight works with any pair of images, making it suitable for product upgrades, design revisions, mockups, or visual comparisons.

Can I compare more than two images in one slider?

Each slide supports a two-image comparison. To showcase multiple stages, you can add several slides within the same app.

Is it possible to lock the divider in a fixed position?

The Before and After Slider is built for interactive comparisons, so the divider remains adjustable and cannot be permanently locked.

Pricing

14-day money back guarantee. Risk-free, you can cancel at anytime.
Elfsight Apps
Cross-platform version that works on any website
from $0 / month
start with free plan
Unlimited websites
Premium support
Free installation service
Special offer for multiple apps
Shopify App
Works on any Shopify website
$5.99 / month
Free Trial
1 website
Premium support
Free installation service