Configurazione del layout e del design delle email con la scheda Stile

La scheda Style (Stile) controlla le impostazioni globali del design della tua email per un look coerente. Da lì, gestisci l'aspetto del testo, i colori, la spaziatura e gli stili dei pulsanti, per definire l'identità visiva della tua email senza uno stile a blocchi individuali. Troverai cinque sezioni chiave, ognuna ti consente di controllare un aspetto specifico del layout e del design generale della tua email:

 

🎨 Brand library (Libreria del brand)

🧩 Layout

↔️ Spacing (Spaziatura)

🔙 Background (Sfondo)

🌐 Header (Intestazione)

🖍️ Text styles and settings (Stili e impostazioni del testo)

🔗 Links (Link)

🖱️ Buttons (Pulsante

🎨 Brand library (Libreria del brand)

Configura la tua Brand Library (Libreria del brand) in modo che ogni nuovo modello selezionato erediti le proprietà del tuo brand, come il logo, i colori, i caratteri e i link ai social media. Oltre a farti risparmiare tempo, la Brand Library (Libreria del brand) ti consente di mantenere un branding coerente delle email.

brand-library_EN-US.png

➡️ Per ulteriori informazioni sulla libreria del brand, consulta il nostro articolo Progettazione automatica delle email con le risorse salvate nella libreria del brand.

🧩 Layout

Il corpo è la parte centrale dell'email che contiene il tuo messaggio e i tuoi contenuti, visualizzati in un layout verticale. Nella sezione Layout, puoi scegliere la larghezza e il colore del corpo:

dde_body-settings_en-us.png

Per impostazione predefinita, la larghezza è impostata su 600px, ma quando cambi la larghezza, il layout e i blocchi di contenuto vengono ridimensionati automaticamente. 

↔️ Spacing (Spaziatura)

La sezione Spacing (Spaziatura) ti permette di aggiungere il padding, ovvero lo spazio nella parte superiore e inferiore del design della tua email. Per impostare il padding, inserisci un valore in pixel o usa i pulsanti + / −.

dde_padding_en-us.png

Puoi:

  • Lascia selezionata la casella Lato del gruppo per applicare il padding sia nella parte superiore che inferiore del design della tua email, oppure
  • Deseleziona la casella Lato gruppo (Group side) per regolare ogni lato singolarmente (superiore, inferiore).

🔙 Background (Sfondo)

Puoi scegliere un colore di sfondo o un immagine di sfondo per il design della tua email:

🎨 Colore di sfondo🏞️ Immagine di sfondo
dde_bckrg-color_en-us.png
💡 Buono a sapersi
Quando selezioni un colore di sfondo, viene applicato a tutti i blocchi di contenuto su tutta la larghezza della tua campagna. Se vuoi che solo il corpo dell'email abbia un colore di sfondo, seleziona un colore in Layout > Body color (Colore del corpo) invece.

🌐 Header (Intestazione)

Attiva o disattiva l'opzione Mostra il link "Visualizza nel browser" per consentire ai destinatari di visualizzare una versione online della tua campagna email in caso di problemi di visualizzazione nei propri client email. Il link View in browser (Visualizza nel browser) viene aggiunto automaticamente nella parte superiore dell'email:

DEE_view-browser_EN-US.png

➡️ Per saperne di più sul link Visualizza nel browser, consulta il nostro articolo dedicato Aggiungere un link mirror alle tue email (Visualizza nel browser).

🖍️ Text styles and settings (Stili e impostazioni del testo)

💡 Buono a sapersi
Configura la tua libreria del brand per scegliere i caratteri predefiniti da utilizzare per le intestazioni e i paragrafi. Per ulteriori informazioni, consulta il nostro articolo dedicato Progettazione automatica delle email con le risorse salvate nella libreria del brand.

Puoi scegliere separatamente l'aspetto del testo di ogni stile (paragrafi, titoli, ecc.). Seleziona lo stile per cui vuoi impostare una famiglia di caratteri, la dimensione e il colore e selezionali dalle rispettive liste a discesa:

dde_text-style_en-us.png
💡 Buono a sapersi
Per aggiungere i font Google, personalizzati o di fallback, clicca su Gestisci i font web dal menu a discesa Font. Per ulteriori informazioni sui diversi tipi di caratteri, consulta il nostro articolo dedicato Aggiunta di caratteri Google e caratteri sostitutivi nel design dell'email
Nella sezione Text settings (Impostazioni testo), puoi anche scegliere un valore predefinito di Line height (Interlinea) o creare un'interlinea personalizzata e scegliere la Writing direction (Direzione di scrittura) (da sinistra a destra o da destra a sinistra) per tutti i tuoi testi:
dde_text-settings_en-us.png

➡️ Per ulteriori informazioni sui blocchi di contenuti Title (Titolo) e Text (Testo), consulta il nostro articolo dedicato Informazioni sui blocchi di contenuti Title (Titolo) e Text (Testo)

🔗 Links (Link) 

Dalla sezione Links (Link), definisci lo stile predefinito di tutti i link della tua newsletter. Scegli il colore e lo stile (grassetto, corsivo, sottolineato):

dde_links-settings_en-us.png

🖱️ Buttons (Pulsanti)

Dalla sezione Pulsanti, definisci lo stile predefinito di tutti i pulsanti della tua newsletter. Se desideri cambiare rapidamente l'aspetto di tutti i pulsanti, fallo da qui!

Puoi scegliere lo stile e la dimensione del carattere dei tuoi pulsanti, la larghezza, gli angoli, il colore e la dimensione e il colore dei bordi: 

mceclip0.png

➡️ Per ulteriori informazioni sul blocco di contenuti Button (Pulsante), consulta il nostro articolo dedicato Inserisci un blocco di contenuti Button (Pulsante) nelle tue campagne email per creare un invito all'azione (CTA). 

⏩ E adesso?

🤔 Domande?

In caso di domande, non esitare a contattare il team dell’assistenza creando un ticket dal tuo account. Se ancora non hai un account, puoi contattarci qui.

Se stai cercando aiuto per un progetto che prevede l'utilizzo di Brevo, possiamo metterti in contatto con l'agenzia partner di Brevo giusta per te.

💬 Questo articolo ti è stato utile?

Utenti che ritengono sia utile: 8 su 67