Elementor widgets / Before After Slider
Free widget Elementor
Before After Slider widget for Elementor
Compare two images with a draggable handle, free in Elementor.
An Advanced Image Comparison Slider for Elementor With Multiple Layouts
Show two images in one frame and let visitors compare them. Use a horizontal or vertical layout, whichever suits the images.
2orientations
2ways to move the handle
Freeno paid plan needed
Anylabel text you like
Move Slider on Hover or Click With Ease
Choose how visitors control the slider.
Move on hover
The handle follows the mouse as it moves over the image.
Move on click
The handle moves to the point where a visitor clicks.
Handle offset
Set where the handle starts.
Use Custom Labels on the Slider for Clarity
Labels tell visitors which image is which.
- Write any text, not only Before and After
- Show labels all the time
- Or show them only on hover
More Customization Options Available for an Enhanced Look and Working
Finish the look to match your page.
Label typography
Style the label text.
Handle
Adjust the handle colour and position.
Overlay on hover
Add an overlay when someone hovers.
Free
Get the Before After Slider Widget
The Before After Slider widget comes with WPMozo Addons for Elementor, alongside 84 other widgets.
Related widgets
Image Magnifier
Free
A zoom effect for looking at image details.
Masonry Gallery
Free
A photo gallery in a masonry layout.
Tilt Image
Free
Images with a tilt effect.