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)

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, consulta il nostro articolo dedicato Progettazione automatica delle email con le risorse salvate nella libreria del brand.

📝 Template (Modello)

Le impostazioni di sfondo e larghezza dei blocchi di contenuto possono essere definite qui.

dde_template-settings_EN-US.png

🌈 Background color (Colore di sfondo)

Scegli un colore di sfondo che verrà applicato per l'intera larghezza a tutti i blocchi di contenuto nella tua campagna. Se vuoi applicare un colore di sfondo solo al corpo, seleziona un colore nell'impostazione Body color (Colore del corpo) sottostante.

dde_background-color_EN-US.png

🔙 Background image (Immagine di sfondo)

Puoi aggiungere un'immagine dai tuoi file o dalle immagini di archivio cliccando su Add background image (Aggiungi immagine di sfondo), oppure puoi aggiungerla direttamente tramite Insert image from URL (Inserisci immagine da URL) incollando il link all'immagine in questo campo. Puoi regolare la posizione, la ripetizione e le dimensioni dell'immagine in base alle tue esigenze.

dde_background-image_EN-US.png

🖍️ Body color (Colore del corpo)

Questa opzione ti consente di aggiungere un colore di sfondo solo al corpo (blu nell'esempio seguente).

dde_body-color_En-US.png

↔️ Body Width (Larghezza del corpo)

Imposta la larghezza del blocco di contenuti in pixel. Per impostazione predefinita, la larghezza è impostata a 600 px. Quando si modifica la larghezza, il layout e i blocchi di contenuti vengono ridimensionati automaticamente. La larghezza del corpo è rappresentata dalla freccia gialla nell'immagine di seguito.

dde_body-width_EN-US.png

🌐 View in browser (Visualizza nel browser)

Seleziona questa opzione 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. Per ulteriori informazioni, consulta il nostro articolo dedicato Inserimento di un link View in browser (Visualizza nel browser) (link alla versione web) nelle campagne.

DEE_view-browser_EN-US.png

🔡 Text Appearance (Aspetto 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 l'aspetto del testo di tutti gli stili (paragrafi, intestazioni, ecc.). Per ogni stile, imposta la famiglia di caratteri, la dimensione e il colore del carattere dalle rispettive liste. Clicca su uno dei nomi dei caratteri e clicca su + Manage fonts (+ Gestisci caratteri) se desideri aggiungere i caratteri Google alle tue liste o per scegliere i caratteri sostitutivi nel caso in cui i tuoi destinatari non riescano a visualizzare il carattere scelto per primo. 

DDE_text-appearance-fonts_EN-US.gif

In Common settings (Impostazioni comuni), puoi 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.

Puoi anche cambiare il carattere di una parte specifica del tuo design selezionando il testo e scegliendo il Font (Carattere) dalla barra di formattazione nella parte superiore del blocco Text (Testo).

❗️ Importante
Se il carattere è stato modificato manualmente selezionando il testo e utilizzando la barra di formattazione, non cambia se scegli un carattere da Design > Text appearance (Aspetto del testo).

🖱️ Buttons (Pulsanti)

Qui puoi definire 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, la larghezza, il raggio, il colore di sfondo e la dimensione e il colore dei bordi.  

mceclip0.png

↔️ Spacing (Spaziatura)

L'impostazione Spacing (Spaziatura) è disponibile nella scheda Design, ma anche quando clicchi su un blocco Style (Stile). Ti consente di aggiungere il Padding (Distanza tra testo e bordo), vale a dire lo spazio tra l'elemento e il bordo. Circonda il contenuto su tutti e quattro i lati ed è possibile modificare la dimensione per ciascun lato.

Attiva o disattiva il pulsante Padding (Distanza tra testo e bordo) per abilitare o disabilitare questa funzionalità con un clic. Scegli il valore della distanza o del margine che desideri aggiungere su ciascun lato del contenuto utilizzando i pulsanti +/- o scrivendo la dimensione desiderata nel campo di testo. 

DEE_padding_EN-US.gif

⏩ 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 61