Widget slider "Prima e Dopo" per il tuo sito web
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.
Come creare un widget Before and After Slider
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.
Incorporalo nel tuo sito web
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.
Adattalo allo stile del tuo sito web
Control width, image ratio, corner radius, divider size, colors, labels, captions, custom CSS, fullscreen mode, and mobile visibility.
Perché i Widget Jotform per siti web sono così utili
I widget di Jotform rendono il tuo sito web più interattivo e aumentano le conversioni. Sono disponibili numerosi strumenti, dalle valutazioni a stelle e slider di testimonianze ai popup con la prova sociale e all'integrazione di contenuti multimediali. Aggiungi widget ai tuoi moduli o landing page per raccogliere dati, mostrare prove e acquisire lead, senza bisogno di scrivere codice.
Aggiungi i widget di Jotform al tuo sito web con un semplice codice di incorporamento. Personalizza il widget, visualizza l'anteprima e incollalo in qualsiasi pagina che supporti HTML personalizzato o blocchi di incorporamento, il tutto senza bisogno di assumere un programmatore.
Utilizza i widget per siti web di Jotform per raccogliere contatti, mostrare il feedback dei clienti, presentare prove sociali, incorporare contenuti multimediali o aggiungere strumenti utili alle tue pagine web. Ogni widget consente ai visitatori di interagire con la tua attività direttamente dal tuo sito web.
Se hai bisogno di aiuto per configurare, personalizzare, integrare o risolvere problemi relativi al tuo widget, il team di assistenza clienti di Jotform è disponibile 24 ore su 24, 7 giorni su 7. Puoi stare tranquillo, sapendo che avrai tutto l'aiuto di cui hai bisogno, ogni volta che ne avrai bisogno.
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.
Trasforma i lead in clienti paganti con il generatore di moduli Jotform
Trasforma l'interazione in azione con Jotform. Crea moduli efficaci per acquisire contatti, riscuotere pagamenti e automatizzare le risposte, tutto in un unico posto. Ogni modulo inviato arriva nella tua casella di posta Jotform, dove puoi gestire i follow-up o integrarlo con le tue app preferite.
Inizia subito. È gratis!
FAQ
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?
Devo scrivere codice?