Elfsight Birthday Sale

Before and After Slider for Drupal

Showcase the way your products and services effectively work and raise sales


Before and After Slider for Drupal
1 / 6


Before and After Slider by Elfsight allows you publish fascinating selling images for your website. Users will have a chance to check all the effects that your products or services that you introduce. Simply upload before and after photos to Before and After Slider for Drupal and they will be demonstrated with a divider that moves to allow to compare. You can publish unlimited pairs of photos, each with its own caption. The sliding orientation can be horizontal or vertical, and you are free to select the most appropriate picture ratio. Your visitors will not escape making a purchase, once they explore the real effectiveness| of your products!

Get the best of before & after slider to reach your e-commerce peaks with less effort!

These are just several of the valuable widget features:

  • Add any amount of Before and After sets of pictures
  • Write captions with text formatting to each slide
  • Two ready-to-use layouts: List and Carousel
  • Horizontal or vertical direction of the divider
  • Clicking and dragging or simply hover to shift the divider
  • Swipe on touch screens

Merely check this demo to get the full idea

How do I embed Before and After Slider to my Drupal?

Simply follow the guidelines below to activate the plugin on Drupal.

  1. Perform our free editor and start shaping your custom-made Before and After Slider module.
    Specify the selected layout and features of the tool and save the edits.
  2. Get your individual code revealed in the box on Elfsight Apps.
    After the generation of your module is finished, copy the personal code in the appearing box and save it for future need.
  3. Initiate employment of the tool on your Drupal site.
    Paste the code copied recently into your website and save the corrections.
  4. You’re done! The integration is fully accomplished.
    Go your site to take a look at the work of the tool.

If you meet inquiries or run over some problems, have no hesitation to write to our support staff. Our consultants will be excited to resolve all the questions you might have on the product.

How to add a Before and after slider to my Drupal 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 Drupal 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 simply embed in your Drupal website without buying a paid version. With our intuitive Editor any internet user can create Before and after slider widget online and easily embed it to their Drupal 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
from $0 / month
start with free plan
Unlimited websites
Free customer support
Charge-free installation assistance
Limited time offer for multiple apps
Editable content
Elfsight Birthday Sale
33% OFF
Get your spot at our party!
Grab The Deal