L'editor è in inglese per ora. Nessuna carta di credito richiesta.
Prova l'editor, senza registrazione
Scegli un modello, personalizzalo e guarda il risultato aggiornarsi dal vivo, senza registrazione. L'editor è in inglese per ora.
Nessuna carta di credito · Piano gratuito per sempre
Nessuna carta di credito · Piano gratuito per sempre
Lo slider prima e dopo di Common Ninja è un widget gratuito e senza codice per confrontare immagini, che mostra le trasformazioni visive con un divisore da trascinare.
Carica le foto del prima e del dopo, scegli l'orientamento orizzontale o verticale, personalizza etichette, colori e maniglia dello slider, poi incolla una riga di codice di incorporamento su oltre 200 piattaforme, tra cui Canva, Wix, Tilda, Squarespace e Google Sites.
La configurazione richiede meno di 4 minuti.
Ristrutturazioni, lavori dentistici, ritocchi fotografici, percorsi di dimagrimento e restyling grafici hanno una cosa in comune: la trasformazione è tutto. Uno slider da trascinare permette ai visitatori di percepire la differenza invece di leggerla.
Le aziende di servizi vivono di prove. Imprese di pulizia, imbianchini, giardinieri, restauratori, fotografi e stilisti ottengono più prenotazioni quando un potenziale cliente può scorrere il risultato reale del loro lavoro, non una foto di repertorio.
Skincare, cosmetici, attrezzi, vernici, kit di restauro. Tutto ciò il cui valore sta in un cambiamento visibile può essere presentato con uno slider. Incorporalo in pagine prodotto, case study e landing page per aumentare le conversioni con prove direttamente sulla pagina.
Designer, fotografi, ritoccatori e giornalisti usano gli slider per mettere il processo accanto al risultato. Affianca un render finale al suo wireframe, una foto grezza alla versione ritoccata o uno scatto d'archivio "allora e oggi" per un servizio giornalistico.
Inserisci due foto dello stesso soggetto in momenti diversi. Scegli un divisore orizzontale o verticale, imposta quale immagine è lo stato iniziale e scrivi le due etichette che i visitatori vedranno al passaggio del mouse.
Regola con il drag and drop lo stile della maniglia, i colori delle etichette, il formato delle immagini, la velocità dell'animazione e la posizione iniziale del divisore in un'anteprima dal vivo. Adatta lo slider al tuo brand senza scrivere una sola riga di CSS.
Copia lo snippet di incorporamento e inseriscilo dove vuoi nel tuo sito. Le modifiche successive a immagini o etichette si applicano automaticamente, senza bisogno di incorporare di nuovo il codice.
I visitatori trascinano il divisore con il cursore su desktop e con il dito sugli schermi touch. La maniglia resta reattiva a ogni risoluzione e puoi cambiarne l'icona per adattarla allo stile del tuo brand.
Ruota il divisore di 90 gradi con un clic. Gli slider orizzontali sono adatti alle trasformazioni in formato panoramico (ristrutturazioni, paesaggi, layout grafici). Gli slider verticali sono adatti agli scatti in verticale (volti, moda, odontoiatria, ritocco).
Cambia lo stile della maniglia, i colori delle etichette, il formato delle immagini o la posizione iniziale del divisore e guarda lo slider aggiornarsi in tempo reale nell'editor. Niente più pubblicare e sperare.
Quando l'editor visuale non basta più, aggiungi CSS personalizzato a qualsiasi elemento. Crea stati hover unici, tempi di animazione su misura o spaziature al pixel, senza toccare il resto del sito.
Il widget Prima e dopo ti permette di creare slider orizzontali o verticali, per dare libero sfogo alla tua creatività. Con la possibilità di scegliere tra slider orizzontali e verticali, hai la flessibilità di adattarli alle esigenze del tuo progetto. Che tu sia designer, fotografo o titolare di un'attività, il widget Prima e dopo è lo strumento perfetto per mostrare il tuo lavoro in modo unico e coinvolgente.
Con il widget Prima e dopo puoi creare tutti gli slider che vuoi e raccontare una storia visiva completa, su misura per le tue esigenze: che tu voglia mostrare l'avanzamento di un cantiere, la trasformazione di una ristrutturazione o il cambiamento nell'aspetto di una persona o di un animale nel tempo.
Il widget Prima e dopo offre opzioni di personalizzazione complete, così puoi modificarne facilmente il design in base all'estetica del tuo sito. Puoi cambiare i colori dello slider, dei pulsanti e delle etichette per adattarli al tuo brand. Puoi anche scegliere tra diversi font e regolarne dimensione, stile e colore per un aspetto coerente e professionale. Oltre a queste opzioni di design, puoi personalizzare anche le spaziature del widget, perché si integri perfettamente nel layout del tuo sito.
Il widget Prima e dopo è uno strumento prezioso per qualsiasi sito. Non solo è completamente responsive, cioè si adatta perfettamente alle dimensioni dello schermo di qualsiasi dispositivo, ma ha anche un design elegante e moderno che migliora l'aspetto complessivo del tuo sito. In un mondo in cui sempre più persone navigano da smartphone e tablet, è fondamentale avere un sito ottimizzato per la visualizzazione da mobile. Il widget Prima e dopo ti permette di farlo, dandoti un vantaggio sui concorrenti.
Il nostro editor avanzato è uno strumento potente che ti dà il pieno controllo sull'aspetto del widget Prima e dopo. Con questa funzione puoi personalizzare facilmente ogni aspetto del widget, dai colori e font fino al layout e al posizionamento. E se ti senti particolarmente creativo, puoi portare la personalizzazione a un livello superiore modificando direttamente il CSS. Così puoi apportare modifiche ancora più avanzate al widget e renderlo davvero tuo. Che tu voglia fare qualche semplice ritocco o puntare su personalizzazioni avanzate, il nostro editor avanzato ha tutto ciò che ti serve.
Per incorporare il widget Prima e dopo nel tuo sito, copia e incolla lo snippet di codice fornito nell'HTML della tua pagina. Inoltre, il widget si aggiorna da solo: ogni modifica che fai nell'editor Prima e dopo compare automaticamente sul tuo sito, senza ulteriori aggiornamenti manuali.
Il widget Prima e dopo è facile da usare e non richiede competenze di programmazione. La nostra dashboard intuitiva con funzione drag and drop ti permette di personalizzare il widget come preferisci con pochi semplici clic.
Puoi regolare la posizione delle etichette nel widget Prima e dopo. Così puoi collocare le etichette nel punto più adatto al design e al layout del tuo sito o della tua applicazione.
Che la tua immagine sia in formato orizzontale, verticale o quadrato, puoi definire il formato delle immagini per una visualizzazione ottimale.
Pronto a mettere la tua trasformazione in pagina?
Apri l'editorNessuna carta di credito · Configurazione in meno di 4 minuti
Common Ninja offre widget no-code fantastici che abbelliscono un sito creato con qualsiasi builder. È molto facile da usare e da personalizzare. Ha widget adatti a quasi chiunque voglia rendere il proprio sito d'impatto.
Tradotto dall'inglese
Servizio eccezionale. Uso i loro widget per la mia attività di web design e, ogni volta che ho bisogno di aiuto, rispondono molto rapidamente.
Tradotto dall'inglese
Azienda eccellente con un servizio eccellente!!! L'abbiamo usato per creare un sondaggio ed è stato molto semplice da usare. Il servizio è stato perfetto. Amit ci ha aiutato con ogni problema e domanda, grazie mille!!!
Tradotto dall'inglese
Common Ninja ci ha salvato durante la creazione del nostro sito, e l'assistenza clienti offerta da Daniel, cofondatore e CEO, è stata straordinaria.
Tradotto dall'inglese
Sì. Il piano gratuito include un widget slider prima e dopo senza limiti di tempo, senza carta di credito e senza periodo di prova a scadenza. Passa a un piano superiore solo quando ti servono più widget, temi premium o limiti di visualizzazioni mensili più alti.
No. Crea e personalizza l'intero slider in un editor drag and drop, poi incolla una riga di codice di incorporamento nel tuo sito. La maggior parte degli utenti completa la configurazione in meno di 4 minuti.
I visitatori trascinano un divisore verticale o orizzontale su due immagini sovrapposte per scoprire la differenza. L'interazione funziona con il mouse su desktop e con il tocco su mobile. Nell'editor imposti entrambe le immagini, le etichette ("Before" / "After" di default) e la posizione iniziale del divisore.
Sì. Lo slider prima e dopo di Common Ninja supporta entrambi gli orientamenti. Usa un divisore orizzontale per le trasformazioni in formato panoramico (ristrutturazioni, paesaggi) e un divisore verticale per gli scatti in verticale (volti, moda, ritocco).
Sì. Il divisore è pensato prima di tutto per il touch, con il trascinamento del mouse come alternativa su desktop. Dimensioni delle immagini, posizione delle etichette e maniglia si adattano automaticamente a smartphone, tablet e laptop. Non serve una versione mobile separata.
Sì. Entrambe le etichette sono completamente personalizzabili. Rinominale, cambia i colori, scegli l'angolo in cui posizionarle o nascondile del tutto. Utile per i siti non in inglese, per le campagne di brand o per le coppie prima/dopo in cui etichette neutre funzionano meglio di quelle predefinite.
JPG, PNG e WebP funzionano tutti. Per risultati migliori, carica entrambe le immagini con le stesse dimensioni e proporzioni, così il divisore si allinea in modo pulito. Il widget supporta immagini fino alle grandi dimensioni tipiche delle immagini hero, quindi non serve ridurle prima del caricamento.
Oltre 200 piattaforme, tra cui Canva, Wix, Tilda, Squarespace, Google Sites, WordPress, Shopify, Webflow, Bootstrap Studio, HighLevel, Hostinger, Readymag e qualsiasi pagina HTML personalizzata che accetti uno snippet di incorporamento.
Scegli la tua piattaforma. Ognuna richiede meno di 4 minuti.
Showcases images in a rotating or sliding manner
Aggiungi aree interattive alle immagini che mostrano informazioni extra al clic o al passaggio del mouse.
Mostra dati o funzionalità affiancati, per confrontare le informazioni con facilità.
Mostra più loghi che scorrono o ruotano.
Presenta le testimonianze dei tuoi clienti in uno slider rotante.
Mostra sul tuo sito le recensioni Google della tua attività
Sì, puoi rendere il divisore inclinato.
Sì, puoi cambiare facilmente la direzione dello slider dalla scheda “Content”.
Usare il widget Prima e dopo è molto facile. Registrati e inizia a usare la versione gratuita. Non devi preoccuparti di configurazioni o installazioni complicate, perché il widget Prima e dopo è pensato per essere semplice e intuitivo. Una volta registrato, avrai accesso a tutte le funzioni di base del widget, che puoi usare per arricchire il tuo sito e migliorare la tua presenza online. Da lì puoi scegliere di passare alla versione a pagamento se vuoi accedere a funzioni e possibilità più avanzate. Qualunque versione tu scelga, scoprirai che il widget è uno strumento potente e facile da usare, che può aiutarti a portare la tua presenza online a un livello superiore.
Il widget Prima e dopo di Common Ninja è uno strumento gratuito ricco di funzioni e opzioni. Pur essendo gratuito, ha un limite al numero di visualizzazioni che può gestire. Questo significa che, superato un certo numero di visualizzazioni, il widget potrebbe non essere più visibile o funzionante sul tuo sito. Tieni presente che questo limite di visualizzazioni può variare in base al piano che usi. Nonostante questo limite, il Prima e dopo di Common Ninja resta uno strumento prezioso per le aziende che vogliono aumentare il coinvolgimento dei clienti e migliorare l'esperienza utente complessiva del proprio sito.
Il widget Prima e dopo di Common Ninja è uno strumento versatile, adatto a qualsiasi website builder. Questo significa che puoi aggiungere facilmente il widget al tuo sito o negozio online, qualunque sia la piattaforma che usi per crearlo. Il widget Prima e dopo funziona senza problemi con la tua piattaforma, che tu usi un website builder popolare o uno più specializzato. Così puoi godere di tutti i vantaggi di questo potente strumento senza preoccuparti di problemi di compatibilità.
Incorporare il widget Prima e dopo di Common Ninja nel tuo sito è molto facile e richiede due passaggi:
Sì. Il widget Prima e dopo può essere usato in modo conforme al GDPR. La raccolta delle informazioni dei visitatori è sempre facoltativa (opt-in): resta disattivata finché non la attivi nelle impostazioni del widget, e sei tu a decidere cosa raccogliere. In qualità di proprietario del sito, resti responsabile di come usi i dati dei tuoi visitatori.
Non servono competenze di programmazione. Il nostro widget Prima e dopo è pensato per essere facile da usare, anche per chi ha poca esperienza tecnica. Il widget offre un'interfaccia intuitiva che ti permette di personalizzarlo facilmente senza conoscere il codice. Puoi personalizzare completamente il Prima e dopo in base al tuo brand. Quando hai finito, copia il codice fornito e incollalo nel tuo sito. Tutto qui!
Incorporare il widget Prima e dopo nel tuo sito è un processo semplice. Copia il codice fornito e incollalo nel punto desiderato del tuo sito. Il widget si integrerà perfettamente nel sito, permettendoti di sfruttarne funzioni e possibilità. Non servono competenze tecniche o di programmazione: copia e incolla il codice per iniziare. Questo semplice processo ti permette di aggiungere facilmente il widget al tuo sito e ampliarne le funzionalità senza complicazioni.
Con piacere. Non vediamo l'ora di conoscere la tua richiesta. Consulta questa pagina (in inglese).
Ci sono diversi motivi per cui potresti voler usare un widget slider prima e dopo sul tuo sito.
Primo, un widget slider prima e dopo può essere un modo utile per mostrare i risultati del tuo lavoro o dei tuoi prodotti. Mostrando un'immagine del prima e del dopo in formato slider, puoi dimostrare chiaramente i miglioramenti o i cambiamenti che hai apportato e offrire una prova concreta del valore che il tuo lavoro o i tuoi prodotti possono dare.
Secondo, usare un widget slider prima e dopo può migliorare l'esperienza utente del tuo sito, rendendolo più interattivo e coinvolgente. Permettendo ai visitatori di confrontare le immagini del prima e del dopo nello slider, offri un'esperienza più immersiva e interattiva che può trattenerli più a lungo sul sito e invogliarli a esplorare di più.
Terzo, usare un widget slider prima e dopo può aiutare a migliorare l'ottimizzazione per i motori di ricerca (SEO) del tuo sito. Includendo parole chiave e frasi pertinenti nei testi e nei link che aggiungi al tuo slider prima e dopo, puoi aumentare le probabilità che il tuo sito compaia nei risultati di ricerca per quei termini. Questo può portare più traffico al sito e aumentare la tua visibilità online.
In sintesi, usare un widget slider prima e dopo sul tuo sito può essere un modo utile per mostrare i risultati del tuo lavoro o dei tuoi prodotti, migliorare l'esperienza utente e dare una spinta alla SEO del tuo sito.
Funziona su oltre 200 piattaforme. Scelto da oltre 500.000 aziende.
Crea il tuo slider prima e dopoNessuna carta di credito · Configurazione in meno di 4 minuti
