Image Comparison Widget for Elementor Page Builder
The Image Comparison Widget for Elementor Page Builder is a premium, highly interactive before/after slider that lets you visually compare two images in a fully customizable way. It supports both vertical and horizontal comparison, so you can choose the orientation that best fits your layout and visuals. You can also customize the comparison handle, selecting either a circle or rectangle drag tool to match your design style. For interaction, the widget offers three modes: - Mouse Move - Drag - Click This flexibility lets you control exactly how visitors explore the before/after effect, from subtle hover movement to deliberate dragging or clicking. You can further enhance engagement by: - Adding a hover overlay color to draw attention when users interact with the comparison. - Fully controlling label positions (Top, Bottom, Middle, Left, Right, Center) so “Before / After” or any custom labels are placed exactly where they are most readable and visually appealing. Overall, this widget is ideal for showcasing before/after results, product changes, edits, renovations, or any two-state visual comparison, while keeping full control over interaction, style, and layout directly inside Elementor.
Key Features
- Compare **two images** in a single, interactive before/after view.
- Choose **vertical or horizontal orientation** to match your layout.
- Fully customizable **drag handle** with **circle or rectangle** styles.
- Supports **mouse move, drag, and click** interaction modes for comparison.
- Add hover **overlay color** and adjust **label positions** (top, bottom, middle, left, right, center).
- Seamlessly integrates with **Elementor Page Builder** for easy visual editing.
