Salta al contenuto
Nota bene: la traduzione in italiano 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.

Le e-mail di marketing hanno un aspetto diverso in Outlook

Ultimo aggiornamento: settembre 25, 2024

Disponibile con uno qualsiasi dei seguenti abbonamenti, tranne dove indicato:

Marketing Hub   Professional , Enterprise
Content Hub   Professional , Enterprise
Legacy Marketing Hub Basic

Se utilizzate l'editor di posta elettronica classico aggiornato per redigere le vostre e-mail di marketing, potreste notare delle discrepanze nel modo in cui le vostre e-mail vengono visualizzate in Outlook, a causa del supporto limitato di Outlook per i CSS.

Se notate che il posizionamento o la spaziatura delle e-mail non sono corretti in Outlook, seguite i passaggi di risoluzione dei problemi riportati di seguito.

Per saperne di più sul design delle e-mail, consultate la HubSpot Designers Community.

Nota bene: l' assistenza HubSpot non può supportare modelli di email codificati in modo personalizzato. Se si utilizza un modello codificato personalizzato, contattare il fornitore che ha creato il modello. Nella Community è inoltre possibile entrare in contatto con altri utenti e designer di HubSpot.

Spaziatura

Esistono due metodi per regolare la spaziatura delle immagini in Outlook: l'uso di hspace o vspace e l'uso di tabelle.

Uso di hspace e vspace

L'attributo HTML vspace definisce lo spazio verticale e aggiunge una spaziatura uguale alla parte superiore e inferiore dell'immagine. L'attributo hspace definisce lo spazio orizzontale e aggiunge una spaziatura uguale a destra e a sinistra dell'immagine.

  • Nel tuo account HubSpot, passa a Marketing > E-mail di marketing.
  • Alla fine del codice dell'immagine, aggiungere uno o entrambi i seguenti codici: hspace="10" vspace="10", sostituendo 10 con la spaziatura desiderata.

source-code-hspace-vspace

Uso delle tabelle

È possibile utilizzare una tabella a 3 colonne per contenere uniformemente l'immagine, la spaziatura e il testo:

  • Nel tuo account HubSpot, passa a Marketing > E-mail di marketing.
  • Nella barra degli strumenti dell'editor di testo ricco, fare clic su Inserisci > Tabella. Creare una tabella 3x1.

    insert-table-in-classic-marketing-email-editor

  • Nella barra degli strumenti dell'editor di testo ricco, fare clic su Avanzate, quindi selezionare Codice sorgente.

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

  • Specificare una famiglia di caratteri, una dimensione, un colore e un'altezza di riga, ad esempio style="font-family: sans-serif; font-size:15px; line-height: 1.5em; color: #000000", poiché Outlook aggiungerà il proprio stile se non specificato.

table-styling

Risoluzione dei problemi relativi alla comparsa di linee orizzontali inaspettate nei messaggi di posta elettronica

A causa di un bug noto in alcune versioni di Outlook, è possibile che venga visualizzata una linea orizzontale tra le sezioni del messaggio di posta elettronica. Sebbene non esista un modo coerente per risolvere il problema, è possibile provare le seguenti operazioni di risoluzione dei problemi:

  • Impostare il colore di sfondo del messaggio di posta elettronica in modo che sia uguale al colore del corpo.
  • Aggiornare le dimensioni dei caratteri e l'altezza delle righe del contenuto in modo che siano pari.
  • Includere i seguenti stili CSS nella sezione head del modello di email:

ms-text-size-adjust: none; mso-line-height-rule: exactly;

L'articolo è stato utile?
Questo modulo viene utilizzato solo per il feedback della documentazione. Scopri come ottenere assistenza con HubSpot.