Tutorial WordPress affidabili, quando ne hai più bisogno.
Guida per principianti a WordPress
WPB Cup
25 Milioni+
Siti web che utilizzano i nostri plugin
16+
Anni di esperienza con WordPress
3000+
Tutorial WordPress di esperti

Come creare uno slider video in WordPress (tutorial facile)

Vedere aumentare la frequenza di rimbalzo di WordPress mentre i concorrenti catturano l'attenzione senza sforzo può essere frustrante. Spesso, la differenza si riduce a una cosa: il movimento.

Le pagine statiche faticano a mantenere l'interesse, lasciando i visitatori a scorrere senza interagire.

Un modo per risolvere questo problema? Aggiungere uno slider video.

Gli slider video danno vita ai tuoi contenuti combinando movimento, immagini e narrazione. Aiutano a catturare l'attenzione in modi che le immagini statiche semplicemente non possono e incoraggiano gli utenti a rimanere più a lungo sul tuo sito.

In questo tutorial, ti mostreremo come creare uno slider video in WordPress senza alcuna codifica. Alla fine, avrai una homepage dinamica che renderà il tuo sito più accattivante e manterrà i visitatori impegnati. 🙌

how-to-create-a-video-slider-in-wordpress-og

Perché usare uno slider video in WordPress?

Gli slider video sono un modo semplice per rendere il tuo sito WordPress più coinvolgente e memorabile.

A differenza delle immagini statiche, i video catturano immediatamente l'attenzione e possono mostrare di più in meno tempo. Una forte prima impressione può fare la differenza tra un visitatore che rimane e che lascia il tuo sito.

Gli slider video sono anche incredibilmente versatili. Puoi usarli per evidenziare demo di prodotti, condividere recensioni dei clienti o mostrare contenuti promozionali. Ad esempio:

Nella loro essenza, gli slider video sono semplici presentazioni che utilizzano video invece di immagini. Questo può rendere il tuo sito più vivace e interattivo.

Sito web con slider video

Ecco alcuni modi pratici per utilizzare gli slider video sul tuo sito web WordPress:

  • Mostra recensioni di prodotti o servizi.
  • Dimostra funzionalità e come funzionano i prodotti.
  • Condividi brevi testimonianze di clienti soddisfatti.
  • Evidenzia studi di caso dettagliati.

Tenendo presente questo, vedremo come puoi creare facilmente slider video in WordPress in modo da poter coinvolgere il tuo pubblico. Ecco una rapida panoramica di tutti i passaggi che copriremo in questa guida:

  1. Aggiungere uno slider video al tuo sito WordPress
  2. Visualizzare lo slider video in WordPress
  3. Bonus: Aggiungere uno slider di contenuti in primo piano a WordPress
  4. Domande frequenti: Creare slider video in WordPress
  5. Prossimi passi: Guide all'utilizzo di file multimediali in WordPress

Pronto? Iniziamo subito!

Aggiungere uno slider video al tuo sito WordPress

Il modo più semplice per aggiungere slider video al tuo sito web è utilizzare un plugin.

Consigliamo Soliloquy perché è il miglior plugin per slider di WordPress sul mercato. Mentre la maggior parte dei plugin per slider di WordPress rallenta il tuo sito web, Soliloquy è super veloce e non danneggerà il tempo di caricamento della tua pagina.

Lo abbiamo testato a fondo e puoi saperne di più nella nostra recensione completa di Soliloquy.

Soliloquy WordPress Image Slider

Soliloquy supporta più piattaforme video, tra cui YouTube, Vimeo e Wistia. Quindi, puoi semplicemente inserire l'URL del video se è già pubblicato.

Il plugin è anche responsive per dispositivi mobili. Ciò significa che puoi usarlo per creare slide video che funzionano su ogni dispositivo e dimensione dello schermo. Soprattutto, consente più tipi di slide in modo da poter aggiungere anche video, immagini e contenuti.

Ora, la prima cosa da fare è installare e attivare il plugin Soliloquy. Per maggiori dettagli sull'installazione, puoi consultare il nostro articolo su come installare un plugin di WordPress.

💡 Nota: Esiste anche un plugin Soliloquy gratuito che ti permette di creare slider video. Tuttavia, utilizzeremo il plugin Soliloquy Pro per il nostro tutorial perché ha il supporto integrato per YouTube, Vimeo e Wista, insieme a più impostazioni di controllo video.

Dopo l'attivazione, naviga semplicemente su Soliloquy » Aggiungi Nuovo.

Nella schermata successiva, dovrai dare un titolo al tuo nuovo slider video. Quindi, fai clic sul pulsante che dice ‘Seleziona File da Altre Fonti’.

Aggiungi nuovo slider video

🧑‍💻 Suggerimento Pro: Soliloquy consente di caricare video direttamente, ma questo non è consigliato. Il caricamento di video nella libreria di WordPress può rallentare il tuo sito, quindi è meglio utilizzare un servizio di hosting video come YouTube, Vimeo o Wistia.

Per maggiori dettagli, consulta la nostra guida su perché non dovresti mai caricare un video su WordPress.

Apparirà una finestra pop-up dove dovrai fare clic sull'opzione ‘Inserisci Slide Video’.

Qui dovrai aggiungere il titolo, l'URL del video, la didascalia e l'alt text del video.

Per l'URL del video, puoi usare un link dalla tua libreria multimediale o, preferibilmente, un sito di hosting video come YouTube, Vimeo o Wistia.

Inserisci diapositiva video

Procedi e compila tutti i dettagli in base al tuo video.

Nel campo 'URL immagine', devi anche fornire un'immagine segnaposto per il video. Questa immagine verrà utilizzata quando il video non è in riproduzione. Aiuta anche a migliorare le prestazioni del tuo WordPress perché il video viene caricato solo quando l'utente fa clic su di esso.

Quindi, nel campo 'URL video', puoi trovare l'URL del video nella tua libreria multimediale o direttamente da un sito di hosting video come YouTube.

Hai anche la possibilità di fornire una didascalia per il video. Se decidi di farlo, ti consigliamo di scrivere qualcosa di coinvolgente che descriva anche cosa le persone possono aspettarsi quando fanno clic su play.

aggiunta diapositiva video

Se desideri aggiungere un'altra diapositiva video, fai semplicemente clic sul pulsante 'Aggiungi un'altra diapositiva video'.

Da lì, dovrai caricare il titolo, l'URL del video, l'URL dell'immagine, la didascalia e l'alt text del video successivo.

Aggiungi un'altra diapositiva video

Una volta fatto, puoi ripetere il processo per tutte le diapositive video che desideri aggiungere.

Dopodiché, fai semplicemente clic sul pulsante 'Inserisci nello slider'.

Inserisci nello slider

Le tue diapositive video appariranno nella nuova schermata delle diapositive in questo modo.

Se hai bisogno di apportare modifiche, puoi sempre fare clic sull'icona a forma di matita per modificare il video o fare clic sull'icona 'Inattivo' per renderlo inattivo.

Da qui, puoi andare alla scheda 'Configurazione' per personalizzare l'aspetto del tuo slider video.

Scheda di configurazione per le diapositive video

In questa schermata, puoi attivare o disattivare diverse impostazioni.

Ad esempio, puoi cambiare le dimensioni dello slider per adattarle al tuo web design. Puoi anche personalizzare la posizione dello slider e della didascalia in modo che si allineino con altri elementi della tua pagina.

Dimensioni dello slider

Un'altra opzione che potresti voler considerare è se consentire o meno la riproduzione automatica dei video.

Puoi impostare lo slider video in modo che venga riprodotto automaticamente quando un visitatore accede alla pagina, in modo che sia costretto a guardare i tuoi contenuti. Tuttavia, tieni presente che potrebbe rallentare la velocità della pagina poiché il browser deve anche caricare il video.

riproduci video automaticamente

Il bello di Soliloquy è che il plugin può anche ottimizzare il tuo slider video per i dispositivi mobili. Ma devi impostare manualmente le opzioni.

Per fare ciò, andiamo alla scheda 'Mobile'.

Una volta dentro, puoi creare immagini dello slider per dispositivi mobili e mostrare le didascalie in modo che le persone sappiano cosa stanno per guardare prima di fare clic per riprodurre.

Diapositive video per dispositivi mobili

Ora sei pronto per aggiungere lo slider al tuo blog WordPress o sito web.

Fai clic sul pulsante ‘Pubblica’ nel pannello di destra.

Pulsante Pubblica

Visualizzare lo slider video in WordPress

Per incorporare il tuo slider, potresti voler creare o modificare un post o pagina dove vuoi visualizzarlo.

Nell'editor di WordPress, puoi fare clic sul pulsante ‘+’ per aggiungere il blocco Soliloquy alla tua pagina. Per semplificare il processo, puoi digitare ‘Soliloquy’ nella barra di ricerca.

Aggiungi blocco Soliloquy

Quindi, selezioniamo lo slider video che hai appena creato dal widget Soliloquy e inseriamolo nella tua pagina.

Fatto ciò, fai clic sul pulsante ‘Pubblica’ o ‘Aggiorna’ in alto.

Inserisci diapositiva video in WordPress

Tutto qui. Ora puoi visualizzare in anteprima il tuo post per vedere le tue diapositive video in azione.

Ecco come potrebbe apparire:

Anteprima dello slider video

Se stai ancora utilizzando l'editor classico di WordPress, puoi anche aggiungere uno slider video a qualsiasi pagina o post di WordPress.

Dovrai copiare lo shortcode situato nella pagina Soliloquy, dove sono memorizzati tutti i tuoi slider video. Quindi, inserisci semplicemente quello shortcode nel tuo contenuto.

Per ulteriori informazioni, puoi consultare la nostra guida su come inserire uno shortcode in WordPress.

Copia shortcode

Oltre ad aggiungere slider video al tuo sito web, potresti anche voler aggiungere uno slider di contenuti in primo piano alle tue pagine WordPress.

Oltre a mostrare i tuoi migliori post del blog, puoi aggiungere slider di contenuti in primo piano per evidenziare prodotti in primo piano dal tuo negozio online, condividere recensioni, mostrare elementi del portfolio o visualizzare categorie popolari.

A differenza degli slider video, uno slider di contenuti in primo piano può mostrare una combinazione di immagini e link nella slide.

Tutto quello che devi fare è installare l''Featured Content Addon' in Soliloquy.

activate-featured-content-addon

Il passo successivo è aggiungere i contenuti, i link e le descrizioni dei tuoi file multimediali, in modo simile a come hai fatto con lo slider video.

Per un tutorial più approfondito, puoi consultare il nostro post sul blog su come aggiungere correttamente uno slider di contenuti in primo piano in WordPress.

Domande frequenti: Creare slider video in WordPress

Se ti stai ancora chiedendo come gli slider video influenzano il tuo sito o come usarli in modo efficace, queste domande frequenti coprono i punti chiave.

Uno slider video rallenterà il mio sito web?

Può farlo, ma plugin come Soliloquy sono progettati per le prestazioni. Utilizzano il lazy loading, quindi il video viene caricato solo quando un utente fa clic su play. L'utilizzo di un servizio di hosting video come YouTube, Vimeo o Wistia invece di caricarlo direttamente su WordPress mantiene anche il tuo sito veloce.

Posso mescolare video e immagini nello stesso slider?

Sì. Soliloquy supporta più tipi di slide, quindi puoi combinare video, immagini e persino contenuti HTML personalizzati all'interno di un unico slider.

Per i video, puoi fornire un'immagine segnaposto (immagine poster) che viene visualizzata prima che il video venga riprodotto. Questo migliora le prestazioni e garantisce che il tuo slider abbia un bell'aspetto durante il caricamento.

Gli slider video di Soliloquy sono ottimizzati per dispositivi mobili?

Assolutamente. Dai nostri test, Soliloquy è completamente responsive, quindi gli slider si adattano automaticamente per adattarsi a desktop, tablet e smartphone.

Ho bisogno di sapere come programmare per aggiungere uno slider video?

Assolutamente no. Se segui questo tutorial, sarà completamente privo di codice. Questo permette a chiunque, anche ai principianti, di creare, personalizzare e aggiungere uno slider video con facilità.

Prossimi passi: Guide all'utilizzo di file multimediali in WordPress

Speriamo che questo articolo ti abbia aiutato ad aggiungere slider video in WordPress utilizzando Soliloquy. Successivamente, potresti anche voler consultare le nostre guide su:

Se ti è piaciuto questo articolo, iscriviti al nostro canale YouTube per tutorial video su WordPress. Puoi anche trovarci su Twitter e Facebook.

Dichiarazione: Il nostro contenuto è supportato dai lettori. Ciò significa che se fai clic su alcuni dei nostri link, potremmo guadagnare una commissione. Vedi come è finanziato WPBeginner, perché è importante e come puoi supportarci. Ecco il nostro processo editoriale.

Il Toolkit WordPress Definitivo

Ottieni l'accesso GRATUITO al nostro toolkit - una raccolta di prodotti e risorse relative a WordPress che ogni professionista dovrebbe avere!

Interazioni del lettore

2 CommentsLeave a Reply

  1. Volevo aggiungere uno slider video al mio sito web ma non ero sicuro da dove iniziare. La suddivisione dei diversi plugin per slider e delle opzioni di personalizzazione è molto utile. Ora posso creare uno slider visivamente accattivante per mostrare i miei contenuti video. Grazie per aver condiviso!

  2. Questo è molto necessario per molti siti web per mostrare brevi video a scopo didattico, come descrizioni di prodotti, servizi offerti e guide pratiche.
    Ho sempre scartato l'idea di incorporare uno slider video semplicemente a causa del problema di velocità del sito web.
    Poiché Soliloquy si occupa della velocità e consente l'incorporamento di video di YouTube nello slider, avrà senso utilizzarlo in ogni sito web che ne abbia bisogno.
    Grazie a wpbeginner per questa guida, la proverò sicuramente.

Lascia un commento

Grazie per aver scelto di lasciare un commento. Tieni presente che tutti i commenti sono moderati secondo la nostra politica sui commenti, e il tuo indirizzo email NON verrà pubblicato. Si prega di NON utilizzare parole chiave nel campo del nome. Avviamo una conversazione personale e significativa.