Vi siete impegnati a fondo nella progettazione della vostra newsletter e volete che arrivi nella casella di posta dei destinatari esattamente come l'avete creata. Dopo tutto, quando si inviano newsletter, un design accattivante è importante ed essenziale.
Alcuni client di posta elettronica come Gmail mostrano solo gli stili CSS in linea. Cosa significa CSS o Inline CSS, come si accede al codice sorgente della newsletter o di un elemento e come si possono facilmente convertire gli stili in Inline CSS nel nostro editor di newsletter?
Che cos'è il CSS/Inline CSS?
CSS è l'abbreviazione di "Cascading Style Sheets" (fogli di stile a cascata) ed è un linguaggio informatico che può essere utilizzato per specificare e definire il design di un documento elettronico (ad esempio, un sito web, una newsletter). Seguite le nostre semplici istruzioni per personalizzare elementi come il layout, il colore e la tipografia. Vengono visualizzati nel codice sorgente.
Un modo per formattare i CSS in un documento web è quello di combinare tutte le specifiche di stile in un'unica area centrale. A questo servono i CSS in linea. Alcuni client di posta elettronica, come Gmail, AOL Mail e Yahoo, ora visualizzano solo i CSS in linea nelle newsletter.
Regolazione del codice sorgente di un'e-mail
Per accedere al codice sorgente della vostra e-mail nel nostro editor di newsletter, cliccate su [Editor] e [Codice sorgente] nell'angolo in alto a destra.
Definire e salvare lo stile per la newsletter.
Modifica del codice sorgente di un elemento
È possibile navigare nel codice sorgente di un elemento nel nostro editor di newsletter e modificarlo. Quando si sposta il mouse sul proprio elemento, appare una cornice arancione. Cliccate su </> per accedere al codice sorgente di un elemento:
Definite e salvate il vostro stile.
CSS in linea nell'editor di newsletter
Per convertire automaticamente gli stili in stili CSS inline, aprite la vostra e-mail nel nostro editor di newsletter. Fare clic sui tre trattini a destra:
È ora possibile attivare la conversione di tutti gli stili in [Inline CSS]:
Esempio di area CSS
Ecco come potrebbe apparire un'area di stile nel codice sorgente della vostra newsletter:
<stile>
2 /* @titolo Test */
3.classtest
4 {
5 font-size: 13px;
6 font-family: Arial, sans-serif;
7 Altezza linea: 21px;
8 colore: #262626;
9 margin: 0pt;
10 padding: 0pt;
11 Decorazione del testo: sottolineatura;
12 bordo: 0px solido #000000;
13 colore di sfondo: #370707;
14 }
15 </style>
16
Impostazione e stile di aree CSS aggiuntive:
1/*@titolo Piè di pagina
2 @gruppo Piè di pagina */
3.footer {
4 colore di sfondo: #A7C5A1;
5 font-size: 10px;
6 colore: #ACE950;
7 larghezza: 600px;
8 margin: 0pt;
9 padding: 15px;
10 font-family: verdana;
11 }
|
Suggerimento: mantenete uno stile CSS semplice, in modo che nel caso in cui il programma di posta elettronica del destinatario della newsletter non si carichi correttamente, l'e-mail sia comunque leggibile. |
Aiuto & Supporto
In caso di domande o di necessità di ulteriore assistenza, si prega di contattare il nostro team di assistenza in qualsiasi momento.