Before and After Slider for WordPress

Compare before-and-after visual changes on your WordPress website to show transformations, illustrate progress, and present clear, impactful results.
4.8 rating
10,000+ reviews
Free plan available
Create Widget for Free
No credit card needed
Before and After Slider for WordPress

Create your Before and After Slider plugin

Configure your Before and After Slider and add it to your WordPress website for free!

Screenshots

Before and After Slider for WordPress
1 / 6

Embed Before and After Slider on WordPress with the Elfsight widget

Before and After Slider by Elfsight helps you show impressive promoting photos for your website. Customers will be able to explore all the alterations that your goods or services make. Simply upload before and after pictures to Before and After Slider for WordPress and they will come out with a divider that users can move to see the difference. You can add unlimited pairs of photos, and write captions and labels. The divider orientation can be horizontal or vertical, and you can choose the best picture ratio. Your visitors will definitely order, once they find out the real efficiency| of your products!

Make your website more efficient for business objectives with photos of before and after

These are only several of the wide widget features:

  • Create any number of Before and After couples of pictures
  • Insert captions with text formatting to each image
  • Two inbuilt layouts: List and Carousel
  • Horizontal or vertical moving of the divider
  • Clicking and dragging or simply hover to shift the divider
  • Swipe on touch screen devices

Examine all the settings in full-featured demo

How do I add Before and After Slider on my WordPress website?

Simply follow the instructions below to start using the plugin on WordPress.

  1. Open our free demo and start shaping your customized plugin.
    Determine the preferred interface and parameters of the widget and apply the corrections.
  2. Copy your unique code appearing in the window on Elfsight Apps.
    When the establishing of your personal Before and After Slider plugin is done, copy the personal code at the appeared box and save it for further need.
  3. Initiate applying the widget on your WordPress website.
    Insert the code saved before into your website and save the improvements.
  4. Done! The setup is successfully performed.
    Visit your page to check the performance of the plugin.

On condition of experiencing inquiries or facing some obstacles, feel free to get in touch with our support staff. Our specialists are eager to resolve all the issues you might have on the widget.

Is Before and After Slider compatible with my WordPress theme?

Yes, the plugin works with most WordPress themes and can be added to pages, posts, or template areas without complex configuration.

Does Before and After plugin work with WordPress builders?

Absolutely. Elfsight integrates smoothly with popular builders like Elementor, Gutenberg, Divi, and WPBakery using blocks, shortcodes, or HTML elements.

Can I choose between vertical and horizontal layouts?

Yes, Elfsight allows you to switch between vertical and horizontal divider orientations to match your WordPress page design.

How can visitors interact with the comparison divider?

Users can move the divider by dragging it manually or, if enabled, by simply hovering over the image for a dynamic comparison effect.

Can I add clickable links to captions on my WordPress page?

Yes, captions support hyperlinks, so you can direct visitors to related products, services, or portfolio pages from your WordPress website.

Can I set the initial divider position?

Yes, in the plugin settings you can define the default split point, controlling how much of each image is visible when the slider loads.

What image formats work best in WordPress?

For optimal performance, use properly optimized JPG or PNG files. Following recommended image size and resolution guidelines ensures fast loading on your WordPress website.

Can I use the plugin for mockups or design previews?

Definitely. The Before and After Slider can compare any two images, including mockups, design drafts, architectural plans, or product updates on your WordPress website.

Is it possible to compare more than two images at once?

Each slide is designed to compare two images. To present multiple stages, you can create several slides within the same plugin.

Can the divider be locked in a fixed position in WordPress?

The plugin is designed for interactive use, so the divider remains movable and cannot be permanently fixed in place.

Pricing

14-day money back guarantee. Risk-free, you can cancel at anytime.
Elfsight Apps
Cross-platform solution that suits for any website
from $0 / month
start with free plan
Unlimited domains
Fast customer support
Free of charge installation assistance
Price to catch for multiple apps
Flexible design