How to add a Before & After Slider


I am interested in taking an Unbounce subscription. The landing pages and pop-ups look terrific. However, there’s one thing I am missing and I wonder if there’s an easy way to add it. I’m a photographer and I sell presets for Lightroom and Photoshop. So I want my landing pages to have a Before & After slider that people can drag from the left to the right, revealing the after image.
Something like this.
Any ideas on how to achieve that? Many thanks in advance.

Hello @Piet and welcome !

yes you can do it with the help of a script.
You’ll find all the info on this topic : TwentyTwenty Visual Diff Script

you’ll have to do some modification in the code to adapt it to the size of your photo and on our LP we had to do one for Desktop and one for Mobile.

you can see the result here :

1 Like