Before After
Before After plugin integrates modified version jQuery Before/After Plugin in the wordpress. It can be used to show the difference between edited and original photo, before and after photos of changes, etc.
Consider an alternative
Before After shows warning signs in 2026 — compare the alternatives below before installing. It runs on 100+ sites, is rated 4.6/5 and was last updated 11 years ago, and scores 35/100 on our health check.
- Small user base (100+ active installs)
- No update in 10 years
- Only tested up to WordPress 4.4 (latest is 7.1)
How does it stack up?
Side-by-side on installs, updates, ratings & support
Daily downloads
Download spikes usually follow a new release — each site that auto-updates counts as a download.
Rankings
Where Before After stands todayWordPress.org search rankings
Live position in the plugin search, top 100| Keyword | Position |
|---|---|
| after | >100 |
| before | >100 |
| photo effects | >100 |
| photoblog | #8 |
| photos | >100 |
Version adoption
Share of active sites per release.
Rating breakdown
★★★★★★★★★★ 4.6 from 11 reviews
About Before After
From the official readme · v1.0.2Description
Before After plugin integrates modified version jQuery Before/After Plugin in the wordpress.
It can be used to show the difference between edited and original photo, before and after photos of changes, etc.
Please check ‘Other Notes’ for the Usage instructions to see how to use it on your blog
Demosites:
Demo with Latest version
Operation on custom theme
Author info:
Follow me on Twitter or become my Friend on facebook
Also on Google+
Usage
- Write the content of your post other than the images
- Switch to ‘HTML-editor’ mode of the post editor area
- Click ‘BeforeAfter’ button (This will start the ‘[beforeafter]’ shortcode)
- Add the photos to your post through the wordpress image/media uploader
- 1 photo should be left align when you insert the images on your post, the other one can be aligned right/center/none
- The ‘left-aligned’ photo is taken as before photo so please align your photos accordingly
- After you have inserted the two images in the post Click ‘BeforeAfter’ button again to close ‘[/beforeafter]’ shortcode.
- You can add more content to your post after closing the ‘[/beforeafter]’ shortcode
- The content other than image information withing the ‘[beforeafter]…[/beforeafter]’ is ignored when the shortcode is executed, in other places like home page archive page the content will be shown as is in the post.
Installation
Requirements
- WordPress: 2.9 or newer
Auto Installation
- Go to your blog’s WordPress Admin Panel -> Plugins -> Add New
- Search for “before after instruite”
- Click “Install now”
Configuration
- Go to your blog’s WordPress Admin Panel -> Options -> Before After
- Set the parameters as per your requirements (should work with default parameters too)
- See Plugin Pagefor more details on configuration parameters
Manual Installation
- Plugin folder in the WordPress plugins folder must be
before-after - Upload folder
before-afterto the/wp-content/plugins/directory - Activate the plugin through the ‘Plugins’ menu in WordPress
- Check out ‘Other Notes’ for usage instruction.
Changelog
In case before after page breaks deactivate and reactivate the plugin once
1.0.2
- Bumping the version number
- Updated readme file with new demo info and updated FAQs
1.0.1
- Minor Bug Fix
1.0.0
- Total revamped of code
- Using modified version of Jquery Before After original script to V1.3
- Added options page
- Before After Javascripts options can be provided through shortcode attributes now
0.1.5
- Fixed the bug causing php error
0.1.4
- Changed code to use JScripts bundeled with WordPress
- Modified the beforeafter.js for a fix for depreceated function
- bug in image cause image height to default to 0
0.1.3
- Upgrade the original jquery.beforeafter to V1.2
For developers
Is this your plugin? Show off the numbers.
Add a live badge to your site, docs or GitHub README. It updates on its own — no account needed.
Best Before After alternatives
All after plugins →
FAQ
Before After: quick answers
Straight answers, pulled from live WordPress.org data.
Live data from WordPress.org · checked Oct 6, 2026
Is Before After free?
Yes. Before After is free to download and use from the official WordPress.org plugin directory.
Is Before After safe to use in 2026?
Before After shows warning signs in 2026 — compare the alternatives below before installing. It runs on 100+ sites, is rated 4.6/5 and was last updated 11 years ago, and scores 35/100 on our health check.
How many websites use Before After?
Before After is active on 100+ WordPress websites and has been downloaded 18,273 times since it launched in March 2010. It was downloaded 107 times in the last 30 days.
Does Before After work with WordPress 7.1?
Before After is officially tested up to WordPress 4.4.34, while the latest release is 7.1.2. It may still work, but try it on a staging site first.
When was Before After last updated?
The latest version, 1.0.2, was released on February 16, 2016 (11 years ago).
Who makes Before After?
Before After is developed and maintained by Hemant Nandrajog (instruite).
What are the best alternatives to Before After?
The most popular alternatives to Before After are Before + After Images for D… (3K+ installs), Advanced Image Comparison f… (1K+ installs) and Insert Blocks Before or Aft… (1K+ installs).
Powered by PageForge
Want thousands of pages that rank like these? Build them in an afternoon.
This directory runs on the same engine as PageForge. Turn any spreadsheet, CSV or API into thousands of fast, SEO-ready WordPress pages — with schema, internal links and AI-written copy baked in.
- CSV, Google Sheets & API data sources
- AI content, schema & internal links per page
- Works with Elementor, Gutenberg, Yoast & Rank Math
- Free on WordPress.org — no credit card
