WP Before After Image Slider – Advanced Image and Video Comparison Plugin for WordPress

Create stunning image transformations with our intuitive, feature-rich before after image comparison slider and instantly communicate value to your visitors.

WP Before After Image Slider is an image comparison slider WordPress plugin specially built for professionals who need visual impact.

Photographers, designers, beauty brands, real estate agents, automotive detailers, developers, and marketers—anyone can use this plugin to visually demonstrate transformation for the maximum impact.

With this plugin, you can –

✅ Create seamless, responsive before after comparison sliders to engage visitors and highlight your best work,
✅ Match your brand with fully customizable colors, handles, dividers, and professionally designed templates, and
✅ Work flawlessly with major page builders including Elementor and Gutenberg

💡 Text can’t always convey transformation. Visuals can. And our plugin makes that effortless.

👉 Get the Best Image Slider Plugin at the Most Affordable Price

Why Use A Before After Image Comparison Slider?

Are your potential clients scrolling past your best work without understanding its true value?

Sometimes, words aren’t enough. A visual comparison speaks volumes—it builds credibility, highlights improvement, and shows your audience real impact.

Whether it’s a design makeover, body transformation, or product difference, this slider gives your content an edge.

Our Before After Image Comparison Slider solves this problem by creating interactive visual proof that immediately demonstrates your expertise and results.

🎯 Our plugin solves this by letting users actively explore the transformation—through sliders that are responsive, interactive, and beautifully designed.

No coding, no friction—just clear, persuasive visuals.

That means, you can turn your visitors into potential customers in no time!

Powerful Features

Our WordPress plugin delivers pixel-perfect image comparisons while maintaining optimal site performance. The responsive design ensures your comparisons look stunning on any device from mobile phones to large desktop displays.

We have developed this plugin with all the necessary features so that you can create your image comparison slider however you want easily.

1. Comparable Two & Three Image Slider: Create dynamic comparisons with multiple images for comprehensive visual storytelling
2. Comparable Video Slider: Compare video content with the same intuitive interface
3. Elementor Widget: Easily drag and drop before after image sliders into your Elementor pages with our dedicated widget
4. Customizable Image Size: Perfectly fit your comparisons to any layout or design requirement
5. Indicator Images: Add visual cues to guide user attention to key transformation areas
6. Flexible Trigger Options: Choose between drag or hover interactions to match your audience’s preferences
7. Professional Templates: Get started quickly with beautifully designed slider layouts
8. Slider Popup Support: Create immersive full-screen comparison experiences
9. Complete Color Customization: Personalize background, layer, handle, and divider colors to match your brand identity

👉 ⭐ If you want to know more about the Pro version then click here!⭐

Works for Any Industry

1. Photography & Design: Showcase editing skills, retouching work, and design transformations
2. Home Improvement: Display renovation projects, remodeling, landscaping before and after
3. Beauty & Healthcare: Highlight cosmetic procedures, weight loss journeys, dental work
4. Real Estate: Compare staged vs un-staged properties, renovations, property improvements
5. E-commerce: Show product comparisons, clothing on different models, color variations
6. Education: Visualize historical changes, scientific transformations, and educational concepts

1. Login as an administrator to your WordPress Admin account. Using the “Add New” menu option under the “Plugins” section of the navigation, you can either search for: WP Before After Image Slider or if you’ve downloaded the plugin already, then you should follow the instruction
2. Upload the WP Before After Image Slider plugin folder to the /wp-content/plugins/ directory.
3. Activate the plugin through the ‘Plugins’ menu in WordPress.
4. Navigate to the settings page of the plugin to configure the options according to your preferences.
5. Create a new slider, upload your before and after images, customize the design, and insert the slider into your desired posts, pages, or custom post types using the provided shortcode.

1. 

   Compare two visuals with a smooth slider

2. 

   Show transformation with three images

3. 

   Add dynamic comparisons with YouTube videos

4. 

   Upload and compare your own video files

5. 

   Fine-tune your image slider for the perfect reveal

6. 

   Customize video playback & layout

7. 

   Make it match your brand with style controls

8. 

   Manage all your sliders in one place

9. 

   Create a new Before After Image Slider from the WP Admin panel and Slider settings screen.

10. 

    Select Before After Image Slider Widget for Element.

11. 

    The Default feature for Elementor Widget and Slider settings screen.

2.0.8

• Added captions for before and after images in both horizontal and vertical comparison modes.
• Introduced triple image comparison (Before, Middle, After) with individual image captions.

2.0.7

• Issue fixed

2.0.6

• Readme updated

2.0.5

• Readme updated

2.0.4

• Fixed cross-browser compatibility issues.

2.0.3

• WordPress compatibility issue fixed

2.0.1

• Readme updated

2.0.0

• Enhancement: New plugin UI
• Added: New plugin dashboard
• Added: Video control option (auto play, loop, start time, end time)

1.1.1

• Fixed: Elementor video upload responsiveness issue

1.1.0

• Fixed: Elementor template 1,3,6 – handle border & divider width issue
• Fixed: Template 6 appearance issue
• Fixed: Template 5 border width issue
• Fixed: Padding calculation wrong issue
• Fixed: Background gradient color clear issue
• New: Comparable before after video default widget shortcode
• New: Comparable before after video Elementor widget

1.0.5

• Readme updated

1.0.4

• Enhancement: Popup responsiveness in mobile devices
• Issue Fix: Template 6 handle border color issue
• Issue Fix: Template 2 and 5 label alignment top
• Issue Fix: Template 3 label alignment bottom
• Issue Fix: Template 2,4,5,6,7,8 label alignment missing
• Bug Fix: Image upload issue after delete
• Bug Fix: Divider color missing in Elementor three images

1.0.3

• BugFix: Fatal error if Pro version installed without free version
• BugFix: Fatal error if free version deactivated while Pro active
• IssueFix: Both labels appear when slider moved to edges
• IssueFix: Indicator image appearance
• Compatibility: Latest WordPress & PHP version
• Compatibility: Elementor 3.28
• IssueFix: Hover trigger indicator image visibility
• IssueFix: Hover trigger handle label visibility
• IssueFix: Handle background gradient issue
• IssueFix: Three image Elementor label switch condition
• IssueFix: Three image middle label responsive issue

1.0.2

• Introduced: Dynamic before/after image changes for shortcode
• Introduced: API support for filter plugin settings and assets

1.0.1

• Improved: Media Uploader at Admin Panel
• Improved: Elementor editor support for shortcode
• Improved: Localizations
• Improved: Access permissions for sliders
• Fixed: Sliders disappearing with multiple instances
• Fixed: Widget selection issue

1.0

• Initial release of the WP Before After Image Slider plugin.