top of page

How to Add a Before and After Image Slider in Wix (Step-by-Step Guide)

Updated: Sep 23

Adding a Before and After Image Slider to your Wix website is a great way to showcase transformations, comparisons, or progress results. Whether you run a beauty salon, fitness program, photography portfolio, or real estate business, a simple slider can help you highlight the “before” and “after” effect in an engaging way.


In this guide, we’ll walk you through how to add a Before and After Slider in Wix - completely free, using our Wix Marketplace app.


How to Add a Before and After Image Slider in Wix (Step-by-Step Guide)

Why Use a Before After Slider?


A Before After Image Slider helps you:

  • Show transformations (makeup, fitness, home renovation, photography edits).

  • Build trust by proving real results.

  • Engage users with an interactive experience instead of static images.

  • Look professional without coding or complex design tools.


Step 1: Install the Free Wix Before After Slider App


  1. Go to the Wix App Marketplace.

  2. Search for Before After Slider.

  3. Click Add to Site.

  4. The app installs in seconds - no technical setup required.


Pro Tip: Our app is 100% free, with no watermark and unlimited sliders.


Step 2: Upload Your Images


  1. Select the Before image (e.g., “Unedited photo”).

  2. Select the After image (e.g., “Edited photo”).

  3. Adjust the position to align images properly.


👉 The slider automatically creates the draggable effect, so users can move between Before and After seamlessly.


Step 3: Customize the Slider


With our Wix Before After Slider app, you can:

  • Change the slider handle style (circle, line, arrow).

  • Adjust orientation (horizontal or vertical slider).

  • Resize the image display to fit your page layout.

  • Add multiple sliders to the same page.


Step 4: Publish & Test


  • Preview your Wix site to test the slider.

  • Drag the handle to see the Before vs After effect in action.

  • Publish the site and share it with your audience!


Example Use Cases


  • Beauty & Salon Websites – Show makeup, skincare, or hair transformations.

  • Fitness Coaches – Share client body transformations.

  • Real Estate & Interior Design – Compare old vs renovated property photos.

  • Photographers – Highlight editing before/after shots.

  • Medical & Dental – Show procedure results in a compliant, visual way.


Why Choose Our Free Wix Before After Slider?


  • 100% Free (no hidden fees).

  • No watermark.

  • Unlimited sliders.

  • Easy to install and use.

  • Built for Wix Studio and Wix Editor users.



Final Thoughts


Adding a Before After Image Slider in Wix takes only a few minutes, but the impact on user engagement is huge. Instead of telling visitors about your results, show them visually with a smooth slider effect.


Start today with our free Wix Before After Slider app and make your website more interactive, trustworthy, and professional.



 
 
 

Comments

bottom of page