Compare two images, increase user interaction and retention time.
Comparing two images side by side can be hard – everybody who ever played a “spot the difference” game knows that. Luckily, there is a way to make this task not only easy but fun too – and it will increase your user interactionandretention time, which will give your site a nice boost in the search engine ranks.
Before After Slider for Divi lets you compare images in one module, using a slider which you can move back and forth to hide or reveal one image over the other. The module couldn’t get any simpler in terms of usage and setup.
Simply choose your images, the alt tags, the slider direction (horizontal/vertical) and the slider starting position (0%-100%). Before After Slider for Divi will do the rest and create an awesome, responsive, touch-enabled before-after-slider which looks great on any device and is immediately understood by everyone who uses it – even if it is their first time seeing such a module.
The slide looks exactly like in the samples, and is easy to install and add-in the before / after images.
Any plans to make the module’s elements easy-to-change via the design tab (e.g. thickness of the slider, size of the image) without getting into the coding? We used this with a client and while it looks great, we got feedback from customers that they notice the slider in the images. We were hoping to make the line thicker and maybe change the color so it pops more on the page. Would be cool if this was baked into the design tab!
Thanks for creating, this is a great tool for including a simple before / after module!