How to create Before after Image Comparison using Widget for The Plus Addons for Elementor? [Video Tutorial]

Updated onApril 11, 2026By

Key Takeaways

  • The Plus Addons for Elementor offers a Before After Image Comparison feature with 70+ options for creating variations.
  • The Before After Image Comparison feature supports vertical, horizontal, and opacity-based comparisons.
  • The Plus Addons for Elementor provides cross-browser support for its features.
Table Of Content
YouTube video
Video Duration: 01 : 47

Video Overview

This feature is part of The Plus Addons for Elementor plugin. It’s awarded as a best elementor third party addons. It’s used by lots of designers and developers to super charge their Elementor website.

Introducing fastest and easiest way to compare images to showcase before after by horizontal, vertical and opacity based system for WordPress Using Elementor.

70+ Options to Create Variations

Vertical, Horizontal & Opacity Based

On Hover or On Click Options

Cross Browser Support

Above Feature/Widget URL : https://theplusaddons.com/elementor-widget/elementor-before-after-slider/
Official Plugin Website : https://theplusaddons.com/
Purchase Link : https://theplusaddons.com/pricing//

You can join us to discuss or Stay Tuned to get updates.
Facebook Community : https://www.facebook.com/groups/theplus4elementor/
Facebook Page : https://www.facebook.com/tpaelementor/

Get further Support : https://store.posimyth.com/helpdesk/
Documentation : theplusaddons.com/docs/

Get in touch with us directly on messenger.
Facebook Live Chat : https://m.me/theplusaddonsforelementor/

Our addons are listed in elementor’s top widgets page, WpExplorer’s best elementor addons Article, Got highest ranking in kasa reviews for best third party addons, and listed by many other websites and experts. We are consider as a best addons for elementor ever built. We try to improve addons to it’s level best for elementor page builder.

Get The Plus Addons for Elementor
View 120+ Elementor Widgets Demo

About the Author

Photo of Aditya Sharma CMO of The Plus Addons for Elementor
CMO · The Plus Addons for Elementor · 10 years experience

He has spent years in the WordPress ecosystem building, breaking, and optimizing sites until they actually perform. He works at the intersection of speed, growth, and usability, helping creators ship websites that load fast and convert. An active WordPress community contributor sharing through tools, tutorials, and direct collaboration. Tested practice, not theory.

WordPressElementorn8nAIClaudeAutomationServer
LinkedIn X GitHub YouTube Website
Get Instant Answers to all your questions about The Plus Addons for Elementor, trained on 1000+ Docs and Videos

Related Frequently Asked Questions

What are the best use cases for the Before After Image Comparison widget?

The Before After Image Comparison widget is ideal for showcasing transformations, such as renovations, product upgrades, or any visual changes over time. This can be particularly effective for designers and developers looking to highlight their work on websites. The widget supports vertical, horizontal, and opacity-based comparisons, allowing for versatile presentations.

What are common mistakes when setting up the Before After Image Comparison widget?

A common mistake is not utilizing the hover or click options effectively. Many users overlook these features, which can enhance user interaction. Ensuring that you configure these settings can significantly improve the user experience and engagement with your image comparisons.

How does the Before After Image Comparison widget compare to other image comparison tools?

The Before After Image Comparison widget stands out due to its integration with The Plus Addons for Elementor, offering over 70 options for customization. Unlike other tools, it provides a seamless experience within the Elementor environment, allowing for easy adjustments without needing additional plugins.

Can I create a comparison with more than two images using this widget?

The Before After Image Comparison widget is specifically designed for two images, allowing users to compare before and after states. If you need to showcase multiple comparisons, consider creating separate instances of the widget for each pair of images to maintain clarity and focus.

What settings work best for creating an effective Before After Image Comparison?

For an effective Before After Image Comparison, using the opacity-based option can create a smooth transition between images. This setting allows viewers to see the differences gradually, which can be more engaging than abrupt changes. Additionally, ensure that your images are high-quality and well-lit to maximize visual impact.

Last reviewed: April 11, 2026

Related Docs