WPBakery Page Builder Add-on Before After Compare Slider — is a powerful and user-friendly extension that seamlessly integrates with the WPBakery Page Builder, allowing you to create stunning and interactive image comparisons. This tool is designed for anyone looking to visually demonstrate change, improvement, or transformation. Whether you are a photographer showcasing retouching skills, a designer presenting a redesign, or a clinic displaying treatment results, this plugin provides a dynamic and engaging way to present your work without writing a single line of code.
The add-on offers extensive customization options, giving you full control over the slider's appearance and behavior. You can adjust colors, labels, handle orientation (horizontal or vertical), and animation effects to perfectly match your site's design. It is fully responsive, ensuring that your comparison sliders look and function flawlessly on all devices, from desktops to smartphones. This adaptability is crucial for maintaining a professional user experience and effectively communicating your message to a wider audience.
Why is this important?
In today's visual-driven online world, static images are often not enough to capture user attention and convey the full value of your work. Users spend only a few seconds on a page before deciding to stay or leave. An interactive "before and after" slider can increase user engagement by up to 45% by encouraging them to interact with your content. This simple tool turns passive viewing into an active experience, making the impact of your service or product immediately obvious and memorable. For businesses like dental clinics, restoration services, or design agencies, visually proving your effectiveness can directly boost conversion rates and build client trust faster than any text description.
Features
- Seamless integration with WPBakery Page Builder (formerly Visual Composer).
- Fully responsive and mobile-friendly design.
- Supports both horizontal and vertical slider orientations.
- Customizable handle, colors, and divider styling.
- Editable "Before" and "After" text labels.
- Touch and swipe enabled for a smooth experience on mobile devices.
- Lightweight and optimized for fast page loading speeds.
- No coding skills required, easy-to-use drag-and-drop element.
- Supports any image sizes from the WordPress Media Library.
- Cross-browser compatibility (Chrome, Firefox, Safari, Edge).
Value in Numbers
| Metric | Without Slider | With "Before & After" Slider | Improvement |
|---|---|---|---|
| User Engagement | Low | High | +45% |
| Time on Page | 15 seconds | 35 seconds | +133% |
| Conversion Rate | Standard | Increased | Up to +25% |
| Bounce Rate | High | Reduced | -20% |
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
Is this plugin compatible with the latest version of WordPress and WPBakery?
Yes, the plugin is regularly updated to ensure full compatibility with the latest versions of both WordPress and the WPBakery Page Builder. We recommend keeping all your plugins and themes updated to guarantee smooth performance and security.
Can I use different image sizes for the 'before' and 'after' slots?
For the best visual results, it is highly recommended to use two images of the exact same dimensions. Using images of different sizes can cause alignment issues and may result in an unprofessional-looking comparison slider.
How does this plugin affect my website's loading speed?
The Before After Compare Slider is built with performance in mind. It is lightweight and loads its scripts only on pages where the slider is actually used. To further optimize speed, ensure your images are compressed and properly sized for the web before uploading.
Can I place multiple sliders on the same page?
Absolutely. You can add as many 'Before and After' sliders as you need on a single page or post. Each slider can be individually customized with different images, labels, and settings directly within the WPBakery Page Builder interface.
