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.
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 two paid plans if you outgrow it — and one subscription that covers every widget in the suite, not just this one. See pricing →