Title: Before After Image Compare — Gutenberg & Elementor
Author: Zelvigo
Published: जून 12, 2021
Last modified: अगस्त 21, 2026
---
Search plugins
# Before After Image Compare — Gutenberg & Elementor
[Zelvigo](https://profiles.wordpress.org/zelvigo/) लिखले बारे
[डाउनलोड](https://downloads.wordpress.org/plugin/wptd-image-compare.1.4.3.zip)
* [Details](https://bho.wordpress.org/plugins/wptd-image-compare/#description)
* [समीक्षा](https://bho.wordpress.org/plugins/wptd-image-compare/#reviews)
* [Installation](https://bho.wordpress.org/plugins/wptd-image-compare/#installation)
* [Development](https://bho.wordpress.org/plugins/wptd-image-compare/#developers)
[मदद](https://wordpress.org/support/plugin/wptd-image-compare/)
## बिबरन
### Before After Image Compare for Gutenberg & Elementor
Showcase transformations, renovations, photo edits, and product comparisons with
a smooth before/after image slider. This plugin works in the WordPress block editor(
Gutenberg) and Elementor — no coding required.
**Built by [Zelvigo](https://zelvigo.com/)** — the WordPress developer tools platform
for generating production-ready plugins, CPTs, taxonomies, settings pages, shortcodes,
and Gutenberg blocks.
### Features
* Gutenberg block and Elementor widget
* Horizontal and vertical slider orientation
* Default offset control (0–1)
* Move slider on mouse hover
* Swipe and click-to-move options
* Before/after overlay labels
* Works with any WordPress theme
### Need more WordPress tools?
Visit [Zelvigo Dev Studio](https://zelvigo.com/) to generate custom post types,
taxonomies, plugin boilerplates, and more — in minutes.
## Screenshots
[⌊Gutenberg block — before after image compare in the block editor.⌉⌊Gutenberg block—
before after image compare in the block editor.⌉[
Gutenberg block — before after image compare in the block editor.
[⌊Elementor widget — search for "compare" or "before after".⌉⌊Elementor widget —
search for "compare" or "before after".⌉[
Elementor widget — search for “compare” or “before after”.
[⌊Vertical before/after slider.⌉⌊Vertical before/after slider.⌉[
Vertical before/after slider.
[⌊Horizontal before/after slider.⌉⌊Horizontal before/after slider.⌉[
Horizontal before/after slider.
[⌊Overlay labels on the comparison slider.⌉⌊Overlay labels on the comparison slider
.⌉[
Overlay labels on the comparison slider.
## Blocks
This plugin provides 1 block.
* Before After Image Compare Compare two images with a before/after slider.
## Installation
1. Upload the `wptd-image-compare` folder to `/wp-content/plugins/`.
2. Activate the plugin through the **Plugins** menu in WordPress.
3. Add the **Before After Image Compare** block in Gutenberg, or the widget in Elementor.
## FAQ
### Can I use this plugin without Elementor?
Yes. Use the Gutenberg block in the block editor. Elementor support is included
when Elementor is installed.
### Does it work with any theme?
Yes. It works with any WordPress theme that supports the block editor or Elementor.
### Who built this plugin?
This plugin is built by [Zelvigo](https://zelvigo.com/), a WordPress developer tools
platform.
## समीक्षा
### [The problem with the “After”](https://wordpress.org/support/topic/the-problem-with-the-after/)
[kickermax](https://profiles.wordpress.org/kickermax/) जून 14, 2023 1 reply
A good plugin, everything works fine. But there is a problem. The inscription “after”
is displayed, but copies the content “before”. It is fixed very easily. In the file
image-compare.php (along the way wptd-image-compare/trunk/widgets/image-compare.
php) in function renderduring subsequent rendering, “data-before” and “data-after”
have the same tokens (thats all).echo sprintf(‘’, Just change last data-
after for “%9$s”
[ Read all 1 review ](https://wordpress.org/support/plugin/wptd-image-compare/reviews/)
## Contributors & Developers
“Before After Image Compare — Gutenberg & Elementor” is open source software. The
following people have contributed to this plugin.
Contributors
* [ Zelvigo ](https://profiles.wordpress.org/zelvigo/)
[Translate “Before After Image Compare — Gutenberg & Elementor” into your language.](https://translate.wordpress.org/projects/wp-plugins/wptd-image-compare)
### Interested in development?
[Browse the code](https://plugins.trac.wordpress.org/browser/wptd-image-compare/),
check out the [SVN repository](https://plugins.svn.wordpress.org/wptd-image-compare/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/wptd-image-compare/)
by [RSS](https://plugins.trac.wordpress.org/log/wptd-image-compare/?limit=100&mode=stop_on_copy&format=rss).
## Changelog
#### 1.4.3
* Fixed custom widget icon not appearing in the Elementor panel.
* Added compare icon styles for Elementor editor and preview.
#### 1.4.2
* Added custom compare icon for Gutenberg and Elementor.
* Improved shared icon asset registration.
#### 1.4.1
* Rebranded plugin for Zelvigo. Removed legacy WPTD branding from all user-facing
areas.
* Updated plugin title, admin page, Elementor category, and promotional links to
zelvigo.com.
#### 1.4.0
* Added Gutenberg block with the same image compare options as Elementor.
* Shared frontend renderer for Elementor widget and block output.
* Elementor integration is now optional; the plugin works with the block editor
alone.
#### 1.3.0
* Fixed data-after token rendering bug in widget layout.
* Updated plugin contributor ownership parameters.
#### 1.1
* Elementor _register_controls deprecation issue fixed
#### 1.0
* Initial release.
## मेटा
* Version **1.4.3**
* Last updated **2 weeks पहिले**
* Active installations **200+**
* WordPress version ** 6.0 चाहे एकरो से ऊपर **
* Tested up to **7.0.4**
* PHP version ** 7.4 चाहे एकरो से ऊपर **
* Language
* [English (US)](https://wordpress.org/plugins/wptd-image-compare/)
* Tags
* [before after](https://bho.wordpress.org/plugins/tags/before-after/)[elementor](https://bho.wordpress.org/plugins/tags/elementor/)
[Gutenberg block](https://bho.wordpress.org/plugins/tags/gutenberg-block/)[image compare](https://bho.wordpress.org/plugins/tags/image-compare/)
[image slider](https://bho.wordpress.org/plugins/tags/image-slider/)
* [Advanced View](https://bho.wordpress.org/plugins/wptd-image-compare/advanced/)
## रेटिंग्स
4 out of 5 stars.
* [ 0 5-star reviews ](https://wordpress.org/support/plugin/wptd-image-compare/reviews/?filter=5)
* [ 1 4-star review ](https://wordpress.org/support/plugin/wptd-image-compare/reviews/?filter=4)
* [ 0 3-star reviews ](https://wordpress.org/support/plugin/wptd-image-compare/reviews/?filter=3)
* [ 0 2-star reviews ](https://wordpress.org/support/plugin/wptd-image-compare/reviews/?filter=2)
* [ 0 1-star reviews ](https://wordpress.org/support/plugin/wptd-image-compare/reviews/?filter=1)
[Your review](https://wordpress.org/support/plugin/wptd-image-compare/reviews/#new-post)
[See all reviews](https://wordpress.org/support/plugin/wptd-image-compare/reviews/)
## Contributors
* [ Zelvigo ](https://profiles.wordpress.org/zelvigo/)
## मदद
Got something to say? Need help?
[View support forum](https://wordpress.org/support/plugin/wptd-image-compare/)