Before and After Slider Widget for your website
Show visual transformations with an interactive comparison slider. Jotform's Before and After Slider widget lets you add image pairs, choose horizontal or vertical reveal direction, set drag or hover interaction, add labels and captions, enable fullscreen viewing, and embed the result on your website without code.
Een Before and After Slider-widget maken
Add image pairs
Paste before and after image URLs, then write clear labels and captions for each comparison.
Customize the reveal
Choose horizontal or vertical direction, set the initial divider position, and use drag, click, or hover interaction.
Insluiten op je website
Adjust size, ratio, colors, fullscreen behavior, and display rules before publishing the widget.
Show transformations with a comparison widget that fits your page
Compare before and after images
Place two images in one frame so visitors can instantly understand renovation, design, beauty, repair, or product changes.
Use horizontal or vertical reveal
Switch the divider direction to match the subject matter and let visitors inspect changes with drag, click, or hover movement.
Create a small transformation gallery
Add up to three image pairs and enable carousel navigation so visitors can browse multiple project stages or case studies.
Stem de stijl af op je website
Control width, image ratio, corner radius, divider size, colors, labels, captions, custom CSS, fullscreen mode, and mobile visibility.
Voordelen van website-widgets van Jotform
De widgets van Jotform maken je website interactiever en verhogen de conversie. Er zijn veel verschillende tools beschikbaar, van sterbeoordelingen en sliders met recensies tot pop-ups met beoordelingen en ingesloten mediabestanden. Je kunt widgets aan je formulieren of landingspagina's toevoegen om gegevens te verzamelen, klantervaringen te tonen en leads te genereren zonder dat je hoeft te coderen.
Voeg Jotform-widgets toe aan je website met een eenvoudige insluitcode. Pas de widget aan, bekijk een voorbeeld en plak deze op elke pagina die aangepaste HTML of insluitblokken ondersteunt, zonder dat je daar een ontwikkelaar voor nodig hebt.
Gebruik website-widgets van Jotform om leads te verzamelen, feedback en ervaringen van klanten te tonen, mediabestanden in te sluiten of handige tools aan je webpagina toe te voegen. Met elke widget kun je de bezoekers van je website een soepelere ervaring bieden.
Het klantenserviceteam van Jotform staat 24/7 voor je klaar als je hulp nodig hebt bij het instellen, aanpassen of insluiten van je widget. We lossen problemen snel voor je op, zodat je meteen weer aan de slag kunt.
Where to use your Before and After Slider widget
Add the widget anywhere a visual comparison helps visitors trust the result, understand quality, or make a decision faster.
Renovation and interior design pages to show completed project transformations.
Beauty, wellness, and fitness sites to compare visible client or treatment progress.
Product pages to highlight upgrades, restorations, edits, or feature improvements.
Portfolio and case study pages to make results more tangible than text alone.
Real estate listings to compare staging, repairs, landscaping, or remodel work.
Creative service pages to show retouching, mockups, design revisions, or brand refreshes.
Transformeer leads in betalende klanten met de Jotform Formulierbouwer
Zet online betrokkenheid om in resultaten met Jotform. Maak krachtige formulieren waarmee je op één plek leads kunt verzamelen, betalingen kunt ontvangen en reacties kunt automatiseren. Je ontvangt elke inzending rechtstreeks in Jotform Inbox, zodat je deze meteen kunt opvolgen of aan je favoriete apps kunt koppelen.
Ga aan de slag — Het is gratis!
Veelgestelde vragen
What is a Before and After Slider widget?
A Before and After Slider widget displays two related images in one interactive frame. Visitors move a divider to reveal more of the before or after image and compare the transformation.
Can I choose the slider direction?
How can visitors move the divider?
Can I set the initial divider position?
Can I show more than one comparison?
Can I add labels and captions?
Does the widget support fullscreen viewing?
Does it work on mobile?
Moet ik code schrijven?