Come incorporare un canale YouTube in un sito web

YouTube channel feed embed example

Stai cercando un modo per inserire dei video YouTube sul tuo sito? In questo articolo scoprirai come mostrare automaticamente gli ultimi video del tuo canale YouTube su siti Wordpress, Squarespace, Wix, Webflow, Shopify e qualsiasi altra tipologia di sito web.

Che tu ci creda o no, YouTube è il sito più popolare del mondo. Un miliardo di ore di video vengono viste su YouTube ogni giorno.

Detto questo non dovrebbe sorprenderti sapere che sono in moltissimi a voler inserire i video di YouTube all’interno del proprio sito e avere così più visite, il tutto senza dover fare alcun lavoro manuale di condivisione ogni volta che un video viene pubblicato su YouTube.

La bella notizia è che non hai bisogno di essere un esperto in HTML o uno sviluppatore per inserire il tuo canale YouTube sul tuo sito. Con un aggregatore di social media per embeddare il tuo canale YouTube ci vorranno solo pochi minuti.

In questo articolo:

Perché le aziende incorporano i canali YouTube nei siti web?
Incorpora i video di YouTube su qualsiasi sito web
Personalizza il tuo feed YouTube
Come incorporare il canale YouTube su WordPress
Come incorporare il canale YouTube su Wix
Come incorporare il canale YouTube su Squarespace
Come incorporare il canale YouTube su Webflow
Come incorporare il canale YouTube su Shopify

Perché le aziende incorporano i canali YouTube nei siti web?

Le aziende incorporano i feed dei social sui siti web per mantenere il loro sito aggiornato con nuovi contenuti: i feed dei social aiutano ad aumentare il tempo trascorso sul sito.

Ma ci sono altri motivi per cui la tua organizzazione dovrebbe incorporare i feed video di YouTube nei siti web:

1.  Aumentare gli iscritti al tuo canale YouTube

Ci sono 38 milioni di canali su YouTube e la competizione per l’attenzione degli utenti è davvero feroce. Per questo è essenziale promuovere il tuo canale su siti esistenti e app mobile che hai già. Più occhi porterai ai tuoi video, più è probabile che aumenterai anche il numero di iscritti.

2. Aumentare le vendite

According to statistics, videos help increase sales by 34%. Videos make it easier and faster to learn more about a new product and service than text or even images.

Especially, customer testimonial videos embedded with a UGC Platform truly resonate with new customers. Social proof and user-generated content from our friends and peers helps us to make the purchase decision.

Secondo le statistiche, i video aumentano le vendite del 34%. I video consentono di scoprire in modo più facile e veloce informazioni sui tuoi prodotti e funzionano meglio delle immagini.

Soprattutto i video dei testimonial inseriti con una piattaforma CGU hanno presa sui nuovi consumatori. La social proof e i contenuti generati dagli utenti ci aiutano a prendere decisioni di acquisto.

3. Migliorare la SEO con i video YouTube

In ultimo, YouTube è diventato uno dei principali motori di ricerca e più popolari sono i video, più YouTube li promuoverà in futuro. I video YouTube vengono mostrati anche nelle ricerche Google.

Incorpora i video di YouTube su qualsiasi sito

An example of a YouTube channel embed
A live updating YouTube Channel feed is easy to embed on a specific landing page or show on all key sections of your website. Without any manual effort, your latest videos show on your website, apps, and digital screens.

Un feed del canale YouTube con aggiornamento in tempo reale è facile da embeddare in una landing page specifica o da mostrare in tutte le sezioni chiave del tuo sito. Senza il bisogno di intervenire manualmente, i tuoi ultimi video vengono mostrati sul tuo sito, sulle app e sugli schermi digitali.

Esistono due modi per aggiungere video di YouTube al tuo sito web:

1. Usa il codice di embed dei video di YouTube e aggiungi manualmente i video di YouTube a qualsiasi pagina.

2. Raccogli i feed video di YouTube con un aggregatore di social media e incorpora un feed YouTube aggiornato in tempo reale su qualsiasi sito web.

1. Aggiungi manualmente i video di YouTube a qualsiasi pagina

Se vuoi mostrare un solo video sulla pagina del tuo sito web e non cambiarlo troppo spesso, incorporare l'HTML del video di YouTube sul tuo sito è una buona opzione. Ecco come puoi trovare il codice di embed del video di YouTube:

  • Apri il video su YouTube.
  • Fare clic sul pulsante 'Condividi' e scegli “Embed” tra le opzioni disponibili.
  • YouTube video embed code example
  • Quindi, copia e incolla l'HTML del video di YouTube su qualsiasi sito e articolo.

2. Incorpora un canale YouTube su qualsiasi sito web

La maggior parte degli esperti di marketing e dei gestori di siti sono sempre occupati e vogliono evitare ulteriori lavori manuali. È in questo caso che un feed video YouTube che si aggiorna automaticamente è la scelta giusta.

Ecco cinque semplici passaggi su come incorporare un feed del canale YouTube su qualsiasi sito:

Prima di iniziare, e se non hai ancora un aggregatore di social media, iscriviti alla prova gratuita di Flockler.

Passaggio 1: accedi al tuo account Flockler e vai alla scheda "Feed automatici" nella navigazione. Quindi, fai clic sul pulsante "Crea un nuovo feed automatico".

Passaggio 2: seleziona "YouTube" dalle fonti disponibili e accedi con il tuo account YouTube.

Su Flockler, puoi combinare i feed social da più fonti e mostrare tutti i post in un unico posto.

Passaggio 3: scegli "Canale/playlist di YouTube" (sì, puoi anche incorporare una playlist e i video di YouTube con una parola chiave!)

Selecting a YouTube content source on the Flockler app

Quindi digita il nome del canale o aggiungi un collegamento. Non è necessario essere un amministratore di alcun canale specifico.

Selecting the right YouTube channel on the Flockler app

Passaggio 4: decidi se mostrare automaticamente i video di YouTube o moderarli prima di incorporarli nel sito. Se stai cercando di mostrare video dal tuo canale, la pubblicazione automatica dei video è la scelta consigliata.

Hai il pieno controllo di ciò che viene mostrato sul tuo sito web. Anche se decidessi di mostrare tutto automaticamente, puoi sempre nascondere i video in un secondo momento.

Passaggio 5: il passaggio finale è scegliere il layout del feed di YouTube. Dalla scheda Display di Flockler, puoi creare social wall, griglie, caroselli e slide show per i video del tuo canale YouTube.

Con Flockler, puoi creare un numero illimitato di layout per l’embed del feed YouTube e utilizzarli in vari servizi digitali.

Dopo aver scelto il layout, otterrai un codice di embed per il tuo feed video YouTube. Puoi aggiungere il codice di embed all'HTML del tuo sito Web, inclusi WordPress, Wix, Squarespace, Webflow, Shopify e altre opzioni.

Customizza il tuo feed YouTube

Settings of the YouTube feed embed code on the Flockler app
Le impostazioni del layout del feed di YouTube consentono agli esperti di marketing di personalizzare l'aspetto dei propri codici di embed. Per ogni sito web e servizio digitale, puoi creare social wall, griglie, caroselli e slide show separatamente e assicurarti che si adattino perfettamente al tuo brand.

Con pochi clic e senza competenze di sviluppatore, puoi personalizzare il feed del tuo canale YouTube e assicurarti che si adatti perfettamente al tuo sito web e al tuo marchio.

A seconda della pagina e del servizio digitale, puoi scegliere un social wall, una griglia, un carosello e uno slide show. Puoi creare tutti i layout che desideri e quindi modificare le funzionalità di ciascun feed YouTube:

  • Mostra/nascondi i testi dei sottotitoli dei video di YouTube
  • Mostra/nascondi le informazioni del profilo YouTube
  • Mostra/nascondi timestamp
  • Selezionare la lingua
  • Scegli quanti video di YouTube mostrare
  • Abilita/disabilita lo scorrimento infinito
  • Apri il video di YouTube in un popup
  • Usa colori personalizzati
  • Aggiungi CSS personalizzati
  • Filtra i video di YouTube in base a un hashtag
  • Aggiungi pulsanti CTA
  • Tagga i video con i prodotti del tuo negozio online

Incorpora i video di YouTube su un website builder

With the instructions above, you can embed a YouTube channel on any digital service and here are detailed step-by-step tutorials for some of the most common website builders:

Con le istruzioni di cui sopra, puoi embeddare un canale YouTube su qualsiasi servizio digitale e qui ci sono tutorial dettagliati passo per passo per alcuni dei più famosi website builder:

Come incorporare il canale YouTube su WordPress

Inizia scaricando il plugin WordPress di Flockler. Quindi, segui le istruzioni seguenti per Elementor, Gutenberg e il Classic Editor.

Embedda il canale YouTube su Elementor

  • Aggiungi una nuova pagina su WordPress o modificane una esistente.

  • Fai clic su Modifica con il pulsante Elementor.

  • Da sinistra, cerca il widget HTML.
Selecting an HTML element on the Elementor editor
  • Trascina e rilascia il widget HTML nella tua pagina.
  • Si aprirà un nuovo set di strumenti di modifica sulla sinistra. Copia e incolla lo shortcode del tuo plug-in Flockler per il canale YouTube direttamente nel campo Codice HTML.
  • Add YouTube channel’s shortcode to the Elementor editor

    Aggiorna / Pubblica la pagina

Embedda il canale YouTube usando Gutenberg

  • Apri il post o la pagina nell'amministratore di WordPress in cui desideri incorporare un feed.

  • Scegli "(+) Aggiungi blocco" nell'angolo in alto a sinistra degli strumenti di modifica di WordPress.

  • Quindi, cerca l'elemento HTML personalizzato e aggiungilo alla tua Pagina.. 
  • Selecting a Custom HTML element on the WP Gutenberg
  • Copia e incolla il tuo shortcode di embed del video di YouTube dalla scheda Display di Flockler all'elemento.
  • Adding the shortcode for YouTube feed to Gutenberg editor
  • Aggiorna/Pubblica le modifiche al Post/Pagina di WordPress.

 

Embedda il canale YouTube utilizzando il Classic Editor

  • Apri il post o la pagina di WordPress in cui desideri aggiungere un feed YouTube.

  • Nell'editor dei contenuti di WordPress troverai le opzioni per utilizzare una modalità visiva o testuale. Scegli la modalità testo.

  • Copia e incolla il tuo shortcode univoco dalla scheda Display di Flockler nel punto in cui desideri mostrare il feed di YouTube su WordPress.
  • Aggiorna/Pubblica le modifiche al Post/Pagina di WordPress.

Questo è tutto: se hai seguito i passaggi precedenti, un feed video YouTube personalizzato è ora inserito nel tuo sito WordPress!

Come incorporare il canale YouTube su Wix

Sul sito Web Wix, puoi utilizzare l'editor classico o Wix ADI; qui trovi le istruzioni dettagliate per entrambi.

Embedda il canale YouTube utilizzando l'editor classico di Wix

Nell'editor Wix, fai clic sul pulsante + a sinistra, seleziona "Embed" e poi "Inserisci un widget" dalle opzioni disponibili.

Adding a YouTube video feed to Wix

Ridimensiona l'elemento, quindi fai clic sul pulsante "Inserisci codice".

Enter code to the Wix editor

Vai alla scheda "Visualizza" di Flockler e copia e incolla il codice di embed del feed di YouTube nell'editor di Wix.

Adding the YouTube feed embed code to Wix

Fai clic su "Aggiorna" e il layout di Flockler apparirà sulla pagina.

Embedda il canale YouTube utilizzando Wix ADI

Apri l'editor e fai clic sull'icona + sulla pagina e seleziona la posizione in cui desideri incorporare il feed di YouTube.

Adding an element to Wix website

Quindi seleziona "Embed HTML" e uno dei modelli pronti.

Selecting an HTML element for Wix website

Modifica o rimuovi i testi predefiniti e fai clic su "Impostazioni" accanto a HTML.

Edit HTML element setting on Wix

Assicurati di selezionare "Sito web" dai due tipi di embed e aggiungi l'URL "Anteprima" di Flockler all'editor. Puoi trovare l'URL "Anteprima" dalla scheda Display di Flockler. Mentre sei nell'editor puoi modificare la larghezza e l'altezza disponibili per il layout Flockler.

Adding YouTube channel embed code to Wix

Ecco fatto: fai clic su "Pubblica" il tuo sito Web e il feed video di YouTube verrà mostrato sul tuo sito Wix.

Come incorporare il canale YouTube su Squarespace

Tieni presente che avrai bisogno di un piano Business per Squarespace per aggiungere qualsiasi widget di terze parti.

Fai clic su "Modifica" la pagina in cui desideri aggiungere un feed YouTube.

Quindi aggiungi un elemento.

Adding an element to Squarespace

Fare clic sull'icona +: si apre una serie di opzioni. Cerca e seleziona il blocco "Codice".

Add an HTML element to Squarespace

Nel blocco "Codice", assicurati di aver selezionato "HTML" dal menu a tendina e di NON aver selezionato "Visualizza sorgente". Incolla il codice di embed del feed di YouTube nel campo e fai clic su "Applica".

Add a YouTube feed embed code to Squarespace

Successivamente, dovresti vedere l'elemento che dice "Script disabilitato". Non preoccuparti, è un del tutto normale.

Embed code added to the Squarespace

Salva le modifiche e pubblica il sito: l'embed del canale YouTube verrà quindi mostrato sul tuo sito Squarespace!

YouTube channel feed embedded on Squarespace

Come incorporare il canale YouTube su Webflow

Tieni presente che avrai bisogno di un piano Webflow a pagamento per aggiungere un widget di terze parti a Webflow.

Seleziona l’area in cui desideri embeddare i video di YouTube. Quindi fai clic sull'icona +, scorri verso il basso fino alla sezione Componenti e seleziona il pulsante "embed".

Adding an HTML element to Webflow

Dopo aver selezionato il componente "embed", si apre un editor. Aggiungi il codice di embed dalla scheda Display di Flockler all'editor e salva le modifiche.

Adding the YouTube channel feed embed code to Webflow

Ricordati di pubblicare la tua versione aggiornata del sito Webflow e il tuo canale YouTube sarà live sulla pagina!

Come incorporare il canale YouTube su Shopify

In generale, puoi incorporare i feed di YouTube in tutte le pagine di Shopify, nella home page, in tutte le pagine di prodotti e collezioni o in qualsiasi singola pagina. Passeremo in rassegna tutte le varie opzioni.

 

Embedda il canale YouTube nella home page di Shopify

Per aggiungere YouTube alle pagine di Shopify dovrai editare il layout del tema. Vai a Temi, clicca su "Actions’ e seleziona ‘Edit code’.

Vai su “'Sections' e clicca 'Add a new section'.

 

Dalle un nome (es., flockler), e si aprirà l’editor

Nell’editor sostituisci il nome della sezione con "flockler". Dovrai anche sostituire tutto dopo after 'endschema' con il codice di embed di Flockler che troverai nel Display tab di Flockler.

Salva le modifiche. 

Ora vai a 'Templates', clicca su 'index.json'.

Si aprirà un editor. Dovrai aggiungere la seguente sezione all'inizio:

"flockler": {

"type": "flockler"

},

 

Fai scorrere l'editor del codice e troverai l'ordine degli elementi della home page. Scegli il posto migliore per inserire Flockler e aggiungilo alla lista. 

Salva e il gioco è fatto! Il feed del canale YouTube verrà mostrato su tutte le pagine del tuo negozio Shopify.

Embedda il canale YouTube nella nelle pagine delle collezioni Shopify

Se desideri che il codice di embed Flockler venga mostrato su tutte le collezioni e le pagine dei prodotti puoi seguire le istruzioni precedenti. In questo caso, 'collection.json' and 'product.json' definiscono i layout per tutte le collezioni e i prodotti e puoi aggiungere un feed YouTube a ciascuno di essi.

Embedda il canale YouTube su una pagina singola di Shopify

Un'altra opzione è incorporare i video di YouTube nel contenuto della singola pagina. Dal testo clicca “Html”

Add an HTML embed code to Shopify

 Aggiungi Flockler nel campo vuoto

Adding the YouTube channel embed code to Shopify

Infine, fai clic su "Salva" e il feed video di YouTube verrà incorporato in una pagina singola.

Crea il tuo social hub o porta i contenuti dei social sul tuo sito, applicazione, e-commerce o su qualsiasi altro servizio digitale

Prenota una demo Comincia la prova gratuita di 14 giorni
Comincia la prova gratuita di 14 giorni