L'editor drag & drop semplifica la progettazione di email dall'aspetto professionale. Offre più opzioni per personalizzare la tua email e garantisce anche che sia perfetta su qualsiasi dispositivo e client email.
In questo articolo, vedremo come impostare gli stili per l'intero modello nella sezione Design . Ad esempio, puoi impostare il colore e lo stile del link (grassetto, corsivo), che saranno applicabili a tutti i link che aggiungi al modello. In questo modo risparmi tempo, in quanto non è necessario definire gli stili separatamente per ogni link.
Abbiamo suddiviso gli articoli sull'editor drag & drop come segue:
- Parte 1: Panoramica dell'editor
- Parte 2: Layout e blocchi di contenuto
- Parte 3: Come usare i blocchi di contenuto
- Parte 4: Impostazione dello stile di design per l'intera email - SEI QUI
- Parte 5: Salvataggio dei blocchi da riutilizzare nelle campagne
- Parte 6: Modifica delle email per dispositivi mobili
- Parte 7: Ripristino, anteprima, email di prova e salvataggio del design della campagna
Per cominciare, dai un'occhiata al nostro video dettagliato sull'utilizzo della scheda Design nell'editor drag & drop 🚀.
Quali sono le diverse impostazioni disponibili nella scheda Design?
Le impostazioni sono divise in 5 parti: Brand library (Libreria del brand), Template (Modello), Text appearance (Aspetto del testo), Buttons (Pulsanti) e Spacing (Spaziatura).
Brand library (Libreria del brand)
| Configura la tua 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 Libreria del brand ti consente di mantenere un branding coerente delle email. Per ulteriori informazioni, consulta il nostro articolo dedicato Progettazione automatica delle email con le risorse salvate nella tua Libreria del brand. |
Template (Modello)
Le impostazioni di sfondo e larghezza dei blocchi di contenuto possono essere definite qui.
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.
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.
Questa opzione ti consente di aggiungere un colore di sfondo solo al corpo (giallo nell'esempio seguente).
Imposta la larghezza del blocco di contenuto in pixel. Per impostazione predefinita, la larghezza è impostata a 600 px. Quando si modifica la larghezza, il layout e i blocchi di contenuto vengono ridimensionati automaticamente. La larghezza del corpo è rappresentata dalla freccia verde nell'immagine seguente.
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 Visualizza nel browser (link alla versione web) nelle campagne.
Text appearance (Aspetto del testo)
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.
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).
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.
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.
⏩ E adesso?
- Parte 5: Salvataggio dei blocchi da riutilizzare nelle campagne
- Parte 6: Modifica delle email per dispositivi mobili
- Parte 7: Anteprima e invio di email di prova
🤔 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 il giusto partner esperto certificato Brevo.