Incorporare un file multimediale esterno

È possibile incorporare file multimediali esterni, come i video di YouTube, in un modulo di testo ricco nelle pagine, nei post del blog e negli articoli della knowledge base. I video possono anche essere incorporati nel modulo video nelle aree drag and drop delle pagine o nell'editor di e-mail drag and drop.

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

Tipi di media supportati

La funzione di incorporamento supporta gli URL in formato oEmbed, comune alla maggior parte dei tipi di media. Le piattaforme che utilizzano il formato oEmbed includono YouTube, Spotify e Vimeo. Per un elenco completo dei provider multimediali supportati, consultare la documentazione di oEmbed.

I file multimediali con sicurezza aggiuntiva, come i video privati di YouTube, non sono supportati.

Incorporare un file multimediale esterno in un modulo di testo ricco

Nota bene: i file multimediali esterni non possono essere incorporati in moduli di testo ricco nelle e-mail di marketing.

È possibile incorporare un file multimediale in un modulo rich text incollando l'URL direttamente nell'editor rich text. Se viene visualizzato un messaggio di errore quando si aggiunge l'URL del file multimediale, si consiglia di inserire invece il codice di incorporamento.

Incorporare un file multimediale esterno con un URL

• Navigare nel proprio contenuto:

  • Pagine del sito web: Nel tuo account HubSpot, passa a Contenuti > Pagine del sito web.
  • Pagine di destinazione: Nel tuo account HubSpot, passa a Contenuti > Landing Page.
  • Blog: Nel tuo account HubSpot, passa a Contenuti > Blog.
  • Base di conoscenza: Nel tuo account HubSpot, passa a Contenuti > Knowledge Base.
• Passare il mouse sulla pagina, sul post o sull'articolo, quindi fare clic su Modifica.
• Nell'editor di contenuti, fare clic sul modulo di testo ricco.
• Incollare l'URL del file multimediale nel modulo di testo ricco. L'anteprima del file multimediale dovrebbe comparire automaticamente.

Incorporare un file multimediale esterno con un codice embed

• Navigate verso il vostro contenuto:

  • Pagine del sito web: Nel tuo account HubSpot, passa a Contenuti > Pagine del sito web.
  • Pagine di destinazione: Nel tuo account HubSpot, passa a Contenuti > Landing Page.
  • Blog: Nel tuo account HubSpot, passa a Contenuti > Blog.
  • Base di conoscenza: Nel tuo account HubSpot, passa a Contenuti > Knowledge Base.
  • Email: Nel tuo account HubSpot, passa a Marketing > E-mail di marketing.
• Passare il mouse sulla pagina, sul post o sull'articolo, quindi fare clic su Modifica.
• Nell'editor di contenuti, fare clic sul modulo di testo ricco.
• Nella barra degli strumenti del testo ricco, fare clic sul menu a discesa Inserisci e selezionare Incorpora.
• Nella finestra di dialogo, inserire il codice di incorporamento del file multimediale esterno. Verrà visualizzata un'anteprima del file.
• Fare clic su Inserisci.

Formattare un file multimediale esterno

• Navigate verso il vostro contenuto:

  • Pagine del sito web: Nel tuo account HubSpot, passa a Contenuti > Pagine del sito web.
  • Pagine di destinazione: Nel tuo account HubSpot, passa a Contenuti > Landing Page.
  • Blog: Nel tuo account HubSpot, passa a Contenuti > Blog.
  • Base di conoscenza: Nel tuo account HubSpot, passa a Contenuti > Knowledge Base.
• Passare il mouse sulla pagina, sul post o sull'articolo, quindi fare clic su Modifica.
• Nell'editor di contenuti, fare clic sul modulo di testo ricco.
• Fare clic sul file incorporato.
• Modificare 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, fare clic sulle icone di allineamento inline.
  • Per rendere il video reattivo, fare clic sull'icona fullWidth a tutta larghezza. Il video occuperà l'intera larghezza del dispositivo su cui viene visualizzato.
  • Per ridimensionare il file, inserire i valori in pixel per la larghezza e l'altezza.
  • Per regolare i margini del file, fare clic sul menu a discesa Spaziatura e inserire i valori in pixel nei campi.

Nota bene: i file multimediali incorporati con un tag <script> non sono supportati a tutta larghezza perché generano contenuto dinamico.

• Per modificare le opzioni avanzate del file multimediale, fare clic sull'icona di modifica edit.
  • Gli sviluppatori possono modificare lo stile e il comportamento di un video incorporato nel campo di testo Codice incorporato .
  • Per impostare il comportamento di caricamento, fare clic sul menu a discesa Caricamento iframe e selezionare un'opzione:
    • Browser default: il comportamento di caricamento dell'immagine è determinato dalle impostazioni del browser del visitatore.
    • Pigro: l'immagine viene caricata solo quando il visitatore raggiunge quella parte della pagina. Questo riduce il tempo di caricamento della pagina e migliora la SEO.
    • Impaziente: l'immagine viene caricata non appena la pagina viene caricata.
  • Fare clic su Applica.

Sostituire un file multimediale esterno

Per sostituire un file multimediale esterno incorporato, rimuovere il file originale, quindi incorporare l'URL del nuovo file:

• Navigare nel proprio contenuto:

  • Pagine del sito web: Nel tuo account HubSpot, passa a Contenuti > Pagine del sito web.
  • Pagine di destinazione: Nel tuo account HubSpot, passa a Contenuti > Landing Page.
  • Blog: Nel tuo account HubSpot, passa a Contenuti > Blog.
  • Base di conoscenza: Nel tuo account HubSpot, passa a Contenuti > Knowledge Base.
• Passare il mouse sulla pagina, sul post o sull'articolo, quindi fare clic su Modifica.
• Nell'editor dei contenuti, fare clic sul file multimediale, quindi fare clic sull'icona delete per rimuoverlo.
• Ripetere i passaggi per incorporare un nuovo URL di file.

Incorporare un video esterno in un modulo video

È anche possibile incorporare un video esterno in una pagina o in un'e-mail di marketing con un modulo video. Questo modulo è disponibile solo nelle aree drag and drop delle pagine e nell'editor drag and drop delle e-mail di marketing.

Incorporare un video esterno in un modulo video in un'email

• Nel tuo account HubSpot, passa a Marketing > E-mail di marketing.
• Fare clic sul nome dell'e-mail.
• Nell'editor della barra laterale, fare clic sul moduloVideo e trascinarlo nell'email.
• Nell'editor dei contenuti, fare clic sul modulo video per modificarne le opzioni.
• In Tipo di video, selezionare Incorpora.
• Inserire l'URL del video.

• Modificare le dimensioni del video, l'immagine di anteprima e il posizionamento nell'editor della barra laterale sinistra:
  • Inserire una larghezza o un'altezza per ridimensionare il video.
  • Per personalizzare la miniatura del video, fare clic su Carica immagini per caricare un'immagine dal computer o su Sfoglia immagini per aggiungere un'immagine dallo strumento file.
  • Per garantire che il video venga visualizzato a tutta larghezza sui dispositivi mobili, selezionare la casella di controllo Mostra come larghezza massima sui dispositivi mobili. I video non verranno mai visualizzati con una larghezza superiore alle dimensioni originali.
  • Per spostare il video a destra o a sinistra, fare clic sul menu a tendina Allineamento e selezionare Sinistra, Centro o Destra.
  • Per aggiungere spazio ai lati del video, fare clic per attivare l'interruttore Imbottitura. Immettere i valori in pixel per l'imbottitura nei campi di testo Superiore, Inferiore, Sinistra e Destra oppure selezionare la casella di controllo Applica a tutti i lati per applicare la stessa imbottitura a tutti i lati del video.

Incorporare un video esterno in un modulo video di una pagina

Nota bene: il modulo video può essere aggiunto solo alle pagine con un'area di trascinamento.

• Navigate nel vostro contenuto:

  • Pagine del sito web: Nel tuo account HubSpot, passa a Contenuti > Pagine del sito web.
  • Pagine di destinazione: Nel tuo account HubSpot, passa a Contenuti > Landing Page.
• Passare il mouse sulla pagina e fare clic su Modifica.
• Nella barra laterale sinistra, fare clic sull'icona add Aggiungi .
• Fare clic per espandere la sezione Media , quindi fare clic su + Mostra altro per visualizzare tutti i moduli multimediali.
• Fare clic sulmodulo Video e trascinarlo in posizione.
• Nella sezione Tipo di video dell'editor della barra laterale, selezionare Incorpora.
• Inserire l'URL del video. Per utilizzare invece un codice embed, selezionare Codice embed e incollare il codice embed nel campo.

• Per modificare la reattività del video, fare clic sul menu a discesa Dimensione e selezionare un'opzione:
  
  • Adatta automaticamente: il video sarà reattivo, cioè scalerà in base alle dimensioni del browser e del dispositivo.
  • Larghezza e altezza esatte: il media avrà sempre queste dimensioni esatte su tutti i dispositivi. Immettere i valori in pixel per le dimensioni nelle caselle Larghezza e Altezza .
• Se avete impostato il video come reattivo, fate clic sul menu a discesa Dimensione massima e selezionate un'opzione:
  • Dimensione originale: il video non verrà scalato per essere più grande della sua dimensione originale.
  • Larghezza massima: il video occuperà l'intera larghezza del dispositivo su cui viene visualizzato.
  • Personalizzato: il video non supererà una larghezza e un'altezza specifiche impostate nell'editor della barra laterale. Inserire i valori in pixel per le dimensioni nelle caselleLarghezza massima eAltezza massima.
• Per personalizzare l'immagine di anteprima del video, fare clic su Carica per selezionare un nuovo file dal computer o su Sfoglia immagini per selezionare un'immagine dallo strumento File.
• Fare clic su Applica modifiche.