Vai al contenuto principale

Editor drag & drop - Parte 4: Impostazione dello stile di design per l'intera email

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:

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)

brand-library_EN-US.png 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.

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 (giallo nell'esempio seguente).

dde_body-color_En-US.png

Body width (Larghezza del corpo)

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.

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 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.

💬 Questo articolo ti è stato utile?

Utenti che ritengono sia utile: 4 su 25