Description
Visual Case Study is a lightweight before and after image slider for WordPress that turns two photographs into an interactive, responsive comparison. Show renovations, retouching, beauty results, restorations, product improvements and portfolio transformations with a polished Gutenberg block or shortcode.
Show the difference instantly
Choose two images from the WordPress Media Library, set the starting position and publish. Visitors can move the comparison divider with a mouse, touch screen or keyboard. Use a horizontal or vertical layout and keep the experience clear on desktop, tablet and mobile.
Key features
- Native Gutenberg block with editor preview
- Simple shortcode for classic layouts and page builders
- Horizontal and vertical image comparison
- Mouse, touch and keyboard controls
- Responsive WordPress image markup
- Adjustable divider position, colors, labels and rounded corners
- Independent image focal points with optional linked cropping
- Optional case-study title, result description and call-to-action button
- Accessible native range control and configurable image alternative text
- JavaScript-free two-image fallback
- No jQuery, account, tracking or external service required
- Front-end assets load only when a comparison is present
Perfect for visual case studies
- Interior design, construction and renovation projects
- Beauty, skincare, dentistry and cosmetology results
- Photography retouching and color grading
- Restoration, cleaning and repair services
- Fitness, landscaping and product transformations
Flexible and easy to customize
Edit the Before and After labels, choose a 16:9, 4:3, 3:2, square or natural aspect ratio, adjust the crop focal point and match the colors to your website. Add context with a case-study heading, result summary, caption and optional CTA link.
Accessible and performance-conscious
The comparison uses a native range control for keyboard navigation, supports meaningful or decorative image alternatives and includes responsive image output. It has no jQuery dependency and makes no tracking or remote-service requests.
Multilingual
The English interface includes translations for Polish, German, Spanish, French, Italian, Brazilian Portuguese, Dutch, Ukrainian, Japanese and Simplified Chinese.
Requirements
- WordPress 6.4 or newer
- PHP 7.4 or newer
- Tested with WordPress up to 7.0
What you receive
A ready-to-install ZIP package for Visual Case Study version 1.2.0, licensed under GPLv2 or later.
Quick start
- Install and activate the plugin.
- Add the Before/After Slider block to a page or post.
- Select the Before and After images.
- Adjust the design and comparison settings.
- Publish your visual case study.
There are no reviews yet.