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 di immagini di Common Ninja è un widget gratuito e senza codice che mostra più immagini in una sequenza scorrevole e fluida sul tuo sito web.
Carica le immagini direttamente o incolla gli URL da una CDN, scegli un layout, imposta la riproduzione automatica e la durata di ogni slide, scegli un effetto al passaggio del mouse (zoom, dissolvenza, sovrapposizione di colore), scegli un tema o aggiungi CSS personalizzato, inserisci un link cliccabile per ogni slide e incolla una riga di codice di incorporamento su Canva, Hostinger, Notion, Carrd, Google Sites, Webflow, WordPress e oltre 200 altre piattaforme.
Usalo per mettere in mostra prodotti, banner principali, portfolio fotografici, gallerie di eventi o immagini di marketing in uno spazio fisso che mantiene la pagina compatta e l'attenzione dove vuoi tu.
Uno spazio hero, una galleria di prodotti, un portfolio fotografico, il riepilogo di un evento. Lo slider fa scorrere le immagini in un'unica cornice, così la pagina resta compatta senza costringere a scorrere cinque sezioni hero di fila. Mantieni pulito il punto focale e lascia che siano le immagini a ruotare.
Zoom, dissolvenza, sovrapposizione di colore, passaggio dal bianco e nero al colore e altri effetti al passaggio del mouse rendono lo slider reattivo senza appesantire la pagina. Abbina l'effetto a un link cliccabile per ogni slide e lo slider diventa una superficie di conversione ad alto coinvolgimento, non una semplice decorazione.
Ogni slide può avere il proprio URL, così uno slider con 5 immagini diventa 5 inviti all'azione distinti: porta le slide dei prodotti alle pagine prodotto, le anteprime del blog agli articoli, gli scatti del portfolio ai casi studio. Lo slider smette di essere un carosello passivo e inizia a generare clic.
Uno slider prima e dopo confronta due immagini con un divisore da trascinare. I visitatori lo spostano a destra e a sinistra per scoprire la differenza. Uno slider di immagini fa scorrere in sequenza più immagini separate. Usa questo Slider di immagini per gallerie, hero a rotazione e vetrine di prodotti; usa il widget Slider prima e dopo di Common Ninja quando il messaggio è il confronto stesso.
Carica le immagini direttamente dal tuo computer o incolla gli URL da una CDN, dalla tua libreria multimediale o da qualsiasi hosting pubblico. Aggiungi a ogni slide un titolo, un testo alternativo e un link cliccabile, così ogni immagine ha valore per la SEO e può portare i visitatori al prodotto, alla storia o alla landing page corrispondente.
Scegli un layout per le slide (hero a tutta larghezza, scheda contenuta, striscia banner), imposta la riproduzione automatica al caricamento o al passaggio del mouse, configura la durata di ogni slide, attiva lo scorrimento con le dita, scegli un effetto al passaggio del mouse (zoom, dissolvenza, sovrapposizione di colore) e lo stile di frecce e paginazione. Scegli un tema dalla libreria di design o aggiungi CSS personalizzato per allinearti al tuo brand al pixel.
Copia la riga di codice di incorporamento e incollala su Canva, Hostinger, Notion, Carrd, Google Sites o una qualsiasi delle oltre 200 piattaforme supportate. Le modifiche fatte nell'editor di Common Ninja arrivano a ogni incorporamento senza doverlo incollare di nuovo. Sostituisci un'immagine, riordina le slide, cambia tema e la pagina online si aggiorna.
Hero a tutta larghezza, scheda contenuta, striscia banner, panoramica con zoom (effetto Ken Burns), transizione solo in dissolvenza. Passa da un layout all'altro nell'editor senza ricaricare le immagini. Ogni layout si adatta in modo responsive a smartphone, tablet e desktop.
Applica zoom, dissolvenza, sovrapposizione di colore o passaggio dal bianco e nero al colore al passaggio del mouse. Gli effetti si attivano con il mouse su desktop e con un tocco su mobile, così lo slider resta interattivo con ogni tipo di input senza compromettere il comportamento touch.
Imposta un URL personalizzato per ogni immagine. Ogni slide diventa un invito all'azione a sé: pagine prodotto, landing page, articoli del blog, casi studio. Combinalo con gli effetti al passaggio del mouse e lo slider diventa anche un menu visivo curato per le sezioni ad alto coinvolgimento.
Scegli da una libreria di temi già pronti (minimal, magazine, scuro, cinematografico) per adattarti velocemente al tuo brand. Aggiungi CSS personalizzato per controllare al pixel la forma delle frecce, i punti di paginazione, la spaziatura delle slide, le rifiniture degli stati al passaggio del mouse e la tipografia delle didascalie.
Il widget Slider di immagini ti permette di scegliere tra diversi effetti di colore per dare alle tue immagini uno stile più uniforme e un effetto “wow”.
Regola colori, font, spaziature, velocità di transizione e i controlli di frecce e punti per adattarli al tuo sito. Vedi le modifiche in anteprima dal vivo mentre le fai, così puoi provare diverse direzioni prima di decidere. Non serve scrivere codice per nulla di tutto questo.
Lo slider prende la larghezza del suo contenitore e si adatta da uno schermo di smartphone di 320px fino a un hero desktop a tutta larghezza. Le immagini vengono ridimensionate per adattarsi invece di essere ritagliate in modo imprevedibile, e lo scorrimento con le dita funziona su mobile insieme alle frecce su desktop.
Oltre ai controlli integrati, puoi aggiungere il tuo CSS allo Slider di immagini per allinearlo al tuo brand al pixel. Modifica tipografia, spaziature e lo stile di frecce e punti, oppure scrivi nuove regole da zero. Utile quando un design system richiede valori esatti invece di preset solo approssimativi.
Copia una riga di codice e incollala nell'HTML della pagina, dove vuoi che appaia lo slider. Lo slider si aggiorna automaticamente ogni volta che lo modifichi nell'editor, quindi non devi mai incorporarlo di nuovo. Funziona su qualsiasi piattaforma che accetta HTML personalizzato.
Il widget Slider di immagini offre effetti al passaggio del mouse che aggiungono un ulteriore livello visivo e rendono ancora più piacevole l'esperienza degli utenti sulle tue pagine.
Il widget Slider di immagini offre due stili di layout: carosello e griglia. Scegli quello più adatto al design del tuo sito.
Puoi trasformare lo Slider di immagini in un potente strumento di conversione rendendo le immagini cliccabili.
Il widget Slider di immagini è facile da usare e non richiede conoscenze di programmazione. La nostra dashboard intuitiva con drag and drop ti permette di personalizzare il widget come preferisci con pochi semplici clic.
Fai lavorare di più le tue immagini
Apri l'editorNessuna carta di credito · Configurazione in meno di 5 minuti
Common Ninja ha fantastici widget senza codice che abbelliscono un sito creato con qualsiasi builder. È facilissimo da usare e personalizzare. Ha widget per 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 sono rapidissimi.
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 ogni domanda, grazie mille!!!
Tradotto dall'inglese
Common Ninja ci ha salvato durante la creazione del nostro sito e l'assistenza clienti di Daniel, cofondatore e CEO, è stata fantastica.
Tradotto dall'inglese
Sì. Il piano gratuito include un widget Slider di immagini senza limiti di tempo e senza carta di credito. Passa a un piano superiore solo quando ti servono altri widget, più slide per slider, temi premium, effetti avanzati al passaggio del mouse o funzioni come la visibilità condizionale delle slide e il monitoraggio delle statistiche per ogni slide.
Aggiungi tutte le slide che il tuo piano consente: il piano gratuito ne include un numero ragionevole, i piani a pagamento alzano il limite. Ogni slide può avere la propria immagine, titolo, testo alternativo, didascalia e URL cliccabile. Riordina le slide con il drag and drop nell'editor e il widget online si aggiorna senza doverlo incollare di nuovo.
Uno Slider prima e dopo confronta due immagini in un'unica cornice con un divisore da trascinare. I visitatori lo spostano per scoprire la differenza. Uno Slider di immagini fa scorrere in sequenza più immagini separate. Usa questo Slider di immagini per gallerie, hero a rotazione e vetrine di prodotti; usa il widget Slider prima e dopo di Common Ninja quando il messaggio è il confronto stesso (ristrutturazioni, restyling, ritocco fotografico, fitness, ecc.).
Sì. Imposta un URL personalizzato per ogni immagine nell'editor: pagina prodotto, landing page, articolo del blog, qualsiasi pagina dentro o fuori dal tuo sito. Tutta la slide diventa cliccabile, così uno slider con 5 immagini diventa 5 inviti all'azione distinti senza bisogno di pulsanti in ogni riquadro.
Zoom (l'immagine si ingrandisce al passaggio del mouse), dissolvenza (l'immagine si attenua per mostrare la didascalia), sovrapposizione di colore (tinta configurabile) e passaggio dal bianco e nero al colore. Gli effetti rispettano il comportamento touch su mobile. Tocca una volta per attivare l'effetto, tocca di nuovo per aprire il link.
Crea il widget nell'editor di Common Ninja (carica le immagini, scegli il layout, personalizza il tema), copia il codice di incorporamento o l'URL e incollalo nel tuo sito: su Canva tramite l'app Embed nel pannello Apps dell'editor; su Notion tramite /embed con l'URL di incorporamento; su Carrd tramite un elemento Embed nella sezione in cui deve apparire lo slider. Le modifiche fatte nell'editor arrivano a ogni incorporamento senza doverlo incollare di nuovo.
No. Le immagini vengono caricate in modo differito (lazy loading). Lo slider precarica solo la slide visibile e quella successiva, non l'intera sequenza. Le immagini di origine vengono servite da una CDN con selezione automatica dei formati WebP e AVIF, così i Core Web Vitals restano buoni anche con immagini hero di grandi dimensioni. Puoi anche regolare qualità e dimensioni delle immagini nell'editor per chi naviga con pochi dati mobili.
Sì. I layout si adattano a smartphone, tablet e desktop. Le dimensioni delle slide si adattano alla larghezza dello schermo, sui touchscreen lo scorrimento con le dita sostituisce le frecce e i punti di paginazione si ridimensionano per restare facili da toccare. Su mobile gli effetti al passaggio del mouse diventano effetti al tocco, così lo slider resta interattivo senza compromettere l'input touch.
Scegli la tua piattaforma. Ognuna richiede meno di 4 minuti.
Showcases images in a rotating or sliding manner
Presenta video in un carosello rotante o scorrevole.
Un semplice slider che permette ai visitatori di confrontare immagini del prima e del dopo per vedere chiaramente i cambiamenti visivi.
Mostra immagini e didascalie in layout e griglie diversi, per presentare in modo gradevole molte immagini.
Crea facilmente popup coinvolgenti e personalizzati per aumentare le conversioni.
Mostra gli ultimi post della tua pagina Instagram.
Sì. Vai alla scheda “Display Rules” e scegli i trigger che preferisci. Puoi saperne di più sui diversi trigger e regole qui (in inglese): https://help.commoninja.com/hc/en-us/sections/6900365183517-Display-Rules-Triggers
Sì, puoi farlo facilmente dalla scheda “Templates”.
Sì, ci sono tanti bellissimi temi tra cui scegliere, per risparmiare tempo e iniziare a usare il widget il prima possibile.
Sì, puoi caricare un'immagine oppure scegliere un'icona da un'ampia selezione di icone disponibili da aggiungere al tuo Slider di immagini, o in alternativa lasciare tutto vuoto.
È semplice. Ti basta registrarti e iniziare a usare la versione gratuita.
Il widget Slider di immagini di Common Ninja è gratuito. È però limitato a un certo numero di visualizzazioni.
Il widget Slider di immagini di Common Ninja è compatibile con TUTTI i website builder attuali e futuri.
Sì, il widget Slider di immagini è conforme al GDPR.
No. Usare il nostro widget Slider di immagini è semplicissimo. Il widget ha un'interfaccia drag and drop intuitiva e opzioni completamente personalizzabili. Quando hai finito di modificare il widget a tuo piacimento, ti basta copiare il codice fornito e aggiungerlo al tuo sito.
Con piacere. Non vediamo l'ora di leggere la tua richiesta. Visita la nostra pagina delle richieste di funzionalità (in inglese).
Uno slider di immagini è un elemento dell'interfaccia grafica che permette agli utenti di scorrere una serie di immagini o grafiche. Si usa spesso su siti web, presentazioni multimediali e app mobili per mostrare una raccolta di immagini. Di solito lo slider include pulsanti di navigazione che permettono di passare manualmente da un'immagine all'altra, oppure può cambiare immagine automaticamente a intervalli prestabiliti. Gli slider di immagini sono un modo efficace per presentare una serie di immagini in modo attraente e coinvolgente, e sono una funzione molto diffusa nel web design moderno.
Fai scorrere le immagini in una cornice fissa con autoplay, effetti al passaggio del mouse, link cliccabili per ogni slide, diversi layout, temi eleganti e CSS personalizzato. Incorporalo su oltre 200 piattaforme, tra cui Canva, Hostinger, Notion, Carrd, Google Sites e Webflow.
Crea il tuo Slider di immaginiNessuna carta di credito · Configurazione in meno di 5 minuti
