Before After Image Slider Elementor Addon

Showing a change with two separate photos asks the visitor to compare them by eye. Before After Image Slider Elementor Addon puts both images in one slider, so a single drag reveals the difference. It works well for home renovations, beauty results, weight loss progress and product upgrades.

The addon runs inside Elementor and uses its drag-and-drop interface, so no coding is needed. You pick the images, choose a vertical or horizontal layout, and adjust labels, colors and handle style to fit your site. The sliders are responsive and display on desktops, tablets and phones.

Features

• Built for Elementor: Add and adjust before and after sliders with Elementor's drag-and-drop interface, so you can build image comparisons without writing any code.
• Vertical and horizontal layouts: Choose whether the slider divides the images side to side or top to bottom, depending on the shape of your photos and your page design.
• Responsive and Retina ready: Sliders are made for desktops, tablets and smartphones, and for high-resolution screens, so comparisons stay sharp across devices.
• Custom labels and overlay colors: Rename the Before and After labels and change the slider overlay colors so the comparison matches your brand.
• Move on hover option: Turn on hover movement so the slider follows the pointer, which invites visitors to explore the changes without clicking or dragging.
• Two image source options: Load images from your WordPress Media Library or point to them directly with a URL, whichever suits your content workflow.
• Detailed style controls: Adjust slider size, handle style, overlay opacity and other settings to control how the finished comparison looks on the page.

Best for

• Renovation and construction portfolio sites
• Beauty, fitness and wellness businesses
• Elementor designers building client sites