Before After Image Slider Elementor Addon

Comparing two images can help visitors see a change that may be hard to explain with text alone. This plugin adds an interactive slider to Elementor pages, letting visitors compare before and after images in one display. It can suit portfolios and other sites that present renovations, transformations, progress, or product changes.

Add and customize the slider through Elementor’s drag-and-drop interface, with no coding required. Choose a vertical or horizontal layout, adjust the slider size, handle style, and overlay opacity, and set label and overlay colors. Images can come from the WordPress Media Library or a URL, and the slider can be set to move on hover.

Features

• Vertical or horizontal layouts: Choose a vertical or horizontal slider layout to suit the images and the way you want visitors to compare them.
• Custom labels and colors: Change the Before and After labels and overlay colors to fit the visual style of your site.
• Adjustable slider styling: Set the slider size, handle style, and overlay opacity to control how the image comparison appears on the page.
• Hover-based movement: Enable slider movement on hover so visitors can explore the difference between the two images.
• Flexible image sources: Use images from the WordPress Media Library or add them directly by URL.
• Elementor drag-and-drop editing: Add and customize image comparison sliders through Elementor’s drag-and-drop interface, without writing code.

Best for

• Home renovation portfolios
• Beauty and fitness transformation sites
• Product comparison pages