- WordPress Before and After Slider & Gallery – BEAF
Showcase your Before & After Work
Want to show comparison of two images? BEAF helps you to easily create unlimited before and after image sliders or image gallery for your WordPress Website.
Endorsed By
Trusted by 20000+ Users Worldwide.
Reiner G. from Germany
We use the plugin at the homepage of our local photoclub to compare an image and its edited version. Works fine and helps to present different ways of image processing. A nice and helpful tool. We got great and fast support from the developers – thank you!
Demo Preview of BEAF
Horizontal Preview
Vertical Preview
WordPress Before and After Slider Options
All options below are available in both Horizontal and Vertical Previews. Each option can be added or previewed alongside others to bring the best of this WordPress before and after slider. For demonstration purposes, we have displayed one option at a time.
"Before-After Label" Change
Label "Color and Background Change"
Move slider on "Mouse Hover"
Move mouse on the image to check
"No Overlay or Title" on Hover
Move mouse on the image to check
Add Titles, Description & Read More Button
You can add Title, Description & Read More button on all the above Preview Styles with our Before After WordPress Plugin. For Preview Purpose, only two examples is shown below. 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. [Pro users can change the button text also as shown on first example]
BEAF Gallery
Create 2 Columns, 3 Columns and 4 Columns Before After Gallery in WordPress with BEAF
2 Columns Gallery
3 Columns Gallery
4 Columns Gallery
Want to Add Title, Description & Read More button on Gallery? Check our Pro Version.
Need more Features?
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 9 Additional Preview Styles, Before After with 3 Images, Before-After with Single Image, Multi-Columns Filterable Gallery, Auto Slide, On Scroll Slide, Image Watermark and many more.
Glimpse of Available Features
Here is a summary of features available on BEAF - the best Before After Slider WordPress Plugin.
Shortcode Generator
After your publish, a shortcode will generate so that you can publish the slider anywhere on your website to create the perfect WordPress before and after slider.
Gallery Generator
Create 2 Columns, 3 Columns and 4 Columns Before After Gallery in WordPress with BEAF.
Easy to Use Option Panel
BEAF has built in easy-to-use option panel. You can add or remove any option from this panel. Such panel gives you flexiblity to easily create a beautiful WordPress before and after slider.
Popular Page Builder Support
BEAF is fully compatible with popular page builders like Elementor making it the best before after elementor addon alternative. You can easily add it from Elementor Panel and create a beautiful elementor before and after slider. It can also be used on Gutenberg, WP Bakery, DIVI, Beaver etc using shortcode.
Unlimited Slider Creation
BEAF – the most popular before after WordPress Plugin is limitless. Create as many slider as you want with BEAF.
Image Alt Tag Option
BEAF is SEO Friendly. It gives you the option to add Different alt tags for both Before and After Images.
Widget Support
Easily add before-after Gallery or Slider through widgets
Responsive and Touch Compatibility
BEAF is fully responsive and also supports touch on mobile devices.
More Features
Speed Optimized
Compatible with any lazy load plugins.
SEO Friendly
Support WP Image alt as image alt and title.
Flexible Image
You can use any image size.
Live Preview
See the preview of the slider/gallery while editing.
Frequently Asked Questions
Can’t find what you are looking for? Contact Us.
A Before and After Slider is a web element used to compare two images by overlaying one on top of the other, with a sliding handle that allows users to see the difference between the two. This is particularly useful for showcasing transformations, improvements, or changes between two states, such as:
- Product comparisons (e.g., before and after using a product)
- Image retouching (e.g., edited versus original)
- Home renovations (e.g., before and after remodeling)
- Medical transformations (e.g., before and after treatment)
The BEAF – WordPress Before and After Slide & Gallery plugin allows you to create stunning before-and-after image sliders to showcase the difference between two images. Whether you want to highlight transformations, comparisons, or product improvements, this WordPress plugin is the perfect tool to visually engage your audience.
Yes! this Before After WordPress plugin is fully compatible with Elementor. You can easily add a Elementor before and after slider using our custom widget. Just drag and drop the widget into your Elementor page and configure the settings to display before-and-after images seamlessly.
To add a before and after slider in WordPress, install the BEAF plugin from the WordPress repository. After activation, you can create a new slider from the BEAF section in the dashboard. Once created, you can embed the slider on any page or post using shortcodes or Elementor widgets. Here is a tutorial for your guidance.
Yes, our BEAF Before After Slider is fully responsive and optimized for mobile devices. Your sliders will look great on all screen sizes, ensuring an excellent user experience for your visitors.
Absolutely! When using Before After Elementor, you can customize the slider’s layout, handle colors, labels, and other design elements. This flexibility allows you to match the slider to your website’s branding and style.
We are always Up-to-Date
We try to release at-least one update every month. Check our previous changelogs.
- Added: Double video playback settings are now available for the Video Slider.
- Improved: Overall Assets management has been improved for better performance
- Improved: BEAF is rebuilt into a class component for better performance.
- Improved: The watermark addon for the BEAF plugin improved performance.
- Improved: The video slider addon improved for better performance.
- Improved: The 3-image slider addon improved for better performance.
- Fixed: “Read More” button alignment issues are now resolved.
- Fixed: The BEAF gallery generator issues have been resolved.
- Fixed: Minor bugs and issues are now resolved.
- System stability: Improved for smoother performance overall.
- Minor bug fixes & improvements
- Minor bug fixes & improvements
- Improvement: Enhanced gallery CSS styling for a better visual experience.
- Fix: Addressed minor bugs and implemented general improvements.
- Improvement: Increased system stability and performance.
- Improvement: The free required message is updated when Pro is activated.
- Improvement: License activation message updated.
- Improvement: Added Readmore Button Border Color
- Fixed: Before/After preview image issue without login.
- Fixed: On-click shortcode copy.
- Updated slider screenshots for ORG
- Updated plugin banner for ORG
- Updated readme.txt file
- Improvement: Compatible Tourfic plugin
- Improvement: Compatible UACF7 plugin
- Minor bug fixes & improvements
- Improvement: Options panel design
- Minor bug fixes & improvements
- Info: Banner info updated
- System stability improved
- Improvement: Before After Image Link
- Improvement: Before After Image Overlay
- Minor bug fixes & improvements
- Fixed: Beaf Settings panel saving issue
- Improvement: System stability improved
- System stability improved
- Minor bug fixes & improvements
- Fixed: Color picker issue
- Fixed: Meta field not found issue.
- System stability improved.
- Improvement: Compatible with Tourfic
- Improvement: Compatible with UACF7
- Improvement: Reorganized CSS/JS Code
- System stability improved
- Compatible with WordPress 6.6
- System stability improved
- Improvement: System stability improved
- Fixed: Notice banner issue
- Improvement: System stability improved
- Fixed: escaping and text-domain issue
- Fixed: Minor Bugs fixed
- Compatibility: Compatible with WordPress 6.5.5
- Improvement: System stability improved
- Minor bug fixes and improvements
- 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
- Improvement: System stability Improved
- Minor bug fixes & improvements
- Fixed: Before-after slider handle issue
- Fixed: Responsive issue for 2-image slider
- Compatibility: Compatible with WordPress 6.5
- Minor bug fixes & improvements
- 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
- Fixed: Cross Site Request Forgery Vulnerability
- Improvement: Minor Bug Fixing
- Improvement: System stability Improved
- Improvement: Should be compatible with the EU Data Protection Directive
- Improvement: Option Panel Settings
- Compatibility: Compatible With Tourfic Plugin
- Fixed: Console error
- Improvement: Introducing a new Options Panel.
- Improvement: Optimized Code
- Improvement: System stability Improved
- Fixed: Fixed some minor issues
- Improvement: System stability Improved
- Updated: Extended Notice( Black Friday )
- Updated: readme.txt
- Notice: Black Friday Announcements
- Removed: unused CSS
- Notice: Black Friday Announcements
- Removed: unused CSS
- Updated: readme.txt
- Compatibility: Compatible with WordPress 6.4
- Improvement: Design Improvement for Video Slider
- Improvement: Video Slider auto play/pause(Pro)
- Improvement: Video sound decrease and increase as per the sliding movement(Pro)
- Improvement: Design Improvement for slider.
- Fixed: Bug Fixing
- Added: Add Vimeo Video to before after slider(Pro)
- Added: Add Self-hosted Video to before after slider(Pro)
- Fixed: Responsive issue
- Added: Before After Video Slider Addon( Pro )
- Fixed: Minor Bug fixed
- Improved: Responsive issue
- Improved: Optimized Code
- Added: Upload before after Image without login, and preview ( Pro )
- Added: Gallery filter button alignment ( Pro )
- Fixed: Minor Bugs
- Added: Compatible notice
- Compatibility check with WordPress 6.3
- Compatibility check with WooCommerce 8.0.1
- Compatibility check with Elementor 3.15.2
- 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
- Compatibility check with WordPress 6.2.2
- Fixed: IOS Responsive issue
- Fixed: Console Error
- Fixed: Filter Style ( Pro )
- Compatibility check with WordPress 6.2.1
- Fixed: Default Label Translate Issue
- 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
- Compatibility check with WordPress 6.2
- Optimized Code
- Fixed CSS
- Update: Appsero Updated
- Removed: unused js
- Added: Preloader
- Fixed: Image displaying issue
- Fixed: Slider Handle CSS fixed
- Fixed: Notice Issue
- Compatibility checked
- Added: Preloader
- Fixed: Image displaying issue
- Fixed: Slider Handle CSS fixed
- Fixed: Notice Issue
- Compatibility checked
- Added: Review admin Notice
- Fixed: Improved CSS code
- Fixed: CSS Issue
- Fixed: Responsive issue
- Fixed: Some CSS Bug
- Fixed: Animation Issue
- Fixed: Notice Issue
- Fixed: Slider Animation issue
- Updated Js Issue
- Fixed admin panel issue
- Fixed: Minor bug
- Fixed: CSS issue in three image addon
- Fixed: Responsive check on the fullscreen option
- Added: Appsero integration
- Fixed: Compatibility check with WordPress 6.1.1
- Fixed: Some JS Bug
- Fixed: Gallery CSS
- Fixed: Compatibility check with WordPress 6.1
- Fancybox issue fixed
- Fixed: Css issue in fullscreen mode
- Improved: JS/CSS code
- Updated: Compatibility check with WordPress 6.0.3
- Improved: JS/CSS code
- Updated: Compatibility check with WordPress
- Fix: Fancybox overriding issue fixed
- Fixed the Full Screen view issue ( Pro )
- Compatibility checked with WordPress 6.0.2
- Removed unused js file
- New Pro feature: Added full screen view option
- Fixed: undefined variable
- Updated admin panel style
- Fixed: undefined array issue fixed
- Compatible with WordPress 6.0
- Feature: Added debug mode
- Updated admin panel style
- Fixed: Some JS Bug and Gallery CSS
- Feature: 7 preview styles added for 3 Image addon(Pro)
- Feature: Auto slide of 3 image slider added(Pro)
- Multiple 3 image slider in different styles are now working on same page(Pro)
- Fixed: Some JS bug fixed and gallery CSS fixed
- Fixed: Minor bug
- Feature: Fade effect preview added (Pro)
- Fixed: CSS Issue
- Minor bug fixed
- Minor bug fixed
- Watermark Feature added (Pro addon required)ada
- Minor bug fixed
- Watermark Feature added (Pro addon required)
- Fixed Color picker issue
- Compatibility Check: WordPress 5.9
- Fixed: Minor Bugs and Stylesheet.
- Introducing: Before After Image alt tag option
- Introducing: 3 Images Before After Slider (Pro)
- Fixed: Minor Bugs and Stylesheet.
- Option Panel Update
- Additional bug fixes
- Fixed Minor Styling Issues.
- Removed a notice
- Additional bug fixes
- Additional bug fixes
- Removed a notice
- Notice to connect with Before After for WooCommerce – eBEAF Plugin
- Fixed Minor Styling Issues.
- Fixed issues on Option Panel
- Fixed Issue with the tab.
- Reverted to Old.
- Added Lazy load option
- Slider Handle Color Customizer Added (Pro)
- Slider overlay color feature added (Pro)
- Show label outside of image (Pro)
- Fixed Minor Styling Issues.
- Added On Scroll Slider Option for Pro
- Added a New Preview Style for Pro
- Few minor fixing for Free & Pro
- Added Language Support.
- Added Documentation Tab
- Added Lazy Load Support.
- Updated Licensing Issue for Pro.
- Check: WordPress 5.8 compatibility
- Fixed a conflict with Elementor sections.
- Fixed Auto Slider issue (Pro)
- Fixed License key error (Pro)
- Fixed an Image Sizing conflict with WP Rocket.
- Fixed conflict with WoodMart Theme HTML shortcode generator box.
- Fixed Bug of Before – After Label Styling
- Fixed Minor Styling Issues.
- Fixed Elementor Issues.
- Added 1 New Preview Styles ( (Pro Version).
- Fixed Minor Styling Issues.
- Added 2 New Preview Styles ( (Pro Version).
- Added title, description and Read more link option.
- Added title, description and Read more style option.
- Added Read More button editing option ( (Pro Version).
- 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
- Check: WordPress 5.7.2 compatibility
- Added: Width-Height-Alignment for the Pro Feature
- Fixed: Minor Styles Issues
- Fixed: Minor Style Issues
- Fixed: Compatiblity issues with BEAF Pro
- Fixed: Minor Glitch
- Fixed: Minor Style Issues
- Check: WordPress 5.7 compatibility
- Fixed: Known issues
- Added: Max Upload Items for BEAF Gallery
- Major Release: Version 3
- Added: Before After Gallery
- Fixed: CSS issue on Small image Slider
- Added: Elementor Addon.
- Added: New Premium Features
- Check: WordPress 5.6 compatibility
- Update: Live Preview URL
- Fixed: Known issues
- Major Release: Version 2
- Added: New Options Panel
- Fixed: Known Issues
- Check: WordPress 5.4 compatibility
- Fixed: A Major Bug
- Updated core functions
- Small bug fixing
- Initial Release
BEAF - Powerful WordPress Before After Slider & Gallery
Create beautiful WordPress Before After Image comparison Slider or Gallery with BEAF, the best before after WordPress plugin. Download now for Free!
Price: Free
Price Currency: $
Application Category: WordPress Plugin
Editor's Rating:
5
5