Mostra video, immagini e audio sul tuo sito per catturare l'attenzione dei visitatori. Utilizza questi widget per mettere in mostra i tuoi prodotti e aumentare il coinvolgimento sulle tue pagine.
Il widget Media Slider offre diapositive con video, immagini e solo testo, con diversi layout. Utilizza questo widget per testimonianze, FAQ, presentazioni di prodotti o sezioni servizio, per offrire contenuti interattivi ai visitatori.
Prima di iniziare
- L'audio è disattivato per i video utilizzati come sfondo delle diapositive.
- La riproduzione automatica dei video dipende dalle restrizioni del browser e dalle impostazioni del dispositivo, come la modalità di risparmio energetico. Per assistenza, consulta la Risoluzione dei problemi del widget Video.
- È possibile includere un massimo di 25 diapositive.
- I formati di file supportati includono
.svg, .png, .jpg, .gife tutti i formati video.
- Fai clic sul widget e seleziona la scheda Contenuto.
- Per aggiungere una nuova diapositiva, fai clic su Aggiungi nuova diapositiva.
- Seleziona + Fai clic per aggiungere file multimediali e apri la Libreria multimediale.
- Per aggiungere nuove immagini alla libreria multimediale, vai alla scheda Immagini:
- Fai clic su + Carica immagini per aggiungere immagini dal tuo computer. Puoi selezionare più immagini.
- Fai clic su Importa immagini per importare immagini da una fonte esterna:
- Seleziona Da un sito, inserisci il sito web pertinente e fai clic su Mostra immagini. Seleziona le immagini desiderate e fai clic su Importa immagini.
- Seleziona "Dalle piattaforme online", collega la piattaforma desiderata e segui le istruzioni visualizzate sullo schermo.
- Fai clic su Fine.
-
Per aggiungere nuovi video alla tua libreria multimediale, vai alla scheda Video:
Fai clic su + Carica video, collega la piattaforma pertinente e segui le istruzioni sullo schermo.
- Fai clic su Fine.
Azioni aggiuntive:
- Per duplicare una diapositiva, posiziona il cursore del mouse sulla diapositiva e fai clic
. - Per sostituire una diapositiva, seleziona la diapositiva e fai clic
accanto a "Sostituisci". - Per eliminare una diapositiva, posiziona il cursore del mouse sulla diapositiva e fai clic
oppure seleziona la diapositiva e fai clic accanto a "Sostituisci". - Per posizionare la diapositiva, selezionare la posizione direzionale desiderata.
- Per aggiungere il testo alternativo, inserisci il testo richiesto sotto "Tag testo alternativo immagine" oppure fai clic su
per utilizzare l'Assistente IA. L'Assistente IA genera il testo alternativo nella lingua corrente della pagina. - Per aggiungere del testo alla diapositiva, inserisci il testo desiderato nel campo apposito.
- Per aggiungere una descrizione alla diapositiva, inserisci il testo richiesto nel campo apposito.
- Per visualizzare o nascondere un pulsante nella diapositiva, fai clic
. Inserisci il testo per il pulsante nel campo apposito. - Per aggiungere un link al pulsante, fai clic su Aggiungi un link e seleziona l'opzione corrispondente.
- Per eliminare tutte le diapositive, fai clic su Elimina tutto.
Inserisci immagini per decorare il tuo sito o per mostrare i tuoi prodotti. Puoi anche impostare le immagini in modo che fungano da pulsanti che rimandano ad altre pagine, file o finestre popup.
Prima di iniziare
- Ogni sito supporta fino a 15.000 file multimediali.
- La dimensione limite per ciascun file è di 50 MB.
- Evita di utilizzare spazi o caratteri speciali nei nomi dei file.
- Assicurati di avere l'autorizzazione per utilizzare foto di terzi.
- Tipi di file supportati:
png, jpg, jpeg, gif, svg, webp, ico.
- Fai clic sul widget e seleziona la scheda Contenuto.
-
Nella finestra a comparsa "Anteprima rapida selezione immagini", cerca e seleziona immagini, texture o GIF. In alternativa, fai clic su + Carica per selezionare le foto dai tuoi file personali. Puoi selezionare più immagini.
Fai clic su Visualizzazione completa per visualizzare ulteriori opzioni di immagine.
- Per rimuovere lo sfondo dell'immagine, fai clic
accanto a "Sostituisci". - Per aggiungere il testo alternativo, inserisci il testo richiesto sotto "Tag testo alternativo immagine" oppure fai clic per utilizzare l'Assistente IA. L'Assistente IA genera il testo alternativo nella lingua corrente della pagina.
- Per sostituire un'immagine, seleziona la diapositiva e fai clic accanto a "Sostituisci".
- Per aggiungere una descrizione a comparsa all'immagine al passaggio del mouse, inserisci il testo desiderato nel campo "Descrizione a comparsa".
- Per aggiungere una didascalia all'immagine al passaggio del mouse, inserisci il testo desiderato nel campo "Didascalia".
- Per sostituire l'immagine al passaggio del mouse, fai clic su + Immagine e seleziona l'immagine desiderata.
- Fai clic accanto a "Sostituisci" per modificare l'immagine alternativa. Ulteriori informazioni sull'editor di immagini. Fai clic su Salva.
- Fai clic accanto a "Sostituisci" per eliminare l'immagine alternativa.
- Fai clic
- Per rimuovere lo sfondo dell'immagine, fai clic
- Per aggiungere il testo alternativo, inserisci il testo richiesto sotto "Tag testo alternativo immagine" oppure fai clic per utilizzare l'Assistente IA. L'Assistente IA genera il testo alternativo nella lingua corrente della pagina.
Fai clic sul widget e seleziona la scheda Progettazione per modificare il layout dell'immagine, le animazioni, le opzioni di visualizzazione e lo stile.
Nota:
Disabilitare l'ottimizzazione delle immagini potrebbe influire sulla velocità e/o sulle prestazioni della pagina.
Utilizza lo slider di immagini per visualizzare una galleria di immagini sul tuo sito web, da usare per testimonianze, domande frequenti, presentazioni di prodotti o sezioni di servizio. Ciò offre una prova sociale e rafforza la fiducia dei tuoi clienti.
Prima di iniziare
I formati di file supportati includono .svg, .png, .jpg, .gif e tutti i formati video.
- Fai clic sul widget e seleziona la scheda Contenuto.
- Per aggiungere una nuova immagine, fai clic su Aggiungi immagine.
- Fai clic su + Carica immagini per aggiungere immagini dal tuo computer. Puoi selezionare più immagini.
- Fai clic su Importa immagini per importare immagini da una fonte esterna:
- Seleziona Da un sito, inserisci il sito web pertinente e fai clic su Mostra immagini. Seleziona le immagini desiderate e fai clic su Importa immagini.
- Seleziona "Dalle piattaforme online", collega la piattaforma desiderata e segui le istruzioni visualizzate sullo schermo.
- Seleziona le immagini pertinenti e fai clic su Fine.
- Fai clic sulla X accanto a un'immagine per eliminarla. In alternativa, fai clic su Elimina tutte le immagini per eliminare tutte le immagini.
Impostazioni immagine
Fai clic su un'immagine esistente per aprire le "Impostazioni immagine", dove troverai le seguenti impostazioni aggiuntive:
- Per sostituire un'immagine, fai clic su accanto a "Sostituisci".
- Per eliminare un'immagine, fai clic su accanto a "Sostituisci".
- Per posizionare la diapositiva, seleziona la posizione desiderata.
- Per aggiungere un link al pulsante, fai clic su Aggiungi un link e seleziona l'opzione corrispondente.
- Per visualizzare o nascondere il titolo di un'immagine, fai clic su . Inserisci il testo richiesto nel campo "Titolo dello slider".
- Per visualizzare o nascondere la didascalia di un'immagine, fai clic su . Inserisci il testo richiesto nel campo "Didascalia dello slider".
- Per visualizzare o nascondere un pulsante nella diapositiva, fai clic su . Inserisci il testo per il pulsante nel campo apposito.
- Per aggiungere il testo alternativo, inserisci il testo richiesto sotto "Tag testo alternativo immagine" oppure fai clic su per utilizzare l'Assistente IA. L'Assistente IA genera il testo alternativo nella lingua corrente della pagina.
Aggiungi più immagini contemporaneamente utilizzando il widget Galleria fotografica. I visitatori possono aprire le immagini in una galleria lightbox oppure cliccarci sopra per visitare link, link di ancoraggio o indirizzi e-mail.
- Fai clic sul widget e seleziona la scheda Contenuto.
- Fai clic su + Immagine per aggiungere una nuova immagine.
-
Nella finestra a comparsa "Anteprima rapida selezione immagini", cerca e seleziona immagini, texture o GIF. In alternativa, fai clic su + Carica per selezionare le foto dai tuoi file personali. Puoi selezionare più immagini.
Fai clic su Visualizzazione completa per visualizzare ulteriori opzioni di immagine.
- Fai clic su Fine.
- Seleziona un'immagine per aprirne le impostazioni:
- Per sostituire un'immagine, fai clic accanto a "Sostituisci".
- Per eliminare un'immagine, fai clic accanto a "Sostituisci".
- Per posizionare la diapositiva, seleziona la posizione direzionale desiderata.
- Per aggiungere un link al pulsante, fai clic su Aggiungi un link e seleziona l'opzione corrispondente.
- Per visualizzare o nascondere il titolo di un'immagine, fai clic su . Inserisci il testo richiesto nel campo "Titolo".
- Per visualizzare o nascondere la descrizione di un'immagine, fai clic . Inserisci il testo richiesto nel campo "Descrizione".
- Per visualizzare o nascondere un pulsante nella diapositiva, fai clic . Inserisci il testo per il pulsante nel campo apposito.
- Per aggiungere il testo alternativo, inserisci il testo richiesto sotto "Tag testo alternativo immagine" oppure fai clic su per utilizzare l'Assistente IA. L'Assistente IA genera il testo alternativo nella lingua corrente della pagina.
- Per sostituire un'immagine, fai clic
- Opzionale: Attiva l'opzione "Abilita collegamenti sulle immagini della galleria" per abilitare i collegamenti alle immagini della galleria.
- Fai clic sulla X accanto a un'immagine per rimuoverla. In alternativa, fai clic su Elimina tutte le immagini per eliminare tutte le immagini.
Aggiungi il feed di Instagram
Gli utenti con un account Instagram privato o pubblico (non account aziendali) possono aggiungere un feed Instagram al widget della galleria fotografica.
Scegli tra una libreria di oltre 1000 icone predefinite oppure carica il tuo file SVG.
Prima di iniziare
- I file SVG possono essere ridimensionati senza perdere risoluzione.
- Per mantenere la velocità del sito, semplifica il codice SVG complesso utilizzando uno strumento di ottimizzazione oppure converti i vettori ad alta definizione in formati più compatti come .png, .jpeg, ecc.
- Fai clic sul widget e seleziona la scheda Contenuto.
- Fai clic su Cambia icona per aprire la libreria di icone.
- Cerca e seleziona un'icona. In alternativa, fai clic su + Carica per aggiungere file da una piattaforma di terze parti.
- Per collegare l'icona, fai clic su Collega icona e seleziona l'opzione corrispondente.
- Digita il testo alternativo per l'icona oppure fai clic . Utilizza l'Assistente AI per generare il testo alternativo. Il testo alternativo consente ai motori di ricerca di riconoscere il contenuto delle icone. Utilizza un testo che descriva chiaramente l'icona.
Fai clic sul widget e seleziona la scheda Progettazione per modificare il layout delle icone, le animazioni, le opzioni di visualizzazione e lo stile dei pulsanti.
Attiva l'opzione "Fluttuante" per impostare l'icona in una posizione fissa sullo schermo.
Carica video o incorpora contenuti da YouTube, Vimeo o Dailymotion. I video sono un modo efficace per comunicare il valore della tua attività e aumentare le conversioni.
Prima di iniziare
- I file caricati sono pubblici. Non caricare informazioni riservate.
- Il caricamento di un video non influisce sulla velocità del sito.
- I siti supportano fino a 100 file video.
- La dimensione limite per ciascun file è di 200 MB.
- Fai clic sul widget e seleziona la scheda Contenuto.
- Fai clic su Seleziona video per scegliere un video dalla libreria video. Fai clic su + Carica per aggiungere file da una piattaforma di terze parti. In alternativa, incolla un URL da YouTube, Vimeo o Dailymotion.
- Attiva/disattiva Nascondi video correlati per disabilitare i video correlati consigliati dalla piattaforma che hai utilizzato.
- Per eliminare un video, fai clic su Elimina.
Fai clic sul widget e seleziona la scheda Design per personalizzare l'aspetto del video.
Utilizza il widget Forma per evidenziare messaggi, creare pulsanti personalizzati o mettere in evidenza i prezzi scontati. Puoi aggiungere immagini, testo e ombre a qualsiasi forma.
- Fai clic sul widget e seleziona la scheda Contenuto.
- Seleziona la forma che preferisci.
- Fai clic su Aggiungi collegamento per renderlo interattivo. Seleziona l'opzione pertinente.
- Per visualizzare o nascondere un titolo, fai clic . Inserisci il testo richiesto nel campo "Titolo".
- Per visualizzare o nascondere una descrizione, fai clic . Inserisci il testo richiesto nel campo "Descrizione".
- Per visualizzare o nascondere una descrizione comando sulla diapositiva, fai clic . Inserisci il testo per il tooltip nel campo apposito.
- Per aggiungere il testo alternativo, inserisci il testo richiesto sotto "Tag testo alternativo immagine" oppure fai clic su per utilizzare l'Assistente IA. L'Assistente IA genera il testo alternativo nella lingua corrente della pagina.
Fai clic sul widget e seleziona la scheda Design per personalizzare l'aspetto dell'icona.
- Fai clic su Spaziatura per utilizzare margini negativi se desideri sovrapporre un altro widget.
- Attiva l'opzione "Fluttuabile" per posizionare la forma in modo fisso sullo schermo.
Per creare una forma nell'intestazione:
- Crea una riga con due colonne.
- Scegli una forma amorfa e aggiungila alla colonna di destra.
- Fai in modo che la forma sia grande quanto la colonna.
- Nell'editor di progettazione, seleziona il layout con l'immagine di sfondo e sostituisci l'immagine con quella desiderata.
Per utilizzare una forma come pulsante aggiungendo un collegamento e un effetto al passaggio del mouse:
- Seleziona la forma circolare e aggiungi un titolo e una descrizione.
- Seleziona i colori per la forma e il testo.
- Per posizionare la forma nell'angolo di un'immagine, utilizzare un margine negativo sul lato sinistro della forma (spaziatura > margine > -50px margine sinistro e superiore).
Utilizzare le forme per evidenziare un piano o un servizio specifico:
- Scegli la forma della bandiera e aggiungi un titolo e una breve descrizione.
- Disattiva l'opzione "Mantieni proporzioni" per poter regolare solo la larghezza.
- Seleziona i colori per la forma e il testo.
- Per posizionare la forma in modo che si sovrapponga alla parte superiore di una colonna, utilizzare un margine superiore negativo (spaziatura > margine > -30px margine superiore).
o utilizzare una forma per creare un pulsante di scorrimento:
- Seleziona la forma a diamante e aggiungi un titolo.
- Disattiva l'opzione "Mantieni proporzioni" per poter regolare solo la larghezza.
- Seleziona i colori per la forma e il testo.
- Per posizionare la forma sopra un'immagine, utilizzare un margine superiore negativo (spaziatura > margine > -50px margine superiore).
Mostra un confronto visivo accattivante con il widget Prima e Dopo. Include un cursore che i visitatori possono utilizzare per passare da un'immagine all'altra.
- Fai clic sul widget e seleziona la scheda Contenuto.
- Immagine precedente: fai clic su + Immagine per selezionare l'immagine "Prima dell'uso".
- Immagine successiva: fai clic su + Immagine per selezionare l'immagine desiderata.
- Seleziona un'immagine per aprirne le impostazioni:
- Per sostituire un'immagine, fai clic accanto a "Sostituisci".
- Per eliminare un'immagine fai clic accanto a "Sostituisci".
- Per aggiungere un'etichetta all'immagine, inserisci il testo desiderato nel campo "Etichetta".
- Per aggiungere il testo alternativo, inserisci il testo richiesto sotto "Tag testo alternativo immagine" oppure fai clic su per utilizzare l'Assistente IA. L'Assistente IA genera il testo alternativo nella lingua corrente della pagina.
- Per sostituire un'immagine, fai clic
Fai clic sul widget e seleziona la scheda Design per personalizzarne l'aspetto:
- Fai clic su Immagini e cursore per personalizzare l'aspetto del cursore.
- Utilizza la sezione Etichette per personalizzare lo stile del testo in base al dispositivo.
Condividi podcast, brani musicali o tutorial incorporando file di SoundCloud o Mixcloud. Copia il link dalla fonte e aggiungilo al tuo sito tramite il widget.
- Fai clic sul widget e seleziona la scheda Modifica.
- Fai clic su Seleziona audio per scegliere un file audio. Fai clic su + Carica audio per aggiungere un file audio da una piattaforma di terze parti. In alternativa, incolla l'URL di SoundCloud o Mixcloud nel campo.
Fai clic sul widget e seleziona la scheda Progettazione per personalizzarne l'aspetto.
Le opzioni di layout dipendono dalla piattaforma utilizzata. Per mantenere la coerenza del design, si consiglia di utilizzare la stessa piattaforma (SoundCloud o Mixcloud) per tutti i file audio presenti sul sito.
Aggiungi animazioni di qualità vettoriale al tuo sito utilizzando il widget di animazione Lottie. Puoi sfogliare LottieFiles per trovare animazioni già esistenti oppure caricare i tuoi file JSON.
- Fai clic sul widget e seleziona la scheda Contenuto.
- Incolla l'URL dell'animazione Lottie.
- Seleziona "Animazione in loop" o "Anima al clic".
- Per aggiungere un link al pulsante, fai clic su Aggiungi un link e seleziona l'opzione corrispondente.
Nota:
Se si utilizza un LottieFile gratuito, è necessario includere le credenziali del creatore come previsto dal contratto di licenza.
Fai clic sul widget e seleziona la scheda Progettazione per ridimensionare l'animazione o bloccare le proporzioni.
