How do I add the before-after slider to my WordPress or Wix site?

Simply upload your images, customize the slider settings, and click 'Copy Embed Code'. Then, paste this code into a 'Custom HTML' block in WordPress or an 'Embed' widget in Wix.

Is the generated slider mobile-friendly?

Yes! The slider is fully responsive and touch-enabled, allowing users to drag the comparison bar on smartphones and tablets.

Do I need to install any plugins or libraries?

No. The code generated is 'Vanilla' HTML, CSS, and JavaScript. It does not require jQuery or any other external libraries, keeping your website fast and lightweight.

Can I use high-resolution photos?

Yes, but for the best performance on your website, we recommend resizing and optimizing your images first using our Image Compressor tool before generating the slider code.

Marketing Tools

Before After Slider

Use Before After Slider in your browser for fast, repeatable tasks.

before after sliderimage comparison toolembeddable before aftercontractor photo sliderwork results showcase

Try It Online

Quick utility for Before After Slider.

Privacy notice

Image processing runs locally in your browser. Files are not uploaded or stored on our servers, and results are only visible to you.

Loading tool...

More Tools In This Category

Browse more tools in Marketing Tools.

View all category tools

Structured AI Prompt Library
Generate ready-to-use prompt templates for writing, marketing, and development tasks.
AI Prompt Optimizer
Refine rough prompts into structured, high-clarity instructions.
SEO Headline Generator
Generate multiple headline ideas from your topic, keyword, and tone.
Private QR Code Maker
Generate QR codes from text and links.
Current tool
Before After Slider
Quick utility for Before After Slider.

Complete Guide

Loading complete guide...