Ultimate Before After Image Slider & Gallery – BEAF

Description

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

BEAF is the Ultimate Before After WordPress Plugin with which you can easily create beautiful Before After Image comparison Slider or Gallery.

👉 Official Demo Link: BEAF Live Preview
👉 BEAF Pro Version: Check Pro
👉 Documentation: Written Installation Guide
👉 Video Guide: Complete Step by Step Guide
👉 Join Our FB Community: BEAF Facebook Group

Looking for a WordPress Before and After Slider & Gallery Plugin? Want to show comparison of two images?

BEAF let’s you add unlimited numbers of Before After Slider & Gallery in WordPress. You heard it right, unlimited for FREE. BEAF also comes up with premium high-quality features that will help you showcase your portfolio 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 work by comparing two before and after images.

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 7 Awesome looking Preview Styles, Before-After with Single Image, Multi-Columns Filterable Gallery, Auto Slide, On Scroll Slide and many more.

Check BEAF Pro

Video Tutorials:

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

Before After for WooCommerce:

Do you need a before after slider for WooCommerce? Then check this plugin of ours here.

Features:

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

Multiple layout

Display Sliders in Horizontal or Vertical layout. Click here for a quick preview.

Before – After Gallery

Create 2 Columns, 3 Columns and 4 Columns Before After Gallery in WordPress with BEAF. Click here for a quick preview.

Titles, Description & Read More Button

You can add Title, Description & Read More button on all the above Preview Styles. Note that, from backend, you can show/hide any/all of the 3 fields (title, description & read more). You can also edit styles (color, font size, alignment) of all 3 fields as shown below. Click here for a quick preview.

Label Change

You can easily change the Label of Before-After to something you want from BEAF’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.

Easy-to-use Option Panel

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

Shortcode Generator

After your publish, a shortcode will generate so that you can publish the slider anywhere on your website.

More Features

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

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

  • Unlimited Slider: You can create unlimited number of slider

  • SEO Friendly: Support WP Image alt as image alt and title. Also, no custo

  • Live Preview: See the preview of the slider/gallery while editing

  • Widget Support: Add before-after through widgets.

  • Flexible Image — You can use any image size.

Supported Page Builders :

  • Elementor Page Builder: With our Elementor Addon, you can easily create before after elementor slider.
  • WP Bakery / Visual Composer: As we are shortcode based, you can easily create before after slider/gallery through WP Bakery / Visual Composer.
  • Divi Page Builder: As we are shortcode based, you can easily create before after slider/gallery through Divi Page Builder.
  • Beaver Builder: As we are shortcode based, you can easily create before after slider/gallery through Beaver Builder.
  • Gutenberg / WP Default Block Editor: As we are shortcode based, you can easily create before after slider/gallery through Gutenberg / WP Default Block Editor.

Pro Features

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

  • 8 Preview Styles
  • Filterable Before – After Gallery
  • Single Image Slider
  • Titles, Description & Read More Button on Single Image BEAF, Gallery and Filterable Gallery
  • Custom Width – Height – Alignment
  • Auto Slider
  • On Scroll 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:

8 Preview Styles

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

Filterable Before – After Gallery

Create 2 Columns, 3 Columns and 4 Columns Filterable Before After Gallery in WordPress with BEAF Pro. You can add as many 2-3-4 columns galleries as you want. The galleries can be combination of all the above mentioned Preview Styles & Single Image Styles. The color and padding of the filters can be edited from the options panel. 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.

Titles, Description & Read More Button on Single Image BEAF, Gallery and Filterable Gallery

You can add Title, Description & Read More button on Single Image Slider, Normal Gallery and Filterable Gallery.

Custom Width – Height – Alignment

Setup Custom Width – Height – Alignment for each slider. Click here for a quick preview.

Auto Slider

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

On Scroll Slider

Slider will slide on Scroll (based on User Scrolling). Click here for a quick preview.

Change Read More text

By default, the button is “Read More”. You can change it to whatever text you want.

Disable slider handle

You can easily disable slider handle.

Coming Soon on Pro

  • More Preview Styles
  • Customizable handle color and width
  • Customizable Background
  • Overlay Color (Normal Color and Linear/Radial Gradient)
  • Compare more than two images

View Pro Version

Premium Support

We provide full support on the WordPress.org 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 :

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

Credit:

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

Our Other Plugins

Screenshots

  • Multiple layout (Vertical & Horizontal Demo)
  • Gallery Generator
  • Gallery Preview
  • Change Before-After Label
  • Disable Overlay
  • Move Slider on Mouse Hover
  • Change Before-After Label Background and Color
  • Titles, Description & Read More Button
  • Unlimited Slider Creation
  • Shortcode Generator
  • Option Panel 1
  • Option Panel 2
  • Option Panel 3
  • Elementor Addon
  • Pro Features
  • Preview Style 1 & 2
  • Preview Style 3 & 4
  • Preview Style 5 & 6
  • Filterable Gallery
  • Single Image Slider 1
  • Single Image Slider 2
  • Custom Width – Height – Alignment
  • Auto Slide

Installation

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

FAQ

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 BEAF?

BEAF is a WordPress plugin to create WordPress 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.

How to create a before and after slider in WordPress?

If you want to create a slider to show before and after in WordPress, please check this video. In this video, you will have idea how to add a before & after images comparison slider in your WordPress Website.

Can we use BEAF for Elementor?

Yes, you can. Open your elementor editor, search BEAF, you will find our addon. Just add it, select the gallery, that’s it. You can also create elementor before and after slider using our Shortcode.

How to install BEAF?

See the installation tab.

Is Free version fully free or there is a gap?

Yes, BEAF is fully free which is available on WordPress.org. This free version will always be free. It also has a pro version with additional features which you can purchase from our official website.

Can I create before after gallery with BEAF?

Yes, with BEAF you can create multi-columns before after gallery.

How to create a filterable before after gallery in WordPress?

With BEAF Pro: , you can easily do it. Create 2 Columns, 3 Columns and 4 Columns Filterable Before After Gallery in WordPress with BEAF Pro. You can add as many 2-3-4 columns galleries as you want. The galleries can be combination of all the above mentioned Preview Styles & Single Image Styles. The color and padding of the filters can be edited from the options panel.

How to create a before and after slider in WooCommerce?

We have a separate plugin for that available here.

Is free version supported?

Yes, We provide full support on the WordPress.org 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.

Reviews

شتنبر 24, 2021
I was always looking for a plugin like this. This is very useful tool for me as a debunker. I can now present my work very simply and clearly. Thanks developer(s).
غشت 30, 2021
Works. But: - Needs a Gutenberg block - Not resizing properly from a small screen to large without reloading the page Thanks!
يوليوز 28, 2021
I purchased this a few weeks back and I absolutely love it! Its always nice to add before and after pictures to your site but even nicer when its easy. Super simple to use I only got stuck one time (user error, my fault) and support was on it. They got back to me quickly and no further issues. I would highly recommend.
يوليوز 1, 2021
I would like to thank the company Themefic for the great program Before after, for which they spend more of a month, they insisted and finally they have resolved the issue. Now I enjoy the most beatiful program ever.
Read all 16 reviews

Contributors & Developers

“Ultimate Before After Image Slider & Gallery – BEAF” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

3.4.10 – 10/11/2021

  • Additional bug fixes

3.4.9 – 10/11/2021

  • Additional bug fixes
  • Removed a notice

3.4.8 – 3/11/2021

  • Notice to connect with Before After for WooCommerce – eBEAF Plugin

3.4.7 – 24/10/2021

  • Fixed Minor Styling Issues.
  • Fixed issues on Option Panel

3.4.6 – 23/09/2021

  • Fixed Issue with the tab.

3.4.5 – 23/09/2021

  • Reverted to Old.

3.4.4 – 22/09/2021

  • Added Lazy load option
  • Slider Handle Color Customizer Added (Pro)
  • Slider overlay color feature added (Pro)
  • Show label outside of image (Pro)

3.4.3 – 20/09/2021

  • Fixed Minor Styling Issues.

3.4.2 – 13/09/2021

  • Added On Scroll Slider Option for Pro
  • Added a New Preview Style for Pro
  • Few minor fixing for Free & Pro

3.4.1 – 26/08/2021

  • Added Language Support.
  • Added Documentation Tab.

3.4.0 – 19/08/2021

  • Added Lazy Load Support.
  • Updated Licensing Issue for Pro.

3.3.9 – 15/08/2021

  • Fixed Minor Styling Issues.

3.3.8 – 25/07/2021

  • Check: WordPress 5.8 compatibility

3.3.7 – 19/07/2021

  • Fixed a conflict with Elementor sections.

3.3.6 – 05/07/2021

  • Fixed an Image Sizing conflict with WP Rocket.

3.3.5 – 02/07/2021

  • Fixed conflict with WoodMart Theme HTML shortcode generator box.

3.3.4 – 28/06/2021

  • Fixed Bug of Before – After Label Styling

3.3.3 – 25/06/2021

  • Fixed Minor Styling Issues.
  • Fixed Elementor Issues.
  • Added 1 New Preview Styles (Pro Version).

3.3.2 – 21/06/2021

  • Fixed Minor Styling Issues.
  • Added 2 New Preview Styles (Pro Version).

3.3.1 – 14/06/2021

  • Added title, description and Read more link option.
  • Added title, description and Read more style option.
  • Added Read More button editing option (Pro Version).

3.3.0 – 09/06/2021

  • Added a Widget called BEAF Slider to display the slider in the sidebar.
  • Fixed Slider Preview page.
  • Enabled Live Preview
  • Removed BEAF Custom Post Type URL Generation for SEO Purpose.
  • Added title, description and Read more link for BEAF slider or gallery (Pro Version).
  • Updated Gallery Generator

3.2.1 – 13/05/2021

  • Check: WordPress 5.7.2 compatibility

3.2.0 – 29/04/2021

  • Added: Width-Height-Alignment for the Pro Feature
  • Fixed: Minor Styles Issues

3.1.1 – 12/04/2021

  • Fixed: Minor Style Issues

3.1.0 – 1/04/2021

  • Fixed: Compatiblity issues with BEAF Pro

3.0.6 – 27/03/2021

  • Fixed: Minor Glitch

3.0.5 – 20/03/2021

  • Fixed: Minor Style Issues

3.0.4 – 12/03/2021

  • Check: WordPress 5.7 compatibility

3.0.3 – 10/03/2021

  • Fixed: Known issues

3.0.2 – 28/02/2021

  • Added: Max Upload Items for BEAF Gallery

3.0.1 – 18/02/2021

  • Major Release: Version 3
  • Added: Before After Gallery
  • Fixed: CSS issue on Small image Slider

2.2.3 – 10/01/2021

  • Added: Elementor Addon.

2.1.1 – 26/12/2020

  • Added: New Premium Features

2.0.3 – 15/12/2020

  • Check: WordPress 5.6 compatibility

2.0.2 – 10/11/2020

  • Update: Live Preview URL

2.0.1 – 09/11/2020

  • Fixed: Known issues

2.0.0 – 02/11/2020

  • Major Release: Version 2
  • Added: New Options Panel

1.0.4 – 17/10/2020

  • Fixed: Known Issues

1.0.3 – 06/04/2020

  • Check: WordPress 5.4 compatibility

1.0.2 – 03/03/2020

  • Fixed: A Major Bug

1.0.1 – 02/02/2020

  • Updated core functions
  • Small bug fixing

1.0.0 – 29/01/2020

Initial stable release