Nell'editor delle e-mail, puoi visualizzare in anteprima come appariranno le e-mail di marketing in modalità scura mentre le modifichi oppure generare anteprime per specifici client di posta elettronica. Questo può aiutarti a garantire che i destinatari che visualizzano le tue e-mail di marketing in modalità scura possano visualizzarle come previsto.
Anteprima della modalità scura nell’editor delle email
Per passare all’anteprima in modalità scura della tua email durante la modifica:
- Nel tuo account HubSpot, fai clic su Altro, quindi vai a Marketing > E-mail. Se Altro non compare nel tuo account, vai direttamente a Marketing > E-mail.
- Fai clic sul nome di un'email in bozza.
- Nell'editor delle email, clicca su " Opzioni di visualizzazione" nella parte superiore della pagina, quindi attiva l'opzione "Anteprima in modalità scura ".
Anteprima della modalità scura in client specifici
Per vedere come apparirà la tua email in browser o client di posta specifici con la modalità scura attivata:
- Nel tuo account HubSpot, fai clic su Altro, quindi vai a Marketing > E-mail. Se Altro non compare nel tuo account, vai direttamente a Marketing > E-mail.
- Fai clic sul nome di un'e-mail in bozza.
- Nell'editor delle email, clicca su "Anteprima e test " in alto a destra, quindi seleziona "Anteprima in un client di posta".
- Nella schermata di anteprima, clicca sul menu a tendina Scegli tipo di anteprima in alto a sinistra, quindi seleziona la casella di controllo accanto a ciascun tipo di anteprima. Per visualizzare i tipi di anteprima disponibili per la modalità scura, digita "dark" nella barra di ricerca.
- In alto a destra, clicca su “Anteprima”.
Scopri le migliori pratiche per la progettazione di email in modalità scura
I diversi client di posta elettronica e browser possono visualizzare la modalità scura in modo diverso. Tieni presenti i seguenti suggerimenti quando progetti email da visualizzare in modalità scura:
- Utilizza immagini che risultino chiare sia su sfondi chiari che scuri: converti le immagini in immagini trasparenti in formato .png per garantire che appaiano come previsto in modalità scura.
- Assicurati che il testo abbia un contrasto cromatico sufficiente: segui le linee guida sull’accessibilità dei contenuti web e assicurati che vi sia un contrasto sufficiente tra i colori del testo e dello sfondo.
- Aggiungi una media query per la modalità scura: alcuni client di posta elettronica, come Apple Mail, offrono un supporto limitato per lo stile personalizzato tramite media query. Puoi utilizzare la funzione "
prefers-color-scheme " per impostare la visualizzazione di immagini e testo in modalità scura. Questa opzione è disponibile solo per i modelli di email creati nel Design Manager.
Marketing Email
Marketing Hub
Professional, Enterprise
