Welcome, Hunter! 👋 Enjoy 50% OFF annual plans with code PRODUCTHUNT — limited time ⏳
50% OFF annual plans — code PRODUCTHUNT

Before and After Slider for Wix

Compare before-and-after visual changes on your Wix 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 Wix

Create your Before and After Slider app

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

Screenshots

Before and After Slider for Wix
1 / 6

Description

Before and After Slider by Elfsight enables you configure astonishing promoting pictures for your website. Clients will have a chance to discover all the effects that your products or services bring. Just upload two photos to Before and After Slider for Wix and they will be demonstrated with a divider which users can move to allow to compare. You can create unlimited slides, every one with its own caption. The divider orientation offers two options: horizontal or vertical, and you can select the most appropriate image ratio. Your users will be doomed to order, once they see the actual efficiency| of your offers!

With before – after slider, see solid business development and increase sales.

Here are essential features of the widget:

  • Add any amount of Before and After couples of pictures
  • Insert captions with text formatting to each picture
  • Two layouts: List and Carousel
  • Horizontal or vertical moving of the divider
  • Click and drag or simply hovering to shift the divider
  • Swipe on touch screen devices

Try all the customization options in the free editor

How to embed Before and After Slider on my Wix?

Simply take several steps presented below to activate the plugin.

  1. Applying our free configurator and start creating your customized plugin.
    Determine the selected interface and aspects of the plugin and apply the edits.
  2. Copy your unique code revealed in the widow on Elfsight Apps
    When the setting up of your plugin is complete, copy the exclusive code from the appearing box and keep it for later need.
  3. Initiate utilization of the plugin on your Wix web page
    Add the code saved recently into your page and apply the adjustments.
  4. The installation is successfully performed
    Visit your site to examine how’s the widget running.

On condition of dealing with questions or run against some complications, feel free to appeal to our support team. Our consultants will be delighted to resolve all the questions you might have on the plugin.

Do I need a Wix Premium plan to embed the Before and After Slider?

Wix’s Free plan doesn’t support any external code. You need a Premium plan to embed the app on your live Wix website.

Is Elfsight compatible with Wix Editor, Editor X, and Wix Studio?

Yes, the Before and After Slider app is fully compatible with the classic Wix Editor, Editor X, and the new Wix Studio. You can embed them easily in any version of Wix.

Does the Before and After Slider support vertical and horizontal dividers?

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

How can visitors interact with the divider in the slider?

The app supports Drag and Click, as well as Hover interaction modes, letting Wix 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 Wix website.

Can I adjust the initial divider position?

Yes, the Elfsight Before and After Slider app 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 app works best with optimized JPG or PNG images, following Elfsight’s size and resolution guidelines for Wix 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 app.

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

Yes, the app 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?

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

Pricing

14-day money back guarantee. Risk-free, you can cancel at anytime.
Elfsight Apps
Cross-platform version
from $0 / month
start with free plan
Unlimited domains
Professional customer support
Charge-free installation service
Special price for multiple apps
Fully customizable