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

Before and After
Slider for website

  Before and After <br>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 305,165 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

Why Elfsight widget of all others?

We will empower you with a wide selection of options. From now on you won’t have to bother about your entire website functioning. Our cloud tools are equipped with a wide range of options you may use the way you need. And if you come across any sticking points, our strong customer support team is always here to aid!
Handy live editor
Interactive user-friendly board
Making use of Elfsight user-friendly dashboard you’ll be capable of building and integrating any plugin into your website easily! No need to hire an experienced developer or learn coding.
Professional Elfsight team
Team you can count on
Unproblematic integration and constant communication with our qualified team will provide your delightful experience
Marvelous Elfsight Apps service
Marvelous Elfsight Apps service
Cloud solutions ensure impressive loading speed and instant bug improvements. You ’ll receive the most recent constant release exclusively of the hardware you use.

What our customers say ❤️

Mathias Gwadanican
Mathias Gwadanican
Partner, Sinouvé SCOP
I really liked this app. I will continue using it and I will install it also on my following websites. Integration is quick and the support team will do everything and even more to help you.
Mark Harper
Mark Harper
Brand strategist
Cool Before and After Slider widget – Easy to install and stuffed full of the very useful interface and admin options. The customer service team is fantastic and whenever I have queries or troubles they are always following up.
Theodoros Kakoulidis
Theodoros Kakoulidis
CEO, PureProductsTrade
Top-quality plugin. I use it exactly the way I wish it on my site. Customer service is brilliant and fast.
Michael Smith
Michael Smith
Excellent customer service! We needed some personalization and they fully took care of it. And it looks nice on our website! Highly recommended!
Brian Colin
Brian Colin
Very good work guys! Understandable settings, simple design and not an issue with page speed or SEO. Thank you for that.
Tom Michaelson
Tom Michaelson
I do web design and this brilliant Comparison Slider is a part of most of my websites. I am amazed by the help, added features and various design customization.

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

How many slides can I create?
You can create any number of slides, Elfsight Comparison Slider doesn’t limit this.
Does the widget support vertical orientation?
Sure, our widget allows you to change the orientation of the divider and choose the image ratio for an even better look.
How to add Before and After Photo Slider to website?

Make the steps of this embedding guideline or give a shout to Elfsight Support for free-of-charge help.

  1. Open the Elfsight editor and start creating your own widget there, changing the options.
  2. As soon as the widget has been designed, push Save. You will get your setup code. Save it Don’t hesitate to send your email.

  3. Choose the area where you want to add your comparison widget and put the copied code into the HTML code of the selected page or template.
  4. Ready!
Is there a recommended photo size?
Feel free to upload photos of diverse resolutions. Our only recommendation is to avoid files bigger than 500 Mb, because they can slow down the page loading.
Is Elfsight Before and After Slider mobile friendly?
Our widget works and looks perfect on any device from desktop to smartphone. More to that, it automatically adapts the proportions and allows for swiping on touch devices.
Is it compatible with my platform?
Our widget is compatible with all the most popular website platforms and can be added to any of them in seconds. Check your platform in the list below: 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

Join 305,165 customers already using Elfsight Apps

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