Before After Image Slider & Gallery - BEAF Pro — is a powerful WordPress plugin designed to help you create engaging and interactive image comparisons. It allows you to place two images side-by-side and use a slider to reveal the differences, making it an ideal tool for showcasing transformations, product features, or detailed comparisons. With its intuitive interface and extensive customization options, BEAF Pro is suitable for both beginners and advanced users.
The plugin is fully responsive, ensuring your before-and-after sliders look great on any device, from desktops to smartphones. It offers multiple orientation modes (horizontal and vertical), various handle styles, and a gallery mode to display multiple comparisons in a clean grid. You can easily embed these sliders anywhere on your site using shortcodes or through integration with popular page builders like Elementor, making it a versatile solution for any WordPress website looking to enhance its visual content.
Why This Is Important
In today's visual-centric web, simply showing a final result is no longer enough. Users want to see the process, the value, and the transformation. User Pain Point: Many professionals, from dentists to photo editors, struggle to effectively communicate the value of their work. A static gallery of finished projects doesn't tell the full story, leading to lower client conversion rates. The Statistics: Studies show that interactive content, like a before-after slider, can increase user engagement by up to 81%. For e-commerce sites, showcasing product details with a comparison slider can boost conversion rates by over 40% by helping customers make more informed decisions. BEAF Pro directly addresses this by providing a simple, powerful tool to create compelling visual proof of your expertise, which builds trust and drives business growth.
Features
- Fully responsive and mobile-friendly design.
- Horizontal and vertical comparison modes.
- Supports touch and swipe gestures on mobile devices.
- Multiple sliders on a single page.
- Before/After text label customization.
- Easy-to-use Shortcode Generator.
- Integration with Elementor and other page builders.
- Filter effects (e.g., grayscale, sepia) for comparison.
- Customizable handle style, color, and size.
- Gallery mode to display multiple comparisons in a grid.
Free vs Pro Version Comparison
| Feature | Free Version | BEAF Pro |
|---|---|---|
| Basic Horizontal Slider | ✔️ | ✔️ |
| Custom Text Labels | ✔️ | ✔️ |
| Responsive Design | ✔️ | ✔️ |
| Vertical Slider Mode | ❌ | ✔️ |
| Gallery & Grid Layouts | ❌ | ✔️ |
| Advanced Handle Styles | Limited | ✔️ (Multiple options) |
| Image Filter Effects | ❌ | ✔️ |
| Elementor & Builder Integration | Limited | ✔️ (Full support) |
| Priority Support | ❌ | ✔️ |
How to install the plugin?
- Download the plugin archive using the button above.
- Navigate to Plugins > Add New in your WordPress dashboard.
- Click "Upload Plugin" at the top and select the downloaded ZIP file.
- Install, activate the plugin, and follow the quick setup wizard instructions.
FAQ
Can I use the Before After Image Slider plugin with my page builder?
Yes, BEAF Pro is designed for maximum compatibility. It works seamlessly with major WordPress page builders, including Elementor, WPBakery, Beaver Builder, and the native Gutenberg block editor. The plugin provides a dedicated Elementor widget and a user-friendly shortcode generator that allows you to easily embed sliders anywhere on your site, regardless of the builder you use.
Is the plugin optimized for mobile devices?
Absolutely. The Before After Image Slider & Gallery plugin is fully responsive and mobile-first. It automatically adjusts to any screen size and supports touch and swipe gestures, providing a smooth and intuitive user experience for visitors on smartphones and tablets. You don't need any extra configuration to make it work on mobile.
How can I create a vertical comparison slider?
Creating a vertical comparison slider is a feature of the BEAF Pro version. In the plugin's settings for a new slider, you will find an 'Orientation' option. Simply select 'Vertical' from the dropdown menu instead of the default 'Horizontal'. This will change the slider handle to move up and down, which is perfect for comparing images with different heights or for specific creative effects.
What image formats are supported by the BEAF Pro plugin?
The plugin supports all standard web image formats that are supported by WordPress itself. This includes JPEG, PNG, GIF, and modern formats like WebP. For best performance and fast loading times, we recommend optimizing your images before uploading them by compressing them and using a suitable format like WebP or JPEG.
