Smart Before After Viewer – Responsive Image Comparison Plugin

Version
—
Updated
Sep 28, 2017
Developer
Codecanyon
Report
Some issue?
Smart Before After Viewer – Responsive Image Comparison Plugin
Smart Before After Viewer is a Wordpress plugin that highlights visual differences between two images with drag or hover interactions, helping visitors quickly see your work's impact. Fully responsive and mobile-friendly, it offers a shortcode generator, unlimited views, customizable labels and colors, and an easy way to showcase improvements.
$39.00 $1.97 -97%
Add to cart
Instant download after purchase ClamAV scanned · Clean
All-Access Membership

Make your site exactly what you imagine.

Change themes. Try new plugins. Experiment until it feels right. With full access to 20,400+ tools, you're free to build without limits.

  • 🖌️ Professional design: Give your store or blog a unique look.
  • ⚡ More conversions: Use templates and plugins built to sell.
  • 🔄 Experiment freely: Switch themes and try new tools without extra cost.
  • 👶 Beginner-friendly: No experience needed—just pick and activate.
  • 📈 More downloads: Get up to 20 items daily instead of just one.

Everything included

$6.97/mo

Cancel anytime

Start building freely →
Items available 20,400+
Daily downloads up to 20
Happy customers 11,000+

Description

Smart Before After Viewer is a WordPress plugin that helps you clearly compare two images by highlighting the visual differences between “before” and “after.” Instead of relying on plain text or screenshots, it lets visitors explore changes interactively with drag or hover actions. This is useful for showing edits, improvements, and results where proof matters—on landing pages, portfolios, and project pages.

With a responsive, mobile-friendly design, customizable labels and colors, and a shortcode generator, you can add comparison viewers quickly. It also includes a template tag option for theme developers who want to embed the viewer directly inside template files.

Main Features

  • Responsive — Fully responsive layout that adapts to different screen sizes.
  • Mobile Friendly — Touch-ready interaction for phones and tablets.
  • Shortcode Generator — Create and insert viewers using shortcodes.
  • Different Interactions — Choose drag or hover behavior for the comparison.
  • Different Orientations — Use horizontal or vertical layouts depending on your page design.
  • Custom Labels and Colors — Set your own “before/after” text and styling.
  • Multiple Views — Build unlimited before/after viewers on a single page.
  • Template Tag — Use in WordPress theme template files.
  • Documentation — Included guidance for setting up and using the plugin.

Benefits

  • Clear visual proof — Visitors quickly understand what changed between images.
  • Better engagement — Interactive drag/hover comparisons improve on-page UX.
  • Faster publishing — Shortcode generation speeds up adding viewers to posts and pages.
  • More consistent branding — Custom labels and colors help match your theme style.
  • Improved scannability — Multiple views and orientation options support organized case studies.
  • Theme-friendly flexibility — Template tag support helps developers embed comparisons in layouts.

Who is it suitable for?

  • WooCommerce stores featuring product upgrades, restorations, or item variations
  • Design agencies and freelancers showcasing client work
  • Photography, video, and editing portfolios that need visual comparisons
  • Real estate and renovation businesses presenting property or home improvements
  • Blogs and content sites publishing before/after tutorials or case studies
  • WordPress theme developers who want flexible template integration