Before After Image Comparison – Visual Comparison for Two Images vs JetWidgets For Elementor

Easily showcase visual differences between two images with an interactive before-and-after slider—no coding required! Effortlessly create engaging visual comparisons on your WordPress site using the Before & After Image Comparison Block. This lightweight, SEO-friendly Gutenberg plugin lets you add a responsive slider to posts, pages, or portfolios, making it perfect for highlighting transformations, product comparisons, renovations, or photo edits. Simply drag and drop your images, adjust the slider, and publish—no technical skills needed. Ideal for photographers, designers, real estate agents, and content creators who want to tell compelling visual stories and boost audience engagement. Before After Image Comparison | Pricing | Demos | Features Orientation: Choose between horizontal and vertical image comparison slider. Custom Labels: Add custom before/after labels to clearly indicate the comparison. Adjustable Slider: Drag the slider handle to compare images. Caption Support: Add descriptive captions below the comparison. Custom Colors: Customize colors for labels. Shortcode Support: shortcode support for the block. Premium Features of image slider Theme: Create stunning before & after image comparisons in both single view and slider formats. Label Position: Customize the label position to suit your needs. Line Shape: Customize the line shape for a unique and eye-catching design. Default Offset: Adjusts the initial position of the slider. Move Slider On Click: Enable the option to move the slider when the user clicks on it. Move Slider On Mouse Over: Enable the option to move the slider when the mouse hover over it. Auto Slide: Activate automatic sliding on the compare images. Auto Slide Speed: Set the speed of the auto moving slider. Stop Slider On Mouse Over: Pause the sliding movement when the mouse is over the images. Line Size: Adjust the line size to your preferred thickness. Line Color: Choose a desired color for the line. Handler Color: Choose a desired color for the handler. Icon Color: Select the icon color from the options provided to match your design. Perfect For: – Before/after reveals (home makeovers, fitness progress, beauty treatments). – Product comparisons (features, versions, or upgrades). – Photography edits (highlighting retouching or filters). – Marketing campaigns (demonstrating effectiveness or improvements). No technical skills needed—just upload your images, adjust the slider, and publish! Engage your audience with compelling visual storytelling. How to use beaf First, install the Image Compare block plugin Add the Image Compare block from the block category called “Widgets” in the Gutenberg editor. You can change block settings from the right-side settings sidebar. Enjoy! For installation help click on Installation Tab. Feedbacks on before after image Did you like this plugin? Dislike it? Do you have a feature request? Please share your feedback with us ⭐ Check out the Parent Plugin of this plugin- 🔥 B Blocks – Best gutenberg blocks collections for WordPress. ⭐ Check out our other WordPress Plugins- 🔥 Html5 Audio Player – Best audio player plugin for WordPress. 🔥 Html5 Video Player – Best video player plugin for WordPress. 🔥 PDF Poster – A fully-featured PDF Viewer Plugin for WordPress. 🔥 Document Embedder – Best WordPress Document Embedder Plugin. 🔥 3D Viewer – Display interactive 3D models on the webs. 🔥 Advanced Post Block – Best Post Display Plugin for WordPress.

JetWidgets provides the set of outstanding widgets for Elementor, perfect for creating all kinds of content. Every widget from its set has its own content stylization settings, making it possible to create content without any coding skills. Just drag and drop the widget to the needed position to add it to the page. Then customize its content and appearance according to your needs in few clicks! Plugin Widgets Advanced Carousel – this widget displays slides in an attractive way. You can display from 1 to 10 slides at one time using Advanced Carousel module, set versatile animation options, create vivid backgrounds, enrich slides content with clear typography. With Advanced Carousel you can create as many slides as you need to! Animated Box – use this widget to create an attractive info block on the website’s page, which consists of two sides, that flip on hover. You can add icons, buttons, titles and content to the animated box. Every element is easily customizable. Headline – this widget is made for creating stunningly beautiful headlines in order to decorate the website’s pages with attractive textual titles. Its content is fully flexible, as well as its multiple style settings, devised to assist you in creating really beautiful headings within minutes! Image Comparison – the perfect tool that will assist you in creating slides with image comparisons in an attractive and stylish way. From now on you wield the power to showcase the results of your work in an engaging Before and After form! Images Layout – display images using different eye-catching layout types, such as Masonry, Justify or List. Add images and customize layouts in several clicks to get the stunning results and adorn Your website pages with beautiful imagery! Posts – a multipurpose tool, that can assist in creating attractive post grid layouts, sort posts by categories, IDs or the date of publishing. This module is also helpful when creating post sliders and post carousels. Pricing Table – use this widget when you need to showcase the prices and services your company provides in an attractive and clear way. The module has multiple options, versatile customization settings, and is easy to use. Services – this widget is devised to add attractive services blocks to your website pages in a smooth and easy way! Use it to showcase the services provided by your company. With Services module you can manage the service title, description, and there are still lots of style settings you can manage. Subscribe – perfect for creating a Subscription form that will work with your MailChimp list. This module is really easy to use, allowing to change the Subscription form layout, background color, width, add borders, shadows, and there are still many more exquisite options. Team Member – great solution when it comes to displaying your team members, and if you need to introduce your team to your website visitors. There are multiple content and style settings, that can be changed at will! Testimonials – this widget is made for adding your clients’ positive feedbacks to your site. Feel free to style up the testimonials and add the beautiful testimonials carousel right to your web page in several clicks! Contact Form 7 – the widget allows to display your existing contact forms with Elementor. You have to create a contact form using Contact Form 7 plugin before placing it to your website’s page.