Before After Image Comparison Slider for WPBakery Page Builder


Before After Image Comparison Slider for WPBakery is an image comparison slider plugin for WPBakery Page Builder. This plugin allows you to create the effect for comparing two before and after images.

This plugin let you compare two before and after images with WPBakery Front-end Drag and Drop Builder.

You can add unlimited numbers of slider with this plugin. This plugin also works on the frontend editing mode and let you see the preview of how the slider looks on the website.

Upgrade to Pro!
HTML To WordPress Theme Conversion Service


  • Responsive and Touch Friendly -– It is fully responsive on any browser and Touch Friendly for mobile and touch devices.

  • Image Dimensions — You can use any image sizes used in your theme.

  • Custom CSS — Option to Override Default CSS and add your own style with Custom CSS

  • Front-end Editing — You can add new slider or edit existing sliders from the WPBakery Frontend Editing Mode

  • WebP Image Support — This plugin supports WebP Images. It is the only plugin which supports WebP Images. You can now use WebP Images to compare with this plugin

  • Unlimited Slider — There is no limitation on the number of slider. So, You can create unlimited number of slider .

Upgrade to Pro!

There is also a pro version of this plugin. You will get more features and advantages on the pro version.

Pro Features

Upgrade to Pro!

  • Two types of Orientation (Horizontal and Vertical)
  • Move with Mouse Click on Image
  • Customizable Default Slider Postion Offset
  • Customized Before/After Texts
  • Move with Mouse Hover
  • Change Image Size
  • Responsive and Touch Friendly
  • Cross Browser Compatible
  • Supported on all Modern New Browsers and Devices
  • Use Unlimited Sliders on Same Page
  • Global Custom CSS
  • Global Custom JS
  • All Free Features
  • Priority Support and Bug Fix

More Features are Coming Soon

Upgrade to Pro!

** We welcome your feedback and suggestions to improve the plugin! Please contact with us at for any kinds of Suggestion**


  • Admin Panel
  • Slider


This section describes how to install the plugin and get it working.

  1. Upload the plugin folder to the ’/wp-content/plugins/’ directory, or install the plugin through the WordPress plugins screen directly.
  2. Activate the plugin through the ’Plugins’ screen in WordPress
  3. Go to Visual Composer Editor, and looking for the addon under ”Web Builders Elements” category named as ”Before After Image Comparison Slider” and select it.
  4. Upload Two Images and set your desired image sizes and configure other options as you do on other elements.

Vanliga frågor

Slider Not Working After Update

Clear your browser cache and check again.

Frontend Editing Mode Not Working

Clear your browser cache and check again

Slider not Working After Updating to the latest version

Please clear your browser cache and if you are using any caching plugin then clear cache from WordPress Admin too and check again.


22 juni 2023
So hamstrung, as to not be worth using. Just use a fully functioning plugin and add the shortcode. This thing, is useless.
23 juni 2020 1 svar
This plugin works great, however the popup in the admin menu constantly bugging you to leave a review is THE WORST. Perhaps it will go away after this review, in which case I’ll change the rating to 5 stars. As far as doing the job, it does so admirably. The only thing to be aware of is the code itself is a little bloated because it’s actually wrapping a free plugin inside of it (Twenty20 Image Before-After) – The reason I went with the paid version is because they made it easier and faster to insert images and multiple sliders.
26 maj 2020
As this plugin continues to harass me for a review here is 1 star for you. Dont worry, tomorrow it will again take over the top of my wordpress backed and remind me again to review!!!!!! THIS IS NOT HOW YOU MAKE PEOPLE BUY YOUR PRODUCT! You have said many times that you have removed this constant harassment of ”LEAVE A REVIEW” but still HERE IT IS, no matter how many times you close it! Enjoy your one star seeing as you clearly WONT LISTEN TO YOUR REVIEWER TELLING YOU TO REMOVE IT!!
21 april 2020 1 svar
I have to resize all the photos manualy which is a nightmare. Also, it is not responsive. On deskop, it shows the photos super large so you have to scrol to actually see the full photo. I used before 20twenty and i did not have to do resize all the photos manualt if some was larger than another, it did it automatically… so its a bit annoying. didnt see any css by developer to change the size setting or anything either
Läs alla 19 betyg

Bidragsgivare och utvecklare

”Before After Image Comparison Slider for WPBakery Page Builder” är programvara med öppen källkod. Följande personer har bidragit till detta tillägg.

Bidragande personer


2.0.1 (02-16-24)

Tweak CSS

Tested with Latest WordPress Version

Tested with Latest WPBakery Version

2.0.0 (10-27-22)

Tested with Latest WordPress Version


Add Proper Event Binding on window load to compatible with Latest WordPress

Rename Lazy Loading JS Function name to avoid conflict


Make Compatible with WP 5.5


Add WebP Image Support

Update Promo Links


Permanently Hide the Review Banner After Clicking on the ”Already Reviewed” Button


Refactor Codes

Update Promo Links


Update Plugin Logo


Add Custom CSS Option

Add Support Page on Admin

Fix a JS issue

Introduced Pro Version


Set Review Transient to three month


Set Review Transient to one month


Fix Slider Element not found on visual Composer Element List

Add Frontend Editing Option

Add Plugin Deactivation Feedback


Fix Slider Adding Option not found on WPBakery version 6

Fix Slider not working on page load


Make the plugin Translation Ready

Add Review Link on Plugin Rows

Add Leave a Review Notice


Initial Release