M Asif Rahman

Rupok

WPDeveloper

Rahat Hossain

Md Monir Hossain

Use Image Comparison plugin & let your visitors compare images to make your website interactive. If you are using WooCommerce or running any eCommerce store on WordPress, this block plugin can be super handy for you and your customers. You can easily use it from WordPress block editor and make your website interactive.
Completely Customizable: You can customize the images, size, colors, etc to make it suitable for your website design.
Super Light-weight: No extra resources used and it’s highly optimized for super fast loading & instant Live editing.
Dedicated Support: We’ve an extraordinary support team ready to help you. Ask your questions in the support forum, we’ll get back to you immediately.
<h3>🚀 BACKED BY A TRUSTED TEAM</h3>
This Block is brought to you by <a href="https://wpdeveloper.com" rel="nofollow ugc">WPDeveloper</a>, the team behind the most popular elements library <a href="https://wordpress.org/plugins/essential-addons-for-elementor-lite/" rel="ugc">Essential Addons for Elementor</a> (used by almost 1 million+ happy users from 180+ countries).
<h3>👨‍💻 DOCUMENTATION AND SUPPORT</h3>
<ul>
<li>For documentation and tutorials go to our <a href="https://essential-blocks.com/docs/" rel="nofollow ugc">documentation</a></li>
<li>To report issue and contribution visit <a href="https://github.com/EssentialBlocks/image-comparison/" rel="nofollow ugc">Github</a>.</li>
<li>If you have any more questions, visit our support on the <a href="https://wordpress.org/support/plugin/image-comparison/" rel="ugc">Plugin’s Forum</a>.</li>
<li>For more information about features, FAQs and documentation, check out our website at <a href="https://wpdeveloper.com/" rel="nofollow ugc">WPDeveloper</a>.</li>
</ul>
<h3>🙌 JOIN THE COMMUNITY</h3>
🎦 Subscribe to our <a href="https://www.youtube.com/wpdevelopernet/?sub_confirmation=1" rel="nofollow ugc">Youtube Channel</a> to watch video tutorials on WordPress.
🤝 Join our <a href="https://www.facebook.com/groups/wpdeveloper.net/" rel="nofollow ugc">Facebook Community</a> & get connected with expert web creators like yourself.
🧡 LOVED Image Comparison Block? Rate us on <a href="https://wordpress.org/support/plugin/image-comparison/reviews/#new-post" rel="ugc">WordPress Repository</a>
🔥 GET FREEBIES FOR YOUR WORDPRESS SITE
Consider checking out our other WordPress solutions & boost your WordPress website:
🔝 <a href="https://wordpress.org/plugins/essential-addons-for-elementor-lite/" rel="ugc">Essential Addons For Elementor</a>: Most popular Elementor addons with 70+ widgets & ready blocks
☁ <a href="https://wordpress.org/plugins/templately/" rel="ugc">Templately</a>: Free templates library for Elementor & Gutenberg along with the cloud collaboration for WordPress
🔔 <a href="https://wordpress.org/plugins/notificationx/" rel="ugc">NotificationX</a>: Best Social Proof & FOMO Marketing Solution to increase conversion rates
📚 <a href="https://wordpress.org/plugins/betterdocs/" rel="ugc">BetterDocs</a>: Best Documentation & Knowledge Base Plugin for WordPress reduce manual support tickets & improve user experience.
⏰ <a href="https://wordpress.org/plugins/wp-scheduled-posts/" rel="ugc">WP Scheduled Posts</a>: Advanced editorial calendar & complete solution for WordPress Post Scheduling, social sharing, missed scheduled alerts and more.
⭐ <a href="https://wordpress.org/plugins/reviewx/" rel="ugc">ReviewX</a>: WooCommerce Product review plugin that allows users to submit product reviews with multiple criteria, photos, video and more
⚡ <a href="https://wordpress.org/plugins/flexia" rel="ugc">Flexia</a>: Most lightweight, customizable & multi purpose theme for WordPress

Image Comparison

Let the visitors compare images & make your website interactive

Scott Paterson

WPPlugin LLC

Nilambar Sharma

Manesh Timilsina

WP Concern

Before After Image lets visitors drag a handle to compare two images side-by-side.
Works in three ways — use whichever fits your site:
<ul>
<li>Shortcode — You can you shortcodes on any post or page. Use the built-in shortcode builder to generate shortcodes easily.</li>
<li>Elementor widget — drag and drop the widget onto any page with full style controls.</li>
<li>WooCommerce — attach a before/after comparison to any product directly from the product editor.</li>
</ul>
<a href="https://demos.wpplugin.org/before-after-image/" rel="nofollow ugc">View Demo</a>
Full usage instructions, shortcode options, and WooCommerce setup steps are available inside the plugin under the Before After Image menu.
<h3>Key Features</h3>
<ul>
<li>Works standalone via shortcode — Elementor and WooCommerce are both optional</li>
<li>WooCommerce product integration with per-product settings</li>
<li>Elementor widget with full style controls</li>
<li>Horizontal and vertical orientation</li>
<li>Handle movement by drag or mouse hover</li>
<li>Customisable before/after labels (on hover, always, or never)</li>
<li>Enable/disable overlay</li>
<li>Default handle offset position</li>
<li>Six handle styles</li>
<li>Handle types: Arrows or Text</li>
<li>Slider colour — white or black (line, handle, and arrows)</li>
<li>Image size option</li>
<li>Typography and colour options (Elementor)</li>
<li>Touch and pointer-event support</li>
</ul>
<h3>Before After Image Pro</h3>
Want more features? Check out Before After Image Pro:
<ul>
<li>Auto-Slide Animation — Grab attention with an automatically sweeping handle. Configure speed and pause-on-hover behavior.</li>
<li>3-Image Comparison — Show before, during, and after with two draggable handles.</li>
<li>Full-Screen View — Let visitors zoom in with a button to expand the slider to full screen.</li>
<li>Custom Colors — Fine-tune the line, circle, and arrows independently to match your brand.</li>
<li>Rounded Corners — Add subtle to fully rounded corners for a polished look.</li>
<li>Shortcode Manager — Save and reuse slider configurations with <code>[mbai_preset id="..."]</code> shortcodes.</li>
<li>Premium Support — Get priority support and automatic updates.</li>
</ul>
<a href="https://wpplugin.org/downloads/before-after-image-pro/" rel="nofollow ugc">Get Before After Image Pro</a>

Before After Image

Before After Image with a draggable handle. Works with Elementor, WooCommerce, and shortcode.

Image Comparison vs Before After Image