Ultimo aggiornamento: 12 novembre 2025
Disponibile con uno qualsiasi dei seguenti abbonamenti, tranne dove indicato:
-
Marketing Hub
Professional, Enterprise
Nell'editor di e-mail è possibile visualizzare l'anteprima di come appariranno le e-mail di marketing in modalità scura durante la modifica o generare anteprime per specifici client di posta elettronica. Questo può aiutare a garantire che i destinatari che visualizzano le vostre e-mail di marketing in modalità scura possano vederle come previsto.
Anteprima della modalità scura nell'editor di e-mail
Per passare a un'anteprima in modalità scura dell'email durante la modifica:
- Nel tuo account HubSpot, vai a Marketing > E-mail.
- Fare clic sul nome di un'e-mail in bozza.
- Nell'editor di posta elettronica, fare clic su Opzioni di visualizzazione nella parte superiore della pagina, quindi attivare l'opzione Anteprima in modalità scura .
Anteprima della modalità scura in client specifici
Per vedere come apparirà l'email in specifici browser o client di posta elettronica con la modalità scura attivata:
- Nel tuo account HubSpot, vai a Marketing > E-mail.
- Fare clic sul nome di un'email in bozza.
- Nell'editor di posta elettronica, fare clic su Anteprima e prova in alto a destra, quindi selezionare Anteprima in un client di posta elettronica.
- Nella schermata di anteprima, fare clic sul menu a discesa Scegli il tipo di anteprima in alto a sinistra, quindi selezionare la casella di controllo accanto a ciascun tipo di anteprima. Per vedere il tipo di anteprima disponibile per la modalità scura, digitare "dark" nella barra di ricerca.
- In alto a destra, fare clic su Anteprima.
Comprendere le best practice per la progettazione di e-mail in modalità scura
Client di posta elettronica e browser diversi possono rendere la modalità scura in modo diverso. Tenete a mente i seguenti suggerimenti quando progettate le e-mail da visualizzare in modalità scura:
- Utilizzate immagini che appaiano chiaramente su sfondi chiari e scuri: convertite le immagini in formato .png per garantire che vengano visualizzate correttamente se il colore dello sfondo viene invertito.
- Assicurarsi che il testo abbia un contrasto cromatico sufficiente: attenersi alle linee guida sull'accessibilità dei contenuti web e assicurarsi che ci sia un contrasto sufficiente tra i colori del testo e dello sfondo.
- Aggiungere una media query per la modalità scura: alcuni client di posta elettronica offrono un supporto limitato per lo stile personalizzato utilizzando le media query. È possibile utilizzare la funzione media di
prefers-color-schemeper impostare la visualizzazione di immagini e testo in modalità scura. Questa opzione è disponibile solo per i modelli di email creati nel design manager.
