Nota bene: la traduzione in olandese di questo articolo è fornita solo per comodità. La traduzione viene creata automaticamente tramite un software di traduzione e potrebbe non essere stata revisionata. Pertanto, la versione inglese di questo articolo deve essere considerata come la versione di governo contenente le informazioni più recenti. È possibile accedervi qui.
Email

Le email di marketing hanno un aspetto diverso in Outlook

Ultimo aggiornamento: gennaio 27, 2021

Si applica a:

Marketing Hub  Professional, Enterprisee
CMS Hub  Professional, Enterprisee
Legacy Marketing Hub Basic

HubSpotmodelli di e-maile le e-mail create con l' editor drag and drop sono progettati per essere coerenti e reattivi attraverso i comuni client di posta elettronica. Puoi anche vedere l'anteprima delle tue e-mail attraverso i client di posta elettronica. Dato che Outlook offre un supporto limitato per i CSS, potresti vedere delle discrepanze nel modo in cui la tua email viene visualizzata in Outlook. Se noti che il posizionamento delle email o la spaziatura sembrano sbagliati in Outlook, ci sono dei passi che puoi fare per risolvere il problema.

Per favore nota: il supporto HubSpot non può supportare modelli di email codificati personalizzati. Se stai usando un modello codificato personalizzato, contatta il fornitore che ha creato il modello. Puoi anche connetterti con altri utenti e designer di HubSpot sulla Community.

Spaziatura

Ci sono due metodi per regolare la spaziatura intorno alle immagini in Outlook: usando hspace o vspace, e usando le tabelle.

Usare hspace e vspace

L'attributo HTML vspace definisce lo spazio verticale e aggiungerà una spaziatura uguale alla parte superiore e inferiore della tua immagine. L'attributo hspace definisce lo spazio orizzontale e aggiungerà una spaziatura uguale alla destra e alla sinistra della tua immagine.

  • Nel tuo account HubSpot, naviga su Marketing > E-mail.
  • Passa il mouse sul nome dell'e-mail, poi clicca su Edit.

  • Clicca nel modulo del contenuto, poi clicca su Advanced > Source code.

  • Alla fine del codice dell'immagine, aggiungi uno o entrambi i seguenti codici: hspace="10" vspace="10", sostituendo10 con la quantità di spaziatura desiderata.

source-code-hspace-vspace

Usare le tabelle

Puoi usare una tabella a 3 colonne per contenere uniformemente la tua immagine, la spaziatura e il testo:

  • Nel tuo account HubSpot, naviga su Marketing > E-mail.
  • Passa il mouse sul nome dell'e-mail, poi clicca su Edit.

  • Nella barra degli strumenti del rich text editor, clicca su Inserisci > Tabella. Crea una tabella 3x1.

    create-table

  • Nella barra degli strumenti del rich text editor, clicca su Advanced > Source code.

  • Specifica una larghezza nella cella vuota, come <td width="10">, per la quantità di spazio che vorresti tra l'immagine e il testo.

  • Specifica una famiglia di caratteri, la dimensione del carattere, il colore del carattere e l'altezza della linea come "font-family: sans-serif; font-size:15px; line-height: 1.5em; color: #000000" poiché Outlook aggiungerà il proprio stile quando non specificato.

table-styling

Impara di più sul design delle email sulla nostra Comunità di designer.