Visualizzazione della posta elettronica in Outlook

Purtroppo possono verificarsi problemi di visualizzazione indesiderati e inaspettati quando si visualizzano newsletter e mailing in Microsoft Outlook 2007, 2010 e 2013.

Per aiutarvi nella progettazione dei vostri mailing e per evitare possibili frustrazioni, vogliamo fornirvi alcuni suggerimenti e trucchi utili. Questi dovrebbero aiutarvi a evitare qualsiasi ostacolo e ad apportare piccole modifiche per ottenere una presentazione accattivante delle vostre e-mail:

Migliorare la visualizzazione dei messaggi di posta elettronica in Outlook

Dimensioni dei caratteri e font diversi

I caratteri utilizzati nell'e-mail possono differire per dimensione e stile da quelli selezionati nell'Editor Drag & Drop. Fate attenzione a:

  1. I font nativi come Arial e Calibri vengono visualizzati correttamente su tutti i client di posta elettronica, compreso Outlook. I font di Google, invece, vengono quasi sempre visualizzati in modo diverso.
  2. La visualizzazione dei caratteri nei client di posta elettronica dipende da vari fattori, tra cui il sistema operativo (PC/MAC) e il browser Web utilizzato dal destinatario.

Suggerimento: Si consiglia di utilizzare i font di sistema standard per le campagne e-mail.

I margini intorno alle immagini non vengono visualizzati

In tutte le versioni di Outlook (tranne Outlook.com), i margini intorno alle immagini non vengono presi in considerazione. Ciò significa che potrebbe non esserci spazio tra il testo e l'immagine, anche se sono stati aggiunti dei margini nelle impostazioni.

Suggerimento: Per questo motivo, per la spaziatura desiderata si devono utilizzare padding o celle di tabella con altezze fisse. Si può anche lavorare con hspace e/o vspace:
<img scr="http://www.test.de/test.jpg" align=“left“ vspace=“10“ hspace=“10“ />

Le immagini non vengono visualizzate correttamente

  1. Purtroppo Outlook non supporta le immagini di sfondo.

  2. Le immagini troppo alte vengono tagliate dall'alto se sono più alte di 1728 pixel. Ad esempio, se l'immagine è alta 2000 pixel, 272 pixel verranno tagliati dall'alto.

  3. Le immagini con dimensioni diverse da quelle dell'immagine originale verranno visualizzate in modo errato se, ad esempio, vengono allungate. Le immagini dovrebbero sempre avere dimensioni corrette nel codice HTML se sono importanti per il layout. Idealmente, le immagini dovrebbero essere già state modificate in precedenza.
  4. Le GIF animate non sono più supportate da Outlook 2007.
  5. Le immagini unite tramite HTML possono causare una spaziatura indesiderata (circa 10 pixel) in Outlook 2013, mentre in Outlook 2010 e 2007 vengono visualizzate correttamente.

I pulsanti sono difettosi

  1. I pulsanti con testo non corretto o con testo che si avvolge su una seconda riga sono dovuti a un problema di rendering in Outlook.
    Suggerimento: Il padding del pulsante deve essere più grande della dimensione del carattere.

  2. È anche possibile inserire l'immagine di un pulsante e caricarla nell'e-mail come qualsiasi altra immagine. Collegandola, i destinatari che cliccano sull'immagine possono essere reindirizzati all'URL memorizzato.

  3. I pulsanti con angoli arrotondati vengono visualizzati come rettangoli in Outlook. Questo accade perché la proprietà CSS border-radius non è supportata in modo nativo. Affinché i pulsanti con angoli arrotondati vengano visualizzati in Outlook, è necessario creare un'immagine del pulsante e importarla nell'e-mail come indicato al punto 2.

Regolazione della visualizzazione delle tabelle

  1. In generale, le newsletter dovrebbero essere create con un layout a tabella (con larghezza fissa) e i div dovrebbero essere evitati.
  2. Le tabelle creano automaticamente uno spazio indesiderato se superano un'altezza di circa 1790 pixel. Outlook vuole forzare una suddivisione con questo. Questo problema può essere aggirato lavorando con più tabelle.
  3. Per le tabelle (<table>), si dovrebbero usare cellpadding e cellspacing, poiché margine e padding vengono spesso passati alle celle della tabella.

  4. Le interruzioni di riga automatiche devono essere regolate manualmente con lo stile in linea di una cella di tabella se le parole sono troppo lunghe.
  5. Outlook aggiunge automaticamente un bordo di 1px intorno alle celle.

Suggerimento: Si dovrebbero evitare gli elenchi se la spaziatura è importante. Si dovrebbero invece usare le tabelle (<table>) con le loro celle.

La maggior parte dei problemi di Outlook si verifica con i modelli autoprogrammati. In questi casi, si consiglia di provare a utilizzare un modello di base di CleverReach.

Aiuto e supporto

Non è possibile fornire assistenza dettagliata per i problemi di visualizzazione in Microsoft Outlook.
Se avete altre domande o bisogno di aiuto, non esitate a contattare il nostro team di assistenza in qualsiasi momento.