Elfsight Before and After Slider Icon

Elfsight Before and After Slider

Showcasing how your offers work through photos comparison

By Elfsight (elfsight)

Before and After Slider by Elfsight allows you configure amazing promoting images for your site. Clients can discover all the effects that your products or services introduced. Just upload two pictures and they will be shown with a divider that moves to watch the difference. You can create unlimited slides, and write captions and labels. The sliding direction can be horizontal or vertical, and you are free to select the most appropriate image ratio. Your clients will can’t but make a purchase, as soon as they capture the real effectiveness of your offers!


Increase sales showing convincing product images

Demonstrate great results that your services or goods give to clients and inspire them to purchase

Prove every user that your offers are really working

Visualizing the real difference, you will prove high efficiency of your offers and lift their perceived value

Boost engagement and interaction level

Interactive and demonstrative content will maintain a high level of engagement on your site


Demonstrate unlimited before and after photo sets

Simply upload two images depicting the change or the effect of your skills or offers, and our extra will automatically shape a slider split by a divider. Users will like the possibility to interact and play around with the divider. You are free to demonstrate unlimited sets to start a brilliant product portfolio.

Choose the layout and set the right size

Trytwo ready-to-use layouts: Carousel and List. Make a carousel of image sets, with arrows to navigate or build all the pictures in one vertical line. Select the best extra width and choose image ratio out of the available options.

Set the background and paint the interface

You can use the option to choose the color of the extra background or upload personalized background image. To make interface match with your website colors, paint all the text elements yourself and vary the font size and weight, too.

This Modx Comaprison Slider extra is provided by Elfsight Apps

This Before and After Slider extra is provided by Elfsight Apps

Elfsight Apps is a cloud-based service featuring apps to extend and diversify your website functionality (for instance, Instagram Feed, YouTube Gallery, Social Icons and others).

This widget functions as a bridge between your website and Elfsight Apps Service, connecting the two together. It gets the widget you’ve configured at Elfsight Apps and shows it right on your website.

In case you don’t have an Elfsight Apps account, you can register totally free, and it only will take around one minute.

How to add Before and After Slider to MODX website

  • Obtain the extra and embed it to the site On Before and After Slider page, find the document and download it. Open «Extend» tab of your administrator panel and add the extra to your MODX store.
  • Shape your plugin In the list of the extras, select the new extra and activate it. Now you can enter selected text content and personalize the appearance. Receive the installation code from the appeared window. Copy it.
  • Add the extra on your webpage In the «Content» tab, find the page you would like to embed the plugin to and insert the copied code there. Save the edits.
  • You successfully performed the installation Visit your MODX site, to view your extra!
  • ### Support As soon as you have any problems with the Comparison Slider for ModX or have questions, feel free to address our clients support. We are always delighted to help! ### Free Installation Service Our Support Team will be glad to help you with the embedding or implement the extra for you. We will be looking forward to your requests at apps@elfsight.com, and we’ll be pleased to help! Still haven’t tested our plugin live? Start right now on the [Before and After Slider](https://elfsight.com/before-and-after-slider-widget/) page!


    New in Elfsight Before and After Slider 1.0.0




    February 12, 2020
    Supported Versions
    2.3 – 2.7

    Previous Versions


    More from Elfsight

    Elfsight Search

    Embed your Search on the MODX website

    Efsight Visitor Counter

    Embed your Visitor Counter on the MODX website

    Elfsight Restaurant Menu

    Embed your Restaurant Menu extra on the MODX website

    Elfsight Number Counter

    Embed your Number Counter on the MODX website