Before & After Images Comparison WordPress Plugin

Showing a change is hard with two separate photos sitting apart on a page. Before & After Images Comparison WordPress Plugin puts both images in one frame, so visitors can drag a slider and see exactly what changed. It works well for makeovers, weight loss progress, home renovations and design updates, where the visual difference is the whole story.

You add a comparison to a page or post with a shortcode, or with a Visual Composer element if you use that page builder. The slider can run left to right or top to bottom, start at a position you choose, and carry your own labels. It is responsive and retina-ready, and custom CSS lets you match the look to your site.

Features

• Two comparison directions: Choose a horizontal slider that moves left to right or a vertical one that moves top to bottom, whichever fits your layout and the shape of your images.
• Custom starting position: Set where the slider handle sits when the page loads, so the first thing visitors see is the area of the images you want them to notice.
• Before and after labels: Add labels to each image and edit the wording, giving visitors clear context about which side shows the original and which shows the result.
• Shortcode placement: Insert a comparison into any page or post with a shortcode, which keeps placement simple and lets you reuse the slider across your content.
• Visual Composer element: If you build pages with Visual Composer, the plugin provides an element so you can add the slider from the builder instead of writing a shortcode.
• Responsive and retina ready: The slider adapts to different screen sizes and keeps images sharp on high-resolution displays, so comparisons look clean on phones, tablets and desktops.
• Custom CSS support: Override the default styling with your own CSS to match the slider to your site's branding and design.

Best for

• Beauty and makeup sites showing makeovers
• Fitness coaches sharing client progress photos
• Home improvement and renovation businesses