Le e-mail di marketing con codice personalizzato hanno un aspetto diverso in Outlook
Ultimo aggiornamento: marzo 26, 2025
Disponibile con uno qualsiasi dei seguenti abbonamenti, tranne dove indicato:
|
|
Legacy Marketing Hub Basic |
Se avete creato un'e-mail di marketing con codice personalizzato, potreste notare delle discrepanze nel modo in cui l'e-mail viene visualizzata in Outlook, ad esempio problemi di posizionamento o di spaziatura. Per risolvere i problemi, potete seguire le indicazioni riportate nelle sezioni seguenti.
Se notate che il posizionamento o la spaziatura dell'e-mail non sono corretti in Outlook, seguite i passaggi per la risoluzione dei problemi indicati di seguito.
Per saperne di più sul design delle e-mail, consultate la HubSpot Designers Community.
Spaziatura
Esistono due metodi per regolare la spaziatura intorno alle 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, vai a Marketing > E-mail.
-
Passare il mouse sul nome dell'e-mail con un modello codificato personalizzato, quindi fare clic su Modifica.
-
Fare clic sul modulo del contenuto.
- Alla fine del codice dell'immagine, aggiungere uno o entrambi i seguenti codici:
hspace="10" vspace="10"
, sostituendo10
con la spaziatura desiderata.
Uso delle tabelle
È possibile utilizzare una tabella a 3 colonne per contenere uniformemente l'immagine, la spaziatura e il testo:
- Nel tuo account HubSpot, vai a Marketing > E-mail.
-
Passare il mouse sul nome dell'e-mail con un modello codificato personalizzato, quindi fare clic su Modifica.
-
Nella barra degli strumenti dell'editor di testo ricco, fare clic su Inserisci > Tabella. Creare una tabella 3x1.
-
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.
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;