6.1.8 Problemi comuni di visualizzazione delle email con Outlook
Nonostante i modelli creati in vtenext siano atti per essere visualizzati correttamente su tutti i client di posta elettronica, alcuni problemi di visualizzazione possono sorgere quando un utente apre un'email HTML in Outlook, in particolare nelle versioni 2007, 2010 o 2013. Questo accade perché queste versioni di Outlook utilizzano Microsoft Word per il rendering delle email, offrendo un supporto limitato per HTML e CSS.
Cerchiamo dunque di analizzare i problemi di visualizzazione più comuni riscontrati dagli utenti di Outlook, insieme ai suggerimenti per risolverli.
Problemi di visualizzazione comuni in Outlook e consigli per risolverli
-
I margini non vengono visualizzati
Tutte le versioni di Outlook (tranne Outlook.com) e Gmail non supportano i margini. È preferibile utilizzare la spaziatura interna per creare spazio attorno ai blocchi di contenuto. La spaziatura interna è supportata da tutte le versioni di Outlook e da altri principali provider di servizi email. Tuttavia, questa può rendere il contenuto più compresso su dispositivi mobili. -
Altezza della linea non coerente
Le versioni di Outlook 2007, 2010, 2013 e Office 365 non supportano in modo uniforme l'altezza della linea. Alcune versioni accettano un valore percentuale (es. 140%), mentre altre solo numeri interi (es. 4). Se scrivi il CSS manualmente, è consigliabile specificare entrambi i valori. Con l’editor a trascinamento, questa impostazione viene applicata automaticamente. -
Distorsione delle immagini
Outlook non ridimensiona correttamente immagini con larghezze superiori a 1000 pixel, mostrando l'immagine alle sue dimensioni originali e distorcendo il layout. È consigliabile usare immagini con una larghezza compresa tra 400 e 650 pixel. Nel designer per email, le immagini vengono automaticamente ridimensionate fino a 1300 pixel di larghezza. -
GIF non animate
Le GIF animate sono supportate da Outlook 365 (desktop e mobile) e da Outlook.com, ma le versioni 2007, 2010 e 2013 mostreranno solo il primo fotogramma. Assicurati che la parte più importante della GIF (come offerte o CTA) sia inclusa nel primo fotogramma. -
Duplicazione dei pulsanti
Alcuni servizi email, come Gmail e Apple Mail, gestiscono i pulsanti tramite CSS standard, ma Outlook utilizza un sistema differente. Una correzione è stata implementata per garantire che Outlook renderizzi correttamente i pulsanti. Tuttavia, se l'email viene inoltrata o reindirizzata, questo può causare la duplicazione dei pulsanti. Una soluzione è creare un’immagine del pulsante e inserire un link. -
Immagine di sfondo non visualizzata
Le immagini di sfondo potrebbero non apparire in alcune versioni di Outlook. È consigliabile impostare un colore di fallback. Questo vale sia per l’email HTML che per quelle create con il designer per email. -
Allineamento del testo
Outlook non supporta l'allineamento giustificato. Purtroppo non c'è una soluzione per forzare Outlook a supportare questa funzionalità. Il designer per email, lanciato nel 2022, non prevede l'opzione di giustificare il testo, quindi non si riscontrano problemi in questo caso. -
Testo interrotto nei pulsanti
Se il testo nei pulsanti si interrompe su più righe, è dovuto a un problema di rendering in Outlook. Puoi aumentare la spaziatura interna per evitare questo problema, o utilizzare un'immagine del pulsante. -
Tipo di carattere non corretto nei pulsanti
Outlook potrebbe sostituire il tipo di carattere del pulsante con Times New Roman a causa di spazi aggiunti all'inizio o alla fine del testo. Rimuovere tali spazi risolve il problema. In alternativa, puoi creare un nuovo pulsante o utilizzare un’immagine. -
Link non cliccabili
In alcune versioni di Outlook (2007 e 2013), i link accanto alle immagini nello stesso blocco di testo potrebbero non essere cliccabili. Si consiglia di rimuovere le immagini dal blocco di testo e inserire un blocco di immagini separato per evitare questo problema.