Home → Widgets → Before / After Image Slider
Before / After Image Slider
Show a transformation with a draggable before/after slider — no editing software required.
The problem
Before-and-after sells transformation — but showing it usually means opening an image editor, saving two exports, and explaining the difference in words. Visitors scroll past; the point is lost.
How do I add the Before / After Image Slider widget to my Wix site?
Install Nateo from the Wix App Market, then add the Before / After Image Slider widget to any page from the Wix Editor — no code required. Set it up in the widget's settings panel, and it automatically matches your site's fonts, colors, and corner radius. It works on every plan, including the free tier, and updates live whenever you change your site's theme.
See it live
Rendered live from the actual widget code, auto-themed to this page's colors.
How it works
Add the two images
Drop in the before and after image URLs from the settings panel — no uploads, no editing software.
Visitors drag to compare
A slider handle reveals before vs after at the exact spot they choose. Keyboard accessible, no custom scripts.
It matches your site
Labels and the handle use your theme accent, so the comparison looks like part of your page.
Native & themed
Like every Nateo widget, Before / After Image Slider reads your Wix site's theme — fonts, corner radius, and color palette — the moment it renders, and re-matches automatically whenever you update your site's design. There's no separate widget theme to keep in sync, and nothing to log into outside your Wix dashboard. How that works →
FAQ
Do I need to upload the images somewhere?
Any image URL works — Wix media, your own domain, or a CDN. Paste it into the settings panel.
Is the slider keyboard accessible?
Yes — it's a native range input, so it works with the keyboard and screen readers, with an accessible label.
Works well with
Get Before / After Image Slider
Free to start, with a Pro plan if you outgrow it — and one subscription that covers every widget in the suite, not just this one. See pricing →