Before After Slider for WooCommerce – eBEAF


The easiest and best Before After Image Slider & Gallery for WooCommerce

eBEAF is the Ultimate Before After WooCommerce Plugin with which you can easily create beautiful Before After Image comparison Slider or Gallery for WooCommerce.

👉 Official Demo Link: BEAF Live Preview
👉 Documentation: Video Guide
👉 Join Our FB Community: BEAF Facebook Group

Theme Compatibility

This plugin should work with any WooCommerce based WordPress theme if it’s developed following the WooCommerce coding standard. But if your theme completely restructured the Single Product page, then you need to do little bit of custom coding in order to make this plugin work. Please contact our support if you are facing such issues. We would be happy to assist. For now, we have tested the plugin with the following popular themes:

  • Astra
  • Storefront
  • Divi
  • Avada
  • Porto
  • WoodMart
  • GeneratePress

How it works

The plugin works on “Single Product Page” only and you can add 1 Slider per product. We are working on a Pro Version where you can add “Unlimited Slider” per product. Plus, you will be able to show the slider on Shop/Category/archive pages. Please contact our support to know about the release date.

Looking for a WooCommerce Before and After Slider & Gallery Plugin? Want to show comparison of two images on your WooCommerce Store?

eBEAF let’s you add Before After Slider & Gallery in WooCommerce Single Product page. eBEAF also comes up with premium high-quality features that will help you showcase your product in a better way than others.

Demo Link

Check out the demo to see it in action!

With this Before and After WordPress plugin, You can showcase your before and after product by comparing two before and after images and add it on Single Product page of your WooCommerce Store.

Want to know all the latest news and be a part of the BEAF community? Join our Facebook Community group!


Here are the most important features of Before After for WooCommerce:

Multiple layout

Display Sliders in Horizontal or Vertical layout.

Before – After on Single Product Page

The Slider will be shown on the Single Product Page

Label Change

You can easily change the Label of Before-After to something you want from the Option panel.

On Scroll Slide

Slider will move/compare two images while scrolling the page. You can disable/enable it any time.

Label Color Change

You can easily change the color and background of each Label.

Easy-to-use Option Panel

It has built in easy-to-use option panel. You can add or remove any options from this panel.

More Features

  • Responsive and Touch Compatibility : It is fully responsive and also supports touch on mobile devices.

  • Awesome UI: Easy and clean user interface

  • Lightweight: The plugin is so lightweight that it won’t impact much on your speed.

  • Speed optimized: Compatible with any lazy load plugins. It also works with WEBP images.

  • SEO Friendly: Support WP Image alt as image alt and title.


We provide full support on the forums. You can also post questions or bug reports through our Facebook group or our website. However, please note that, for free version’s support/replies, there can be delays upto 24-48 hours.

Privacy Policy :

This plugin doesn’t collect/store any user related information.


This Plugin is based on the famous TwentyTwenty script that developed by Zurb team.

Our Other Plugins


  • Options Panel
  • Frontend Demo


  1. Download and unzip the plugin. Upload the unzipped folder to the wp-contents/plugins folder of your WordPress installation.
  2. Active the plugin from the WordPress Plugins administration page.
  3. OR, Go to WP admin panel, click ‘Plugins’ -> ‘Add new’. In the search input box, type ‘Before After for WooCommerce’.
  4. Install and activate the plugin.


What is Twenty Twenty Script?

TwentyTwenty is a script developed by Zurb team. If you want to highlight the differences between two images then this script is the best to use. TwentyTwenty, a visual diff tool, makes it easy to spot them! As per their description, it works by combining two images on top of each other.

What is Before After Image?

Image Before & After means comparing multiple images before and after situation. You can showcase how an image was before and how it is now. For example, in case of dental patient, a doctor can showcase how the patient’s teeth was before and how it is now after the treatment. More procisely, showing dental before after image.

What is eBEAF?

eBEAF is a WordPress plugin to create WooCommerce Before After Slider. Want to show comparison of two images? This plugin helps you to easily create before and after image sliders or image gallery and add it on your WooCommerce based store.

What is Before After for WooCommerce?

Want to show comparison of two images on your WooCommerce Single Product Page? This is the plugin you need. You can easily create before and after image slider for WooCommerce and add it on your single product page.

How to create a before and after slider in WooCommerce?

If you want to create a slider to show before and after in WooCommerce, please install this plugin.

How to install eBEAF?

See the installation tab.

Is Free version fully free or there is a gap?

Yes, eBEAF is fully free which is available on This free version will always be free. It also has a pro version (in development) with additional features which you can purchase from our official website.

Is free version supported?

Yes, We provide full support on the forums. You can also post questions or bug reports through our Facebook group! or our website. However, please note that, for free version’s support/replies, there can be delays upto 24-48 hours. So, if you need urgent support, we recommend purchasing Pro Version.


November 7, 2021
I have been using their BEAF Plugin for a long time and this one also looks promising! Installed it on my WooCommerce Store and works great.
Read all 1 review

Contributors & Developers

“Before After Slider for WooCommerce – eBEAF” is open source software. The following people have contributed to this plugin.



1.0.9 – 14/08/2022

  • Mobile touch issue fixed
  • On scroll slider feature added
  • Performance Optimized
  • Fixed some javascript issues(updated to the latest)

1.0.8 – 10/07/2022

  • Compatibility Check with WordPress 6.0
  • Compatibility Check with WooCommerce 6.6.1

1.0.7 – 22/02/2022

  • Compatibility Check with WordPress 5.9

1.0.6 – 02/1/2022

  • Minor Bug Fixing

1.0.5 – 18/12/2021

  • Compatibility Check with WooCommerce 6.0.0

1.0.4 – 28/11/2021

  • Removed Unused Codes

1.0.3 – 25/11/2021

  • Updated Options Panel
  • Fixed Before After Slider issue
  • Updated PHP and JS Codes

1.0.2 – 07/11/2021

  • Changed Options Panel
  • Fixed WooCommerce Single Product Shortcode issue

1.0.1 – 03/11/2021

  • Minor Glitch Fixing

1.0.0 – 02/11/2021

Initial stable release