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, come ad esempio problemi di posizionamento o di spaziatura.
Risolvere i problemi di spaziatura
Esistono due metodi per regolare la spaziatura delle immagini in Outlook: l'uso di hspace o vspace e l'uso di tabelle.
Utilizzare 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.
- Fare clic sul nome dell'e-mail redatta utilizzando un modello personalizzato.
- Nell'editor delle e-mail, fare clic sul modulo che si desidera modificare.
- Nella barra degli strumenti del testo ricco, fare clic sul menu a discesa Avanzate e selezionare Codice sorgente.
- Nella finestra di dialogo, aggiungere
hspace="10" vspace="10" alla fine del codice immagine. Sostituire 10 con la quantità di spaziatura desiderata.
Utilizzare le tabelle
È possibile utilizzare una tabella a 3 colonne per contenere in modo uniforme l'immagine, la spaziatura e il testo.
- Fare clic sul nome dell'e-mail redatta utilizzando un modello personalizzato.
- Nell'editor di e-mail, fare clic sul modulo che si desidera modificare.
- Nella barra degli strumenti del testo ricco, fare clic sul menu a discesa Inserisci e selezionare Tabella, quindi creare una tabella 3x1.
-
Nella barra degli strumenti dell'editor di testo ricco, fare clic sulmenu a discesa Avanzate e selezionare Codice sorgente.
- Nella finestra di dialogo, aggiungere una larghezza per la cella vuota, ad esempio
<td width="10">, per impostare lo spazio tra l'immagine e il testo.
- Impostare una famiglia di caratteri, una dimensione e un colore, nonché l'altezza della riga, poiché Outlook aggiungerà il proprio stile se non specificato.
Risoluzione dei problemi relativi alle linee orizzontali inattese
A causa di un problema noto in alcune versioni di Outlook, potrebbe apparire una linea orizzontale tra le sezioni del messaggio di posta elettronica. In questo caso, provate a eseguire le seguenti operazioni:
- Impostate il colore di sfondo dell'e-mail come il colore del corpo.
- Aggiornare le dimensioni dei caratteri e l'altezza delle righe del contenuto in modo che siano pari.
- Aggiungete i seguenti stili CSS alla sezione head del vostro modello di email:
ms-text-size-adjust: none; mso-line-height-rule: exactly;