Inserire un file multimediale esterno

Incorpora file multimediali esterni, come i video di YouTube, in un modulo di testo formattato all’interno delle tue pagine, dei post del blog e degli articoli della knowledge base. I video possono anche essere incorporati nel modulo video nelle aree “trascina e rilascia” delle pagine o nell’editor di email “trascina e rilascia”.

Per monitorare le interazioni con un video, utilizza invece gli strumenti video di HubSpot.

Prima di iniziare

Prima di incorporare file multimediali esterni, esamina questi requisiti e queste considerazioni.

Comprendere le limitazioni e le considerazioni

• La funzione di incorporamento supporta solo URL in formato oEmbed. Per un elenco completo dei provider supportati (ad es. YouTube), consultare la documentazione di oEmbed.
• I file multimediali con misure di sicurezza aggiuntive, come i video privati di YouTube, non sono supportati.

Incorporare un file multimediale esterno in un modulo di testo formattato

È possibile incorporare un file multimediale in un modulo di testo formattato incollando l'URL direttamente nell'editor di testo formattato oppure inserendo il codice di incorporamento del file multimediale esterno.

Se viene visualizzato un messaggio di errore durante l'aggiunta dell'URL del file multimediale, si consiglia di inserire invece il codice di incorporamento.

Nota: i file multimediali esterni non possono essere incorporati nei moduli di testo formattato nelle e-mail di marketing.

1. Accedi ai tuoi contenuti:

   • Pagine del sito web: Nel tuo account HubSpot, fai clic su Altro, quindi vai a Contenuti > Pagine del sito web. Se Altro non compare nel tuo account, vai direttamente a Contenuti > Pagine del sito web.
   • Pagine di destinazione: Nel tuo account HubSpot, fai clic su Altro, quindi vai a Contenuti > Landing page. Se Altro non appare nel tuo account, vai direttamente a Contenuti > Landing page.
   • Blog: Nel tuo account HubSpot, fai clic su Altro, quindi vai a Contenuti > Blog. Se Altro non appare nel tuo account, vai direttamente a Contenuti > Blog.
   • Knowledge Base: Nel tuo account HubSpot, fai clic su Altro, quindi vai a Servizio > Knowledge Base. Se Altro non appare nel tuo account, vai direttamente a Servizio > Knowledge Base.
2. Fai clic sul nome del contenuto.
3. Nell'editor dei contenuti, clicca sul modulo di testo formattato.
4. Nell'editor della barra laterale sinistra:
   • Per incorporare un file multimediale tramite URL, clicca sul menu a tendina Inserisci e seleziona Incorpora. Nella finestra di dialogo, incolla l'URL del file nel modulo di testo formattato.
   • Per incorporare un file multimediale tramite un codice di incorporamento, clicca sul menu a tendina "Inserisci" e seleziona "Incorpora". Nella finestra di dialogo, incolla il codice di incorporamento del file, quindi clicca su "Inserisci".

Formattare un file multimediale esterno

1. Accedi ai tuoi contenuti:

   • Pagine del sito web: Nel tuo account HubSpot, fai clic su Altro, quindi vai a Contenuti > Pagine del sito web. Se Altro non compare nel tuo account, vai direttamente a Contenuti > Pagine del sito web.
   • Pagine di destinazione: Nel tuo account HubSpot, fai clic su Altro, quindi vai a Contenuti > Landing page. Se Altro non appare nel tuo account, vai direttamente a Contenuti > Landing page.
   • Blog: Nel tuo account HubSpot, fai clic su Altro, quindi vai a Contenuti > Blog. Se Altro non appare nel tuo account, vai direttamente a Contenuti > Blog.
   • Knowledge Base: Nel tuo account HubSpot, fai clic su Altro, quindi vai a Servizio > Knowledge Base. Se Altro non appare nel tuo account, vai direttamente a Servizio > Knowledge Base.
2. Fai clic sul nome del contenuto.
3. Nell'editor dei contenuti, clicca sul modulo di testo formattato.
4. Nel modulo di testo formattato, clicca sul file multimediale incorporato.
5. Modifica la posizione, la spaziatura e le dimensioni del file multimediale nella barra degli strumenti.
   • Per regolare la posizione del file multimediale all'interno di un blocco di testo, clicca sulle icone di allineamento" inline ".
   • Per rendere il video responsive, clicca sull'icona" fullWidth " a larghezza intera. Il video occuperà l'intera larghezza del dispositivo su cui viene visualizzato.
   • Per ridimensionare il file, inserisci i valori in pixel per larghezza e altezza.
   • Per regolare i margini del file, clicca sul menu a tendina "Spaziatura " e inserisci i valori in pixel nei campi.

Nota: i file multimediali incorporati con un tag <script> non sono supportati in modalità a larghezza intera poiché generano contenuti dinamici.

6. Per modificare le opzioni avanzate del file multimediale, fare clicsull'icona" Modifica " ( edit ).
   • Nella finestra a comparsa, gli sviluppatori possono modificare lo stile e il comportamento di un video incorporato nel campo «Codice di incorporamento ».
   • Per impostare il comportamento di caricamento, fare clic sul menu a tendina " Caricamento iframe" e selezionare un'opzione:
     • Impostazioni predefinite del browser: il comportamento di caricamento dell’immagine è determinato dalle impostazioni del browser del visitatore.
     • Lazy: l’immagine verrà caricata solo quando il visitatore raggiungerà quella parte della pagina. Ciò riduce il tempo necessario per il caricamento della pagina e migliora la SEO.
     • Eager: l’immagine verrà caricata non appena la pagina viene caricata.
   • Fai clic su " Applica".

Sostituisci un file multimediale esterno

Se devi sostituire un file multimediale esterno incorporato, rimuovi il file originale, quindi incorpora l'URL o il codice di incorporamento del nuovo file:

1. Accedi ai tuoi contenuti:

   • Pagine del sito web: Nel tuo account HubSpot, fai clic su Altro, quindi vai a Contenuti > Pagine del sito web. Se Altro non compare nel tuo account, vai direttamente a Contenuti > Pagine del sito web.
   • Pagine di destinazione: Nel tuo account HubSpot, fai clic su Altro, quindi vai a Contenuti > Landing page. Se Altro non appare nel tuo account, vai direttamente a Contenuti > Landing page.
   • Blog: Nel tuo account HubSpot, fai clic su Altro, quindi vai a Contenuti > Blog. Se Altro non appare nel tuo account, vai direttamente a Contenuti > Blog.
   • Knowledge Base: Nel tuo account HubSpot, fai clic su Altro, quindi vai a Servizio > Knowledge Base. Se Altro non appare nel tuo account, vai direttamente a Servizio > Knowledge Base.
2. Fai clic sul nome del contenuto.
3. Nell'editor dei contenuti, clicca sul modulo di testo formattato.
4. Nel modulo di testo formattato, clicca sul file multimediale,
5. Nella finestra a comparsa, cliccasull'icona di rimozione " delete ".
6. Ripeti i passaggi per incorporare un nuovo file.

Incorporare un video esterno utilizzando un modulo video

Incorpora un video esterno in una pagina o in un’e-mail di marketing utilizzando un modulo video. Questo modulo è disponibile solo nelle aree "trascina e rilascia" delle pagine e nell’editor "trascina e rilascia" delle e-mail di marketing.

Inserire un video esterno utilizzando un modulo video in un'e-mail

1. Nel tuo account HubSpot, fai clic su Altro, quindi vai a Marketing > E-mail. Se Altro non compare nel tuo account, vai direttamente a Marketing > E-mail.
2. Fai clic sul nome dell'e-mail.
3. Nell'editor della barra laterale, clicca sull'icona + Aggiungi.
4. Nella barra di ricerca, digita "video", quindi clicca sul modulo Video e trascinalo nella tua email.
5. Nell'editor dei contenuti, clicca sul modulo video per modificarne le opzioni.
6. Nell'editor della barra laterale sinistra, seleziona " Incorpora " come tipo di video.
7. Inserisci l'URL del video.
8. Modifica le dimensioni del video, l'immagine in miniatura e il posizionamento nell'editor della barra laterale sinistra:

• • Inserisci una larghezza o un'altezza per ridimensionare il video.
  • Per personalizzare la miniatura del video, fai clic su " Carica immagini" per caricare un'immagine dal tuo computer oppure fai clic su " Sfoglia immagini" per aggiungere un'immagine dal tuo archivio file.

Nota: le miniature personalizzate non includono il pulsante di riproduzione sovrapposto nelle e-mail. L'anteprima dell'editor mostra la sorgente video, non il risultato finale dell'e-mail. Per aggiungere un pulsante di riproduzione, inseriscilo direttamente nella grafica prima di caricarla, oppure utilizza la miniatura predefinita fornita dal provider video.

• • Per assicurarti che il tuo video venga visualizzato a larghezza intera sui dispositivi mobili, seleziona la casella di controllo "Mostra alla larghezza massima sui dispositivi mobili ". I video non verranno mai visualizzati con una larghezza superiore alle loro dimensioni originali.
  • Per spostare il video a destra o a sinistra, clicca sul menu a tendina "Allineamento" e seleziona "Sinistra", "Centrale" o "Destra".
  • Per aggiungere spazio ai lati del video, clicca per attivare l’opzione "Rientro ". Inserisci i valori in pixel per il rientro nei campi di testo "In alto", "In basso", "A sinistra" e "A destra " oppure seleziona la casella di controllo "Applica a tutti i lati " per applicare lo stesso rientro a tutti i lati del video.

Incorporare un video esterno utilizzando un modulo video in una pagina

1. Accedi ai tuoi contenuti:

   • Pagine del sito web: Nel tuo account HubSpot, fai clic su Altro, quindi vai a Contenuti > Pagine del sito web. Se Altro non compare nel tuo account, vai direttamente a Contenuti > Pagine del sito web.
   • Pagine di destinazione: Nel tuo account HubSpot, fai clic su Altro, quindi vai a Contenuti > Landing page. Se Altro non appare nel tuo account, vai direttamente a Contenuti > Landing page.
2. Fai clic sul nome della tua pagina.
3. Nella barra laterale sinistra, clicca sull'icona "Aggiungi " ( add ).
4. Nella barra di ricerca, inserisci "video", quindi clicca sul modulo Video e trascinalo sulla tua pagina.
5. Nell'editor della barra laterale sinistra, seleziona " Incorpora " come tipo di video.
6. Inserisci l'URL del video. Se preferisci utilizzare un codice di incorporamento, seleziona " Codice di incorporamento" e incolla il codice nel campo.
7. Per modificare la reattività del video, clicca sul menu a tendina "Dimensioni " e seleziona un'opzione:
   
   • Adatta automaticamente: il video sarà reattivo, ovvero si ridimensionerà in base alle dimensioni del browser e del dispositivo.
   • Larghezza e altezza esatte: il tuo contenuto multimediale avrà sempre queste dimensioni esatte su tutti i dispositivi. Inserisci i valori in pixel per le sue dimensioni nelle caselle " Larghezza" e " Altezza" .
8. Se hai impostato il video come adattabile, clicca sul menu a tendina "Dimensioni massime " e seleziona un'opzione:
   • Dimensioni originali: il video non verrà ridimensionato oltre le sue dimensioni originali.
   • Larghezza intera: il video occuperà l’intera larghezza del dispositivo su cui viene visualizzato.
   • Personalizzata: il video non supererà una larghezza e un'altezza specifiche impostate nell'editor della barra laterale. Inserisci i valori in pixel per le sue dimensioni nelle caselleLarghezza massima eAltezza massima.
9. Per personalizzare l'immagine in miniatura del video, clicca su "Carica" per selezionare un nuovo file dal tuo computer, oppure clicca su " Sfoglia immagini " per selezionare un'immagine dallo strumento file.
10. Fai clic su “Applica modifiche”.