Showcasing how your offers work through photos comparison
Responsive Easy-to-use Coding-free  

Before and After
Slider for website

Why do I need Elfsight Before and After Image Slider?

Prove the benefit. Increase sales.

Boost sales through convincing images

Share the brilliant results your products or services bring to make users eager to have the same and increase sales

Prove your offers are good value for money

Showing the tremendous change, you make users sure your offers really work and increase their value

Increase the level of engagement

Wow content will keep users’ interest and ability to interact will increase the engagement level
websites support
hours of development invested
1 min
to start using the widget
customer satisfaction rate

Join 1,078,753 customers already using Elfsight Apps

You can start with creating your first Elfsight Before and After Photo Slider for free.

What makes Elfsight Before and After Slider special?

The most assertive way to showcase your offers
The most assertive way to showcase your offers
Amaze your visitors with the power of change you hold. Visualizing the positive effect of your offers is the best way to make users eager to buy. You can show unlimited sets of “before and after” photos with captions, describing the process or the result and labels for better customization. Create your impeccable portfolio, which will tell more about your skills.  
Versatile layout options for perfect positioning
Organize your showcasing the way it’s maximum beneficial and ergonomic. The widget offers two layouts: for vertical representation and for sliding. You can select the most appropriate image ration to deliver all the details. And with any layout, the width of the whole widget is flexible - set it in pixels to adapt to your space requirements  
Versatile layout options for perfect positioning
Immersive representing for WOW effect
Immersive representing for WOW effect
Fullscreen mode of Image Сomparison Slider widget will help users grasp the whole picture. It opens your sets of photos full screen to reveal all the details and allows for handy watching. Users will have no other choice but to get engaged and keep watching up to the last photo of your portfolio.   
Comprehensive design settings for personalized interface
Create the Before After widget exactly as you imagined. We have thought about every design detail that matters and made the interface absolutely flexible. Change the sliding direction, choose the type and size of the divider, and select the colors of the most important widget elements. You can even set the divider to move on mouse hover for even better user comfort.   
Comprehensive design settings for personalized interface
Usage examples
See a selection of real examples to explore the full potential of Before and After Image Slider for your website.
See in action
Live demo
Try all the features of Before and After Slider in live demo now. No fees. No registration. No coding.
Try now

Try Before and After Slider widget demo

You can customize the comparison widget in a couple of clicks and add it to your website right from the demo.

Frequently Asked Questions

What is a Comparison Slider?

It’s a widget that is used to demonstrate at once the changes that your products or service can bring. You can upload two photos and they will appear with a divider which can be moved so that users could see the difference.

How can I acquire the widget’s code for installation?

You are free to obtain the code right after shaping the app via the active demo or forwardly in the Elfsight admin board after registration.

How to add Before and After slider to my website?

To implement our widget, read all the points from the uncomplicated tutorial:

  1. Go to Elfsight configurator and start creating your custom app.
  2. Edit the plugin features and click to save the modifications.
  3. Acquire your unique code shown in the notification.
  4. Insert the app code on your page and click to save.
  5. You’ve successfully integrated an Elfsight app on your site.

Encountered any issues during the setup? Don’t hesitate to reach out our support team and we’ll be delighted to help.

Is it interoperable with my website builder or CMS?

Sure. Elfsight plugins are adaptable with any popular website builders. Find yours in the list: Adobe Muse, BigCommerce, Blogger, Drupal, Joomla, jQuery, iFrame, Magento, Facebook Page,Elementor, HTML, ModX, OpenCart, Shopify, Squarespace, Webflow, Webnode, Weebly, Wix, WordPress, WooCommerce, Google Sites, GoDaddy, Jimdo, PrestaShop.

Best way to use the Before and After widget on your website

One of the best ways to use our responsive slider is to show all spectacular metamorphosis of photos after retouch with the help of the vertical sliding.

How many slides can I create with the help of your image comparison slider?

There’s no limitations in terms of slides number - you are free to create as many as you need to represent your progress.

Can I adjust the photo size?

In case you wish to perform modifications to the plugin or attach sources, you are free to do this right via the admin board. Make all the alterations, click save and they will be automatically applied to your site. Supposing it doesn’t work out, address our Support Department.

Join 1,078,753 customers already using Elfsight Apps

Get the taste of 80+ powerful apps by Elfsight. No credit card. Joining is free!
Get started
Get 20% discount now!