# 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**

1. **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.
2. **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.
3. **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.
4. **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.
5. **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.
6. **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.
7. **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.
8. **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.
9. **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.
10. **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.