D: Perché la mia newsletter non viene visualizzata nello stesso modo in tutti i client di posta?
R: Non tutti i client di posta e sistemi operativi interpretano il codice HTML nella stesso modo, per cui la stessa newsletter può essere visualizzata in maniera differente anche se si utilizza sempre la stessa applicazione.
Di seguito ho riportato alcune delle criticità più comuni nelle principali applicazioni
Gmail
| Desktop web | Gmail iOS | Gmail Android | |
| Pulsanti arrotondati | 🟢 | 🟢 | 🟢 |
| Elemento Card | 🟢 | 🟢 | 🟢 |
| Google font/custom font | 🔴 | 🔴 | 🔴 |
| Immagini di sfondo | 🟢 | 🟢 | 🟢 |
| Gif animate | 🟢 | 🟢 | 🟢 |
| Dark mode | 🔴 | 🟢 | 🟢 |
| Gmail desktop | Gmail Android DarkMode | Gmail iOS DarkMode |
Outlook
| New Outlook | Classic Outlook | macOS | Android | |
| Pulsanti arrotondati | 🟢 | 🔴 | 🟢 | 🟢 |
| Elemento Card | 🟢 | 🔴 | 🟢 | 🟢 |
| Google font/custom font | 🟡 | 🟡 | 🟢 | 🔴 |
| Immagini di sfondo | 🟢 | 🟡 | 🟢 | 🟢 |
| Gif animate | 🟢 | 🟢 | 🟢 | 🟢 |
| Dark mode | 🟢 | 🟢 | 🟢 | 🟢 |
| Outlook classic | Outlook new | Outlook new (MacOS) |
| Outlook App (Android) |
Proprietà
Bordi arrotondati per card e CTA
Sia l'oggetto pulsante che l'elemento card usano l'attributo border-radius.
| Compatibile? | |
| Apple Mail (iPhone/iPad) | 🟢 |
| Apple Mail (macOS) | 🟢 |
| Outlook (iOS) | 🟢 |
| Android | 🟢 |
| Outlook (macOS) | 🟢 |
| Outlook (Windows) dal 2007-2021 | 🔴 |
| Outlook 365 (windows) | 🟢 |
| Outlook.com (webmail) | 🟢 |
| Outlook (Android) | 🟢 |
| Gmail (Android) | 🟢 |
| Gmail (webmail) | 🟢 |
| Gmail (iOS) | 🟢 |
Google fonts
Potrebbe sembrare assurdo, ma Gmail non supporta i propri Google Font. Gmail supporta esclusivamente Roboto e Google Sans come font web.
| Compatibile? | |
| Apple Mail (iPhone/iPad) | 🟢 |
| Apple Mail (macOS) | 🟢 |
| Outlook (iOS) dalla 2.51.1 | 🟢 |
| Android | 🔴 |
| Outlook (macOS) | 🟡 |
| Outlook (Windows) dal 2021 | 🟡 |
| Outlook (Windows) dal 2007-2019 | 🔴 |
| Outlook 365 (windows) | 🟡 |
| Outlook.com (webmail) | 🔴 |
| Outlook (Android) | 🔴 |
| Gmail (Android) | 🔴 |
| Gmail (webmail) | 🔴 |
| Gmail (iOS) | 🔴 |
Immagini di sfondo
| Compatibile? | |
| Apple Mail (iPhone/iPad) | 🟢 |
| Apple Mail (macOS) | 🟢 |
| Outlook (iOS) | 🟢 |
| Outlook (macOS) | 🟢 |
| Outlook (Windows) dal 2021 | 🟢 |
| Outlook (Windows) dal 2007-2019 | 🔴 |
| Outlook 365 (windows) | 🟢 |
| Outlook.com (webmail) | 🟢 |
| Outlook (Android) | |
| Gmail (Android) | 🟢 |
| Gmail (webmail) | 🟢 |
| Gmail (iOS) | 🟢 |
Gif animate
| Compatibile? | |
| Apple Mail (iPhone/iPad) | 🟢 |
| Apple Mail (macOS) | 🟢 |
| Outlook (iOS) | 🟢 |
| Outlook (macOS) | 🟢 |
| Outlook (Windows) dal 2021 | 🟢 |
| Outlook (Windows) dal 2007-2019 | 🟡 |
| Outlook 365 (windows) | 🟢 |
| Outlook.com (webmail) | |
| Outlook (Android) | 🟢 |
| Gmail (Android) | 🟢 |
| Gmail (webmail) | 🟢 |
| Gmail (iOS) | 🟢 |
Darkmode
| Inverte i colori? | |
| Apple Mail (iPhone/iPad) | 🟢 |
| Apple Mail (macOS) | 🟢 |
| Outlook (iOS) | 🟡 |
| Outlook (macOS) | 🟡 |
| Outlook (Windows) | 🟢 |
| Outlook.com (webmail) | 🟡 |
| Gmail (Android) | 🟢* |
| Gmail (webmail) | 🔴 |
| Gmail (iOS)/td | 🟢 |
| Yahoo! (webmail) | 🔴 |
| AOL (webmail) | 🔴 |
*(nel nostro esempio le scritte sull'immagine e la scritta bianca del pulsante non sono cambiate, ma sono bianche come nel lightMode) mentre in Gmail iOS -- Totalmente supportato (le scritte bianche del pulsante e sull'immagine sono diventate nere)