{"id":142190,"date":"2021-06-12T03:29:05","date_gmt":"2021-06-12T03:29:05","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/wptd-image-compare\/"},"modified":"2026-08-21T16:30:59","modified_gmt":"2026-08-21T16:30:59","slug":"wptd-image-compare","status":"publish","type":"plugin","link":"https:\/\/sr.wordpress.org\/plugins\/wptd-image-compare\/","author":23540052,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.4.3","stable_tag":"1.4.3","tested":"7.0.4","requires":"6.0","requires_php":"7.4","requires_plugins":null,"header_name":"Before After Image Compare \u2014 Gutenberg & Elementor","header_author":"Zelvigo","header_description":"WPTD Image Compare is advanced elementor image compare plugin. We provide horizontal and vertical image compare slider for user convenient.","assets_banners_color":"","last_updated":"2026-08-21 16:30:59","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/zelvigo.com\/","header_author_uri":"https:\/\/zelvigo.com","rating":4,"author_block_rating":0,"active_installs":200,"downloads":2423,"num_ratings":1,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.3.0":{"tag":"1.3.0","author":"zelvigo","date":"2026-08-20 16:54:51"},"1.4.1":{"tag":"1.4.1","author":"zelvigo","date":"2026-08-21 16:26:35"},"1.4.3":{"tag":"1.4.3","author":"zelvigo","date":"2026-08-21 16:30:59"}},"upgrade_notice":[],"ratings":{"1":0,"2":0,"3":0,"4":1,"5":0},"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":2546661,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128}},"assets_banners":[],"assets_blueprints":{},"all_blocks":{"wptd\/image-compare":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"wptd\/image-compare","version":"1.4.0","title":"Before After Image Compare","category":"media","icon":{"src":"file:.\/compare-icon.svg","foreground":"#282828"},"description":"Compare two images with a before\/after slider.","keywords":["image","compare","before","after","slider"],"textdomain":"wptd-image-compare","attributes":{"beforeImageId":{"type":"number","default":0},"beforeImageUrl":{"type":"string","default":""},"afterImageId":{"type":"number","default":0},"afterImageUrl":{"type":"string","default":""},"imageSize":{"type":"string","default":"full"},"orientation":{"type":"string","default":"horizontal"},"offset":{"type":"number","default":0.5},"slideHover":{"type":"boolean","default":false},"swipe":{"type":"boolean","default":false},"move":{"type":"boolean","default":false},"overlay":{"type":"boolean","default":false},"beforeText":{"type":"string","default":"Before"},"afterText":{"type":"string","default":"After"}},"supports":{"html":false,"align":["wide","full"],"spacing":{"margin":true,"padding":true}},"editorScript":"wptd-image-compare-block-editor","editorStyle":"wptd-image-compare-block-editor","viewScript":"wptd-image-compare","style":"wptdimgc"}},"tagged_versions":["1.3.0","1.4.1","1.4.3"],"block_files":[],"assets_screenshots":{"screenshot-1.jpg":{"filename":"screenshot-1.jpg","revision":3659353,"resolution":"1","location":"assets","locale":"","width":330,"height":681},"screenshot-2.jpg":{"filename":"screenshot-2.jpg","revision":3659353,"resolution":"2","location":"assets","locale":"","width":357,"height":687},"screenshot-3.jpg":{"filename":"screenshot-3.jpg","revision":2546661,"resolution":"3","location":"assets","locale":"","width":636,"height":560},"screenshot-4.jpg":{"filename":"screenshot-4.jpg","revision":2546661,"resolution":"4","location":"assets","locale":"","width":636,"height":560},"screenshot-5.jpg":{"filename":"screenshot-5.jpg","revision":3659353,"resolution":"5","location":"assets","locale":"","width":698,"height":732}},"screenshots":{"1":"<p>Gutenberg block \u2014 before after image compare in the block editor.<\/p>","2":"<p>Elementor widget \u2014 search for \"compare\" or \"before after\".<\/p>","3":"<p>Vertical before\/after slider.<\/p>","4":"<p>Horizontal before\/after slider.<\/p>","5":"<p>Overlay labels on the comparison slider.<\/p>"}},"plugin_section":[],"plugin_tags":[11619,76538,151844,190340,2141],"plugin_category":[],"plugin_contributors":[274369],"plugin_business_model":[],"class_list":["post-142190","plugin","type-plugin","status-publish","hentry","plugin_tags-before-after","plugin_tags-elementor","plugin_tags-gutenberg-block","plugin_tags-image-compare","plugin_tags-image-slider","plugin_contributors-zelvigo","plugin_committers-wpthemedevelopers","plugin_committers-zelvigo"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/wptd-image-compare\/assets\/icon-128x128.png?rev=2546661","icon_2x":false,"generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/wptd-image-compare\/assets\/screenshot-1.jpg?rev=3659353","caption":"<p>Gutenberg block \u2014 before after image compare in the block editor.<\/p>"},{"src":"https:\/\/ps.w.org\/wptd-image-compare\/assets\/screenshot-2.jpg?rev=3659353","caption":"<p>Elementor widget \u2014 search for \"compare\" or \"before after\".<\/p>"},{"src":"https:\/\/ps.w.org\/wptd-image-compare\/assets\/screenshot-3.jpg?rev=2546661","caption":"<p>Vertical before\/after slider.<\/p>"},{"src":"https:\/\/ps.w.org\/wptd-image-compare\/assets\/screenshot-4.jpg?rev=2546661","caption":"<p>Horizontal before\/after slider.<\/p>"},{"src":"https:\/\/ps.w.org\/wptd-image-compare\/assets\/screenshot-5.jpg?rev=3659353","caption":"<p>Overlay labels on the comparison slider.<\/p>"}],"raw_content":"<!--section=description-->\n<h3>Before After Image Compare for Gutenberg &amp; Elementor<\/h3>\n\n<p>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 \u2014 no coding required.<\/p>\n\n<p><strong>Built by <a href=\"https:\/\/zelvigo.com\/\">Zelvigo<\/a><\/strong> \u2014 the WordPress developer tools platform for generating production-ready plugins, CPTs, taxonomies, settings pages, shortcodes, and Gutenberg blocks.<\/p>\n\n<h3>Features<\/h3>\n\n<ul>\n<li><p>Gutenberg block and Elementor widget<\/p><\/li>\n<li><p>Horizontal and vertical slider orientation<\/p><\/li>\n<li><p>Default offset control (0\u20131)<\/p><\/li>\n<li><p>Move slider on mouse hover<\/p><\/li>\n<li><p>Swipe and click-to-move options<\/p><\/li>\n<li><p>Before\/after overlay labels<\/p><\/li>\n<li><p>Works with any WordPress theme<\/p><\/li>\n<\/ul>\n\n<h3>Need more WordPress tools?<\/h3>\n\n<p>Visit <a href=\"https:\/\/zelvigo.com\/\">Zelvigo Dev Studio<\/a> to generate custom post types, taxonomies, plugin boilerplates, and more \u2014 in minutes.<\/p>\n\n<!--section=installation-->\n<ol>\n<li><p>Upload the <code>wptd-image-compare<\/code> folder to <code>\/wp-content\/plugins\/<\/code>.<\/p><\/li>\n<li><p>Activate the plugin through the <strong>Plugins<\/strong> menu in WordPress.<\/p><\/li>\n<li><p>Add the <strong>Before After Image Compare<\/strong> block in Gutenberg, or the widget in Elementor.<\/p><\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"can%20i%20use%20this%20plugin%20without%20elementor%3F\"><h3>Can I use this plugin without Elementor?<\/h3><\/dt>\n<dd><p>Yes. Use the Gutenberg block in the block editor. Elementor support is included when Elementor is installed.<\/p><\/dd>\n<dt id=\"does%20it%20work%20with%20any%20theme%3F\"><h3>Does it work with any theme?<\/h3><\/dt>\n<dd><p>Yes. It works with any WordPress theme that supports the block editor or Elementor.<\/p><\/dd>\n<dt id=\"who%20built%20this%20plugin%3F\"><h3>Who built this plugin?<\/h3><\/dt>\n<dd><p>This plugin is built by <a href=\"https:\/\/zelvigo.com\/\">Zelvigo<\/a>, a WordPress developer tools platform.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.4.3<\/h4>\n\n<ul>\n<li><p>Fixed custom widget icon not appearing in the Elementor panel.<\/p><\/li>\n<li><p>Added compare icon styles for Elementor editor and preview.<\/p><\/li>\n<\/ul>\n\n<h4>1.4.2<\/h4>\n\n<ul>\n<li><p>Added custom compare icon for Gutenberg and Elementor.<\/p><\/li>\n<li><p>Improved shared icon asset registration.<\/p><\/li>\n<\/ul>\n\n<h4>1.4.1<\/h4>\n\n<ul>\n<li><p>Rebranded plugin for Zelvigo. Removed legacy WPTD branding from all user-facing areas.<\/p><\/li>\n<li><p>Updated plugin title, admin page, Elementor category, and promotional links to zelvigo.com.<\/p><\/li>\n<\/ul>\n\n<h4>1.4.0<\/h4>\n\n<ul>\n<li><p>Added Gutenberg block with the same image compare options as Elementor.<\/p><\/li>\n<li><p>Shared frontend renderer for Elementor widget and block output.<\/p><\/li>\n<li><p>Elementor integration is now optional; the plugin works with the block editor alone.<\/p><\/li>\n<\/ul>\n\n<h4>1.3.0<\/h4>\n\n<ul>\n<li><p>Fixed data-after token rendering bug in widget layout.<\/p><\/li>\n<li><p>Updated plugin contributor ownership parameters.<\/p><\/li>\n<\/ul>\n\n<h4>1.1<\/h4>\n\n<ul>\n<li>Elementor _register_controls deprecation issue fixed<\/li>\n<\/ul>\n\n<h4>1.0<\/h4>\n\n<ul>\n<li>Initial release.<\/li>\n<\/ul>","raw_excerpt":"Create stunning before and after image sliders in Gutenberg or Elementor. Free, responsive, and easy to use. Built by Zelvigo.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/sr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/142190","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/sr.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/sr.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=142190"}],"author":[{"embeddable":true,"href":"https:\/\/sr.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/zelvigo"}],"wp:attachment":[{"href":"https:\/\/sr.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=142190"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/sr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=142190"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/sr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=142190"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/sr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=142190"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/sr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=142190"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/sr.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=142190"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}