Home / Widgets / Before & After Slider
Engage Visitors

Show Before & After Comparisons

Let visitors drag a slider to compare two images side by side. Great for fitness, renovation, beauty and anywhere a visual result tells the story.

Before & After Slider preview
Features

What makes the Before & After Slider widget stand out

Built to be simple to set up and powerful in results. Here are the highlights.

01

Drag to Compare

Visitors drag the divider to reveal more of the before or after image.

02

Touch Support

Dragging works smoothly on phones and tablets.

03

Starting Position

Choose where the divider starts so visitors see the view you want first.

And 3 more features.

Use cases

How businesses use the Before & After Slider widget

Real-world scenarios where the before & after slider widget delivers results.

Fitness

Fitness Transformation Gallery

Show client transformations so potential clients can see results from your program.

Dental

Dental Treatment Results

Show whitening, orthodontic and cosmetic dentistry results side by side.

Home Improvement

Home Renovation Portfolio

Showcase kitchen, bathroom and room makeovers so clients see the difference your work makes.

Who uses this

Fitness trainersDentists & clinicsHome renovatorsPhoto editorsBeauty & skincare
FAQ

Before-After Slider Widget FAQ

Everything you need to know about our before-after slider

What image formats are supported?

Upload JPG, PNG or GIF images, or paste an image URL.

Can I customize the slider design?

Yes. Set the divider color and width, the starting position, and the label size and background, and choose whether to show the arrows.

Is the widget mobile-friendly?

Yes. It is responsive and supports touch, so visitors can drag the slider on phones and tablets.

Can I add multiple before-after comparisons?

Yes. Add several image pairs to one widget and show them as a list or a carousel.

Can I add labels to the before and after sides?

Yes. Add your own text labels to each side, such as 'Before' and 'After' or anything that fits.

What is the recommended image size?

Use two images with the same dimensions, at least 800px wide, for a sharp result on every device.

Related widgets

You might also like

Add Before & After Slider widget to your site for free

Customize it your way. No coding needed.