Come utilizzare l’opzione CSS personalizzato nell’editor di posta elettronica?
L’opzione CSS personalizzato nell’Editor di email GetResponse ti consente di aggiungere il tuo codice CSS per personalizzare l’aspetto e l’esperienza visiva delle tue email oltre gli strumenti di design standard. Offre maggiore flessibilità per adattare stili, spaziature ed effetti visivi all’identità del tuo brand.
L’opzione CSS personalizzato è disponibile nei piani Marketer, Creator e MAX (Enterprise). Se non vedi questa opzione nel tuo account, valuta l’upgrade del piano per accedere alle funzionalità avanzate di personalizzazione.
Cos’è il CSS personalizzato e come funziona
Il CSS personalizzato ti permette di definire regole di stile personalizzate che vengono applicate all’intero messaggio o a elementi specifici. Il codice inserito viene caricato dopo gli stili predefiniti dell’editor, quindi li sovrascrive.
Puoi usarlo per:
- Modificare colori, font e margini.
- Sovrascrivere gli stili predefiniti di blocchi o pulsanti.
- Aggiungere semplici effetti visivi, come hover sui link o bordi arrotondati alle immagini.
I client di posta elettronica (come Gmail, Outlook o Apple Mail) interpretano il CSS in modo diverso. Alcune proprietà CSS potrebbero non essere visualizzate correttamente.
Gli stili applicati tramite CSS personalizzato non sono visibili nell’anteprima standard del messaggio.
Come aggiungere CSS personalizzato all’intero messaggio
Per aggiungere CSS personalizzato a tutta l’email:
- Apri l’email nell’editor.
- Clicca su Stile del messaggio nel pannello laterale.
- Espandi la sezione CSS personalizzato.
- Incolla o digita il tuo codice CSS.
- Clicca sull’icona dell’occhio per visualizzare l’anteprima.
Come aggiungere CSS personalizzato agli elementi dell’email
Puoi selezionare qualsiasi elemento del messaggio (sezione, pulsante, testo o immagine) e aggiungere CSS personalizzato solo a quell’elemento.
- Apri l’email nell’editor.
- Clicca sull’elemento desiderato.
- Attiva l’opzione Aggiungi CSS personalizzato.
- Inserisci il codice CSS.
- Usa l’icona dell’occhio per controllare l’anteprima.
Dopo aver cliccato nell’editor e digitato un punto (.), verrà mostrato l’ID univoco dell’elemento, ad esempio: .elem-image-abcdef1234 { }.
Puoi usare questo ID per applicare gli stili personalizzati.
Alcuni elementi richiedono selettori diversi. Ad esempio, per modificare il testo di un pulsante:
.elem-text-216196qwerty span { }
Suggerimenti
- Utilizza proprietà compatibili con l’email (colori, bordi, padding).
- Non includere JavaScript o file esterni.
Supporto e limitazioni
Il CSS personalizzato è pensato per utenti con conoscenze HTML e CSS. Il team GetResponse non fornisce supporto per la scrittura o il debug del codice personalizzato.
Ti consigliamo di testare le email su più client e dispositivi.
