Before and After Slider for ModX

Reveal the way your products and services truly work and increase your profit


Before and After Slider for ModX
1 / 6


Before and After Slider by Elfsight will help you showcase astonishing promoting pictures for your website. Users will have a chance check all the changes that your goods or services introduce. Just upload two pictures to Before and After Slider for ModX and they will come out with a divider which cam be moved to spot the change. You can create unlimited slides, and add captions and labels. The sliding orientation offers two options: horizontal or vertical, and you are free to set the most fitting image ratio. Your clients will be doomed to buy, when they explore the actual efficiency| of your offers!

Use before & after slider to take your e-commerce peaks easier!

Get to know the list of the most powerful features:

  • Create unlimited Before and After sets of photos
  • Insert captions with text formatting options to each slide
  • Two ready-to-use layouts: List and Carousel
  • Horizontal or vertical movingof the divider
  • Click and drag or simply hovering to shift the divider
  • Swiping on touch screen devices

You can explore the full capabilities of the widget in the demo on this page

How can I embed Before and After Slider on my ModX website?

Just take the steps presented below to start working with the tool.

  1. Manage our free configurator and start building your unique extra.
    Find the selected arrangement and options of the extra and save all the edits.
  2. Copy the unique code which appears in the window on Elfsight Apps.
    After the customization of your personal extra is complete, copy your code in the emerged box and save it for later occasion.
  3. Initiate employment of the extra on ModX web page.
    Paste the code copied recently into your page and apply the adjustments.
  4. You’re done! The embedding is fully ended.
    Open your website to observe how’s the extra running.

On condition of confronting inquiries or facing any difficulties, please seek assistance of our customer service staff. Our specialists are eager to help you with all the difficulties you might have on the tool.

How to add a Before and after slider to my ModX website without coding skills?

Elfsight provides a SaaS solution that lets you create a Before and After slider widget yourself, see how easy the process is: Work directly in the online Editor to create a Before and After slider widget you would like to see on your ModX website. Pick one of the premade templates and adjust the Before and after slider settings, add your content, change the layout and colors without any coding skills. Save the Before and After slider and copy its installation code, that you can easily paste in your ModX website with no need to buy a paid subscription. With our intuitive Editor any internet user can create Before and after slider widget online and easily embed it to their ModX website. There is no need to pay or enter your card credentials in order to access the service. If you face any issues at any step, please feel free to contact our technical support team.


14-day money back guarantee. Risk-free, you can cancel at anytime.
Elfsight Apps
Platform-independent digital solution that works on any website
from $0 / month
start with free plan
Unlimited websites
Premium support
Free installation service
Great deal for multiple apps
100% customizable