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 (ad eccezione ditranne Outlook.com) e Gmail non supportano i margini. Invece,È si consiglia dipreferibile utilizzare il blocco del contenuto del distanziatore:

   immagine

   Puoi anche provare la spaziatura interna per creare spazio intornoattorno ai blocchi deldi contenuto.

   La spaziatura interna è supportata inda tutte le versioni di Outlook e inda altri fornitoriprincipali provider di servizi emailemail. popolari.Tuttavia, Èquesta possibilepuò aggiungererendere spaziatura interna a un blocco delil contenuto selezionandopiù il contenitore o la struttura nel designer per email e regolando la spaziatura interna nel menu a destra. Tuttavia, la spaziatura interna può far apparire i contenuti stretti quando vengono visualizzaticompresso su undispositivi dispositivo mobile.mobili.
   
   

   immagine

2. L'altezzaAltezza della linea non è supportata in modo coerente
   Le versioni di Outlook 2007, 2010, 2013 e Office 365 non supportano costantementein modo uniforme l'altezza della linea. Alcune versioni diaccettano Outlook supportano ilun valore percentuale dell'altezza della riga (ad esempio,es. 140%), mentre altre supportanosolo unnumeri numero interointeri (ad esempio,es. 4). TiSe consigliamoscrivi diil fornireCSS manualmente, è consigliabile specificare entrambi i valorivalori. seCon stail’editor creandoa un'email da zero e stai scrivendo il tuo CSS. Se stai utilizzando il designer per email con trascinamento della selezione,trascinamento, questa opzioneimpostazione viene impostataapplicata automaticamente.
   
   

3. LeDistorsione delle immagini appaiono distorte
   Outlook non ridimensiona lecorrettamente immagini larghecon larghezze superiori a 1000 opixel, più pixel. Invece,mostrando l'immagine verrà visualizzata alle sue dimensioni effettive, causando l'espansioneoriginali e ladistorcendo distorsioniil dellalayout. larghezzaÈ delconsigliabile modello. Ti consigliamo di utilizzareusare immagini dicon una larghezza compresa tra 400 e 650 pixel.

   SiNel notidesigner cheper nella finestra di progettazione,email, le immagini vengono automaticamente ridimensionate fino a 1300 pixel di larghezza. Questo è il doppio della larghezza dell'email che è larga 650 pixel.
   
   

4. Le GIF vengononon visualizzate come immagini piatteanimate
   Le GIF animate sono supportate nel client desktopda Outlook 365,365 nelle app Outlook per dispositivi mobili(desktop e inmobile) e da Outlook.com.

   com,

   Outlookma le versioni 2007, 2010 e 2013 non mostreranno animazioni. Invece, mostreranno solo il primo fotogramma. SeAssicurati che la tuaparte più importante della GIF ha(come un'offerta, un titoloofferte o una call-to-action, assicurati cheCTA) sia inclusoinclusa innel quellaprimo cornice.fotogramma.
   
   

   Per
istruzioni su come aggiungere una GIF alla tua email, fai clic qui.

5. Pulsanti duplicati
   I servizi email come Gmail, Apple Mail e Yahoo eseguono lo stileDuplicazione dei pulsanti
   Alcuni diservizi renderingemail, utilizzandocome Gmail e Apple Mail, gestiscono i pulsanti tramite CSS estandard, HTML standard. Poichéma Outlook nonutilizza loun fa,sistema abbiamodifferente. fornito unaUna correzione inè modostata implementata per garantire che Outlook eseguarenderizzi correttamente ili renderingpulsanti. del raggio del bordo, della spaziatura interna e dei bordi attorno al pulsante.

   Tuttavia, una volta che un'email viene inoltrata da un iscritto che fa clic sul pulsante Inoltra nel proprio fornitore di servizi email o se l'email viene reindirizzata tramite un server Windowsinoltrata o Exchange,reindirizzata, questaquesto correzionepuò verràcausare lettala comeduplicazione undei elementopulsanti. HTML valido, risultando in un pulsante duplicato.

   Sfortunatamente, non esiste unaUna soluzione per evitare che ciò accada. Per aggirare questo problema, puoiè creare un'un’immagine di undel pulsante e caricarlainserire nellaun tualink.
   
   

   email
come qualsiasi altra immagine. Quindi puoi aggiungere il tuo link in modo che quando i contatti fanno clic su quell'immagine, vengono reindirizzati al tuo URL preferito.

6. Designer per email: pulsanti in Outlook
   In Designer per email (lanciato nel 2022), il pulsante "Supporto di Outlook", consente di migliorare la visualizzazione dei pulsanti in Outlook, inserendo uno speciale elemento di codice VML. Il pulsante "Supporto di Outlook" verrà attivato per impostazione predefinita.

   L'immagineImmagine di sfondo non viene visualizzata
   Le immagini di sfondo chepotrebbero non vengonoapparire visualizzatein sonoalcune un problema comune con molti fornitoriversioni di email diversi.Outlook. È consigliabile fornireimpostare un colore di fallbackfallback. nel caso in cui l'email venga visualizzata in una versione di Outlook che non supporta le immagini di sfondo.

   Questo vale sesia creiper un'l’email HTML che per quelle create con il tuo HTML e designer per email (lanciato nel 2022). Si noti che quando si utilizza designer per email (lanciato nel 2022), è possibile aggiungere un'immagine di sfondo nella scheda "Impostazioni globali" "Impostazioni generali" oltre a un colore di sfondo di fallback:email.
   
   

   immagine

7. Allineamento del testo
   Outlook non supporta l'allineamento delgiustificato. testo "Giustifica".

   Sfortunatamente,Purtroppo non esistec'è una correzionesoluzione per forzare Outlook a supportare l'allineamentoquesta delfunzionalità. testo giustificato.

   Si noti cheIl designer per emailemail, (lanciato nel 2022)2022, non haprevede la possibilitàl'opzione di giustificare eil testo, quindi non èsi unriscontrano problemaproblemi quandoin vienequesto inviatocaso.
   
   

   a
Outlook

8. Testo interrotto nei pulsanti
   ISe pulsanti conil testo interrottonei o testo chepulsanti si interrompe insu unapiù secondarighe, rigaè sono dovutidovuto a un problema di rendering diin Outlook. Per evitare questo problema, è possibilePuoi aumentare la spaziatura interna per ilevitare pulsantequesto inproblema, modoo che sia superiore alla dimensione del carattere. Se il problema persiste, ti consigliamo di creareutilizzare un'immagine del pulsantepulsante.
   
   

   e
di utilizzarla (vedi "Pulsanti duplicati" sopra).

9. I pulsanti visualizzano un carattere non corretto
   Outlook potrebbe eseguire il rendering del tipoTipo di carattere non corretto enei fallbackpulsanti
   Outlook apotrebbe sostituire il tipo di carattere del pulsante con Times New Roman.Roman Ciòa ècausa causatodi daspazi uno spazio aggiuntoaggiunti all'inizio e/o alla fine del testotesto. delRimuovere pulsante.tali Perspazi evitarerisolve questoil problema,problema. siIn consiglia di rimuovere tale spaziatura. Se ciò non funziona,alternativa, puoi creare un nuovo pulsante o creare un'immagine di un pulsante da utilizzare nellaun’immagine.
   
   

   tua
campagna.

10. I linkLink non sono cliccabili
    Per quanto riguarda l'allineamento delle immagini, soloIn alcune versioni di Outlook eseguiranno(2007 ile rendering2013), dellei link accanto alle immagini allonello stesso modo. Se si dispone di un'immagine all'interno di un blocco di testo con collegamenti nella stessa riga dell'immagine, tali collegamentipotrebbero non sarannoessere selezionabilicliccabili. in Outlook 2007 e 2013.

    Si noti che non è possibile aggiungere immagini ai box di testo nel designer per email (lanciato 2022) e quindi notare un problema quando si invia a Outlook.

    Ad esempio, il testo del collegamento ipertestuale riportato di seguito non sarà selezionabile per gli iscritti che utilizzano entrambe le versioni di Outlook:

    

    Per evitare ciò, con la finestra di progettazione classica, si consiglia di rimuovere l'immaginele immagini dal blocco di testo e utilizzare inveceinserire un blocco di immagini separato per evitare questo.questo problema.