Description
The easiest and best Before After Image Slider & Gallery for WordPress
👉 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 a comparison of the two images? BEAF is the Ultimate Before After WordPress Plugin with which you can easily create beautiful Before After Image comparison Slider or Gallery. 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. This All-in-One Before After Slider plugin consists almost all the basic to advanced options which you may need to create stunning and beautiful image comparison sliders and gallery:
- Horizontal or Vertical layout
- Multi-Column Before After Gallery
- Title, Description & Read More button
- Alt tag on each image for Better SEO
- Label Color and Background Change
- Disable Overlay
- Mouse Hover Options
- Easy-to-use option panel
- Shortcode generator
- 10 Preview Styles (Pro)
- Filterable Before – After Gallery (Pro)
- 3 Images Before After Slider (Pro Addon)
- Watermark for Before After Images (Pro Addon)
- Single Image Slider (Pro)
- Titles, Description & Read More Button on Single Image BEAF, Gallery and Filterable Gallery (Pro)
- Custom Width – Height – Alignment (Pro)
- Auto Slider (Pro)
- On Scroll Slider (Pro)
- Change Read More text (Pro)
- Disable slider handle (Pro)
- Before After Video Slider (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 work by comparing two before and after images.
Pro Version
We believe the free version is good enough for most businesses. 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, Before After Slider with 3 Images, Multi-Columns Filterable Gallery, Auto Slide, On Scroll Slide and many more.
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 the Title, Description & Read More buttons 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.
Before After Image Alt tag
You can add Alt tag on each images for Better SEO.
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 an unlimited number of slider
-
SEO Friendly: Support WP Image alt as image alt and title.
-
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:
- 10 Preview Styles
- Filterable Before – After Gallery
- 3 Images Before After Slider
- Watermark for Before After Images
- 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
- Before After Video Slider
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.
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.
Three Images Before After Slider
Create Before After slider with 3 images. Click here for a quick preview.
Before After Image Watermark
Create a Before After Slider with Watermark in Images. Fully Customizable based on available options. 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 the slider handle.
Before After Video Slider
You can add videos to your before after slider
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 :
Ultimate Before After Image Slider & Gallery – BEAF 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.
Credit:
BEAF is based on the famous TwentyTwenty script that developed by Zurb team. Our icon is taken from Iconfinder.
How can I report security bugs?
You can report security bugs through the Patchstack Vulnerability Disclosure Program. The Patchstack team help validate, triage and handle any security vulnerabilities. [Report a security vulnerability.]
Our Other Plugins
Screenshots
Installation
- Download and unzip the plugin. Upload the unzipped folder to the wp-contents/plugins folder of your WordPress installation.
- Active the plugin from the WordPress Plugins administration page.
- OR, Go to WP admin panel, click ‘Plugins’ -> ‘Add new’. In the search input box, type ‘BEAF – Before and After Gallery’.
- Install and activate the plugin.
- You can also check this step by step Youtube Video.
FAQ-e
-
How can I report security bugs?
-
You can report security bugs through the Patchstack Vulnerability Disclosure Program. The Patchstack team help validate, triage and handle any security vulnerabilities. [Report a security vulnerability.]
-
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, and search BEAF, you will find our addon. Just add it, select the gallery, and that’s it. You can also create elementor before and after slider using our Shortcode.
-
How to install BEAF?
-
See the installation tab.
-
Is the 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. With this plugin, you can create a Before After WooCommerce Slider easily.
-
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
Contributors & Developers
“Ultimate Before After Image Slider & Gallery – BEAF” is open source software. The following people have contributed to this plugin.
ContributorsTranslate “Ultimate Before After Image Slider & Gallery – BEAF” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
4.5.25 – 08/10/2024
- Improvement: Compatible Tourfic plugin
- Improvement: Compatible UACF7 plugin
- Minor bug fixes & improvements
4.5.24 – 19/09/2024
- Improvement: Options panel design
- Minor bug fixes & improvements
4.5.23 – 18/09/2024
- Info: Banner info updated
- System stability improved
4.5.22 – 15/09/2024
- Improvement: Before After Image Link
- Improvement: Before After Image Overlay
- Minor bug fixes & improvements
4.5.21 – 12/09/2024
- Fixed: Beaf Settings panel saving issue
- Improvement: System stability improved
4.5.20 – 10/09/2024
- System stability improved
- Minor bug fixes & improvements
4.5.19 – 18/08/2024
- Fixed: Color picker issue
4.5.18 – 15/08/2024
- Fixed: Meta field not found issue.
- System stability improved.
4.5.17 – 13/08/2024
- Improvement: Compatible with Tourfic
- Improvement: Compatible with UACF7
4.5.16 – 28/07/2024
- Improvement: Reorganized CSS/JS Code
- System stability improved
4.5.15 – 17/07/2024
- Compatible with WordPress 6.6
- System stability improved
4.5.14 – 11/07/2024
- Improvement: System stability improved
- Fixed: Notice banner issue
4.5.13 – 04/07/2024
- Improvement: System stability improved
- Fixed: escaping and text-domain issue
- Fixed: Minor Bugs fixed
4.5.12 – 02/07/2024
- Compatibility: Compatible with WordPress 6.5.5
- Improvement: System stability improved
- Minor bug fixes and improvements
4.5.11 – 12/06/2024
- Compatibility: Compatible with WordPress 6.5.4
- Improvement: Removed unused scripts
- Improvement: Optimized code and performance
- Improvement: System stability improved
- Minor bug fixes and improvements
4.5.10 – 03/06/2024
- Improvement: System stability Improved
- Minor bug fixes & improvements
4.5.9 – 22/05/2024
- Fixed: Before-after slider handle issue
- Fixed: Responsive issue for 2-image slider
4.5.8 – 28/04/2024
- Fixed: Minor Bugs
4.5.7 – 03/04/2024
- Compatibility: Compatible with WordPress 6.5
- Minor bug fixes & improvements
4.5.6 – 15/03/2024
- Fixed: Updated Security issues
- Fixed: Console Error
- Optimized: Organized and Optimized Code
- Updated: Escaped Security patches
- Improvement: System stability Improved
- Added: Disclaimer for Patchstack VDP
4.5.5 – 07/03/2024
- Fixed: Cross Site Request Forgery Vulnerability
4.5.4 – 06/03/2024
- Improvement: Minor Bug Fixing
- Improvement: System stability Improved
4.5.3 – 29/02/2024
- Improvement: Should be compatible with the EU Data Protection Directive
- Improvement: Option Panel Settings
4.5.2 – 24/01/2024
- Fixed: Console Error
- Updated: readme.txt
4.5.1 – 09/01/2024
- Compatibility: Compatible With Tourfic Plugin
- Fixed: Console error
4.5.0 – 25/12/2023
- Improvement: Introducing a new Options Panel.
- Improvement: Optimized Code
- Improvement: System stability Improved
- Fixed: Fixed some minor issues
4.4.9 – 19/12/2023
- Notice: We will be releasing a new options panel On December 25, 2023. Before updating the plugin, we recommend taking a backup of your current setup.
4.4.8 – 12/12/2023
- Improvement: System stability Improved
- Updated: Extended Notice( Black Friday )
- Updated: readme.txt
4.4.7 – 16/11/2023
- Improvement: System stability Improved
- Updated: readme.txt
- Updated: Black Friday Banner
4.4.6 – 15/11/2023
- Notice: Black Friday Announcements
- Removed: unused CSS
4.4.5 – 09/11/2023
- Updated: readme.txt
4.4.4 – 08/11/2023
- Compatibility: Compatible with WordPress 6.4
- Improvement: Design Improvement for Video Slider
4.4.3 – 01/11/2023
- Improvement: Video Slider auto play/pause(Pro)
- Improvement: Video sound decrease and increase as per the sliding movement(Pro)
- Improvement: Design Improvement for slider.
4.4.2 – 25/10/2023
- Fixed: Bug Fixing
4.4.1 – 25/10/2023
- Added: Add Vimeo Video to before after slider(Pro)
- Added: Add Self-hosted Video to before after slider(Pro)
- Fixed: Responsive issue
4.4.0 – 04/10/2023
- Added: Before After Video Slider Addon( Pro )
- Fixed: Minor Bug fixed
- Improved: Responsive issue
- Improved: Optimized Code
4.3.25 – 21/08/2023
- Added: Upload before after Image without login, and preview ( Pro )
- Added: Gallery filter button alignment ( Pro )
- Fixed: Minor Bugs
4.3.24 – 10/08/2023
- Added: Compatible notice
- Compatibility check with WordPress 6.3
- Compatibility check with WooCommerce 8.0.1
- Compatibility check with Elementor 3.15.2
4.3.23 – 25/07/2023
- Added: Image URL for before and after image( Pro )
- Added: Image URL Open in a new tab( Pro )
- Added: Watermark position( Pro )
- Added: BEAF gallery ‘All’ category shortcode
- Fixed: Bug fixed
4.3.22 – 12/06/2023
- Compatibility check with WordPress 6.2.2
- Fixed: IOS Responsive issue
- Fixed: Console Error
- Fixed: Filter Style ( Pro )
4.3.21 – 17/05/2023
- Compatibility check with WordPress 6.2.1
- Fixed: Default Label Translate Issue
4.3.20 – 21/04/2023
- Fixed: Auto Slide Vertical view
- Fixed: br, p tag / extra spacing issue
- Fixed: Elementor Tab issue
- Fixed: Fullscreen View issue
- Fixed: Popup issue
- Fixed: Preloader issue
- Fixed: Responsive issue
4.3.19 – 31/03/2023
- Compatibility check with WordPress 6.2
- Optimized Code
- Fixed CSS
4.3.18 – 29/03/2023
- Update: Appsero Updated
- Removed: unused js
4.3.17 – 26/03/2023
- Added: Exclude the public queryable indexing ( Pro )
- Fixed: Watermark input value URL issue ( Pro )
- Fixed: Header Warning issue
4.3.16 – 16/03/2023
- Added: Preloader
- Fixed: Image displaying issue
- Fixed: Slider Handle CSS fixed
- Fixed: Notice Issue
- Compatibility checked
4.3.15 – 18/01/2023
- Added: Review admin Notice
- Fixed: Improved CSS code
4.3.14 – 11/01/2023
- Fixed: CSS Issue
- Fixed: Responsive issue
4.3.13 – 26/12/2022
- Fixed: Some CSS Bug
- Fixed: Animation Issue
- Fixed: Notice Issue
4.3.12 – 14/12/2022
- Fixed: Slider Animation issue
- Updated Js Issue
4.3.11 – 08/12/2022
- Fixed admin panel issue
- Fixed: Minor bug
4.3.10 – 28/11/2022
- Fixed: Css issue in three image addon
- Fixed: Responsive check on fullscreen option
4.3.9 – 20/11/2022
- Added: Appsero integration
- Fixed: Compatibility check with WordPress 6.1.1
4.3.8 – 03/10/2022
- Fixed: Some JS Bug
- Fixed: Gallery CSS
4.3.7 – 27/10/2022
- Fixed: Compatibility check with WordPress 6.1
- Fancybox issue fixed
4.3.6 – 27/10/2022
- Fixed: Css issue in fullscreen mode
- Improved: JS/CSS code
4.3.5 – 20/10/2022
- Updated: Compatibility check with WordPress 6.0.3
- Improved: JS/CSS code
4.3.4 – 11/10/2022
- Updated: Compatibility check with WordPress
4.3.3 – 09/04/2022
- Fix: Fancybox overriding issue fixed
4.3.2 – 08/31/2022
- Fixed the Full screen view issue ( Pro )
- Compatibility checked
4.3.1 – 07/21/2022
- Removed unused js file
4.3.0 – 07/19/2022
- New feature: Added slider full-screen view option
4.2.8 – 07/10/2022
- Fixed: undefined variable
- Updated admin panel style
4.2.7 – 05/23/2022
- Fixed: undefined array issue fixed
- Compatible with WordPress 6.0
4.2.6 – 05/19/2022
- Feature: Added debug mode
- Updated admin panel style
4.2.5 – 05/09/2022
- Fixed: Some JS Bug and Gallery CSS
4.2.4 – 04/21/2022
- Feature: 7 preview styles added for 3 Image addons(Pro)
- Feature: Auto slide of 3 image slider added(Pro)
- Multiple 3 image sliders in different styles are now working on the same page(Pro)
- Fixed: Some JS bugs were fixed and gallery CSS fixed
1.0.0 – 29/01/2020
Initial stable release