Before After Slider for WooCommerce – eBEAF


The easiest and best Before After Image Slider for WooCommerce

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

👉 Official Demo Link: eBEAF Live Preview
👉 eBEAF Pro Version: Check Pro
👉 Documentation: Written Installation Guide
👉 Video Guide: Complete Step by Step Guide
👉 Join Our FB Community: eBEAF 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.

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

eBEAF let’s you add Before After Slider 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:

  • Horizontal or Vertical layout
  • Alt tag on each images for Better SEO
  • Label Color and background Change
  • Disable Overlay
  • On Scroll Slider
  • Mouse Hover Options
  • Easy-to-use option panel
  • 10 Preview Styles (Pro)
  • Single Image Slider (Pro)
  • Auto Slider (Pro)
  • Disable slider handle (Pro)

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.

Pro Version

We believe the free version is good enough for most business. However, we have a Pro version of this plugin which has more advanced features including 10 Awesome looking Preview Styles, Before-After with Single Image, Auto Slide and many more.

Check eBEAF Pro

Video Tutorials:

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


Here are the most important features of eBEAF. If you need any further information, please feel free to contact us. Below are the best offerings of eBEAF:

Multiple layout

Display Sliders in Horizontal or Vertical layout.

Label Change

You can easily change the Label of Before-After to something you want from eBEAF’s Option panel. Click here for a quick preview.

Label Color Change

You can easily change the color and background of each Label. Click here for a quick preview.

Disable Overlay

You can disable the overlay from the options Panel. Click here for a quick preview.

Mouse Hover

You can move slider on Mouse hover. Click here for a quick preview.

On Scroll Slider

Slider will slide on Scroll (based on User Scrolling).

Before After Image Alt tag

You can add Alt tag on each images for Better SEO.

Easy-to-use Option Panel

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

More Features

  • Support popular page builders: eBEAF is fully compatible with popular page builders like Elementor, WP Bakery, DIVI, Beaver etc. See the list below.

  • Responsive and Touch Compatibility : eBEAF 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.

  • Flexible Image — You can use any image size.

Pro Features

You will get more features and advantages on the pro version. Here are few feature of the Pro Version:

  • 10 Preview Styles
  • Single Image Slider
  • Auto Slider
  • Change Read More text
  • Disable slider handle

All Free Features

The Pro version includes all the features of the Free version (as described above). Plus:

10 Preview Styles

The Pro version includes 10 Additional Awesome looking Preview Styles. Click here for a quick preview.

Single Image Slider

Create Before After slider using a single image. The Single image has filter effects like Grayscale, Blur, Saturate, Sepia etc. The filter can be added on Before or After image.

Auto Slider

Slider will slide automatically. Options to add Pause on hover. Click here for a quick preview.

Disable slider handle

You can easily disable slider handle.

View Pro Version

Premium Support

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.

Privacy Policy :

Before After Slider for WooCommerce – eBEAF uses Appsero SDK to collect some telemetry data upon user’s confirmation. This helps us to troubleshoot problems faster & make product improvements.

Appsero SDK does not gather any data by default. The SDK only starts gathering basic telemetry data when a user allows it via the admin notice. We collect the data to ensure a great user experience for all our users.

Integrating Appsero SDK DOES NOT IMMEDIATELY start gathering data, without confirmation from users in any case.

Learn more about how Appsero collects and uses this data.


eBEAF is based on the famous TwentyTwenty script that developed by Zurb team. Our icon is taken from Iconfinder.

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 ‘eBEAF’.
  4. Install and activate the plugin.
  5. You can also check this step by step Youtube Video.

سوالات متداول

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 WooCommerce based plugin to create WordPress Before After Slider in WooCommerce. Want to show comparison of two images? This plugin helps you to easily create before and after image sliders.

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 check this <a href=””” target=”_blank”>video. In this video, you will have idea how to add a before & after images comparison slider in your WooCommerce Store.

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 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.

نقد و بررسی‌ها

9 نوامبر 2022 1 پاسخ
Love this plugin, it works really well! I also have to say, the support was incredibly helpful and is very interested in perfecting the plugin! Thanks!
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.
خواندن تمامی 4 نقد و بررسی‌

توسعه دهندگان و همکاران

“Before After Slider for WooCommerce – eBEAF” نرم افزار متن باز است. افراد زیر در این افزونه مشارکت کرده‌اند.

مشارکت کنندگان

ترجمه “Before After Slider for WooCommerce – eBEAF” به زبان شما.

علاقه‌ مند به توسعه هستید؟

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

گزارش تغییرات

1.2.2 – 19/12/2023

  • Compatibility: Compatible with WooCommerce 8.4
  • Fixed: Mintor Bug Fixing

1.2.1 – 16/11/2023

  • Compatibility: Compatible with WordPress 6.4
  • Compatibility: Compatible with WooCommerce 8.2.2
  • Fixed: High-Performance Order Storage issue for Woocommerce
  • Notice: Black Friday Announcements

1.2.0 – 09/08/2023

  • Compatibility check with WordPress 6.3
  • Compatibility check with WooCommerce 8.0.0
  • Minor JS fixing

1.1.20 – 17/05/2023

  • Compatibility check with WordPress 6.2.1
  • Compatibility check with WooCommerce 7.7.0
  • Minor Bug fixing

1.1.19 – 31/03/2023

  • Compatibility check with WordPress 6.2
  • Optimized Code
  • Fixed JS

1.1.18 – 29/03/2023

  • Updated: Appsero update
  • Compatibility check with Woocommerce 7.5.1

1.1.17 – 26/02/2023

  • Fixed: Design issue
  • Compatibility check with Woocommerce 7.4.0

1.1.16 – 18/01/2023

  • Added: Review admin notice
  • Compatibility check with Woocommerce 7.3.0

1.1.15 – 10/01/2023

  • Fixed: Responsive issue fixed
  • Improved: Before After Slider

1.1.14 – 26/12/2022

  • Fixed: Animation issue
  • Compatibility check with Woocommerce 7.2.2

1.1.13 – 20/12/2022

  • Fixed: Frontend Issue
  • Compatibility check with Woocommerce 7.2.1

1.1.12 – 14/12/2022

  • Updated minor fixing in fullscreen
  • Compatibility check with Woocommerce 7.2.0

1.1.11 – 08/12/2022

  • Fixed slider Animation issue
  • Compatibility check with Woocommerce 7.1.1

1.1.10 – 28/11/2022

  • Improved: CSS/JS Code
  • Fixed: Css issue

1.1.9 – 20/11/2022

  • Added: Appsero integration
  • Fixed: Compatibility check with WordPress 6.1.1

1.1.8 – 10/11/2022

  • Updated: Compatibility Check with WooCommerce 7.1.0
  • Improved: CSS/JS Code
  • Fixed: Css issue

1.1.7 – 03/11/2022

  • Updated: Compatibility Check with WordPress 6.1
  • Improved: Compatibility Check with WooCommerce 7.0.1
  • Improved: CSS/JS Code

1.1.6 – 27/10/2022

  • Fixed: Minor Bug Fixing
  • Fixed: Frontend Issue Fixing

1.1.5 – 20/10/2022

  • Improved: CSS/JS Code
  • Improved: Compatibility Check with WordPress 6.0.3
  • Improved: Compatibility Check with WooCommerce 7.0.0

1.1.4 – 10/10/2022

  • Fixed CSS in fullscreen
  • Compatibility Check with WordPress 6.0.2
  • Compatibility Check with WooCommerce 6.9.4

1.1.3 – 08/09/2022

  • WP org icon changed
  • WooCommerce notice added

1.1.2 – 02/09/2022

  • Fixed URL on Plugin Files
  • Compatibility Check with WordPress 6.0.2

1.1.1 – 30/08/2022

  • Documentation link added in sidebar menu
  • Fixed minor issues

1.1.0 – 25/08/2022

  • Full screen option panel (Only for Pro) added
  • Compatibility Check with WooCommerce 6.8.2

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