Purtroppo possono verificarsi errori di visualizzazione indesiderati e inaspettati quando si visualizzano newsletter e mailing in Microsoft Outlook 2007, 2010 e 2013.
Per aiutarvi a progettare il vostro mailing e a prevenire eventuali frustrazioni, vogliamo fornirvi alcuni consigli e suggerimenti 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 e caratteri diversi
- I margini intorno alle immagini non vengono visualizzati
- Le immagini non vengono visualizzate correttamente
- I pulsanti non sono corretti
- Personalizzare la visualizzazione delle tabelle
Dimensioni e caratteri diversi
I caratteri utilizzati nell'e-mail possono differire per dimensione e stile da quelli selezionati nell'editor di trascinamento. Prestare attenzione a:
- I font nativi come Arial e Calibri vengono visualizzati correttamente su tutti i client di posta elettronica, compreso Outlook. Al contrario, i font di Google sono quasi sempre visualizzati in modo diverso.
- La visualizzazione dei caratteri nei client di posta elettronica dipende da diversi fattori, tra cui il sistema operativo (PC/MAC) e il browser Web utilizzato dal destinatario.
Nota: 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.
Nota: per la spaziatura desiderata, quindi, si devono utilizzare imbottiture 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
-
Outlook non supporta le immagini di sfondo.
-
Le immagini troppo alte verranno tagliate dall'alto se sono più alte di 1728 pixel. Ad esempio, se l'immagine è alta 2000 pixel, 272 pixel verranno tagliati dalla parte superiore.
- Le immagini con dimensioni diverse da quelle dell'immagine originale verranno visualizzate in modo errato se, ad esempio, vengono allungate. Le immagini devono sempre avere dimensioni corrette nel codice HTML se sono importanti per il layout. Preferibilmente, le immagini devono essere state modificate in anticipo.
- Le GIF animate non sono più supportate da Outlook 2007.
- 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 non sono corretti
-
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.
Nota: cercate di rendere il padding del pulsante più grande della dimensione del carattere.
-
È 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 al vostro URL memorizzato.
- I pulsanti con angoli arrotondati vengono visualizzati come rettangoli in Outlook. Questo accade perché la proprietà CSS border-radius non è supportata in modo nativo. Per fare in modo che 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.
Personalizzare la visualizzazione delle tabelle
- In generale, le newsletter dovrebbero essere create con un layout a tabella (con larghezza fissa) e i div dovrebbero essere evitati.
- 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.
-
Per le tabelle (<table>) si dovrebbero usare cellpadding e cellspacing, perché margin e padding vengono passati più spesso alle celle della tabella.
- 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.
- Outlook inserisce automaticamente un bordo di 1px intorno alle celle.
Nota: si consiglia di evitare gli elenchi se la spaziatura è importante. Si dovrebbero invece usare le tabelle (<table>) con le loro celle.
Il più delle volte i problemi di Outlook si verificano con i modelli autoprogrammati. In questi casi, si consiglia di provare a utilizzare un modello di base di CleverReach.
Aiuto & Supporto
Si prega di notare che non possiamo fornire un supporto dettagliato per i problemi di visualizzazione in Microsoft Outlook.
Se avete domande o bisogno di assistenza, non esitate a contattare il nostro team di assistenza in qualsiasi momento.