Vai al contenuto principale

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

L'editor drag & drop semplifica la progettazione di email dall'aspetto professionale. Esso fornisce più opzioni per personalizzare la tua posta elettronica e garantisce anche che la tua email sia perfetta su qualsiasi client e dispositivo di posta elettronica.

Nell'editor è possibile impostare gli stili per l'intero modello dalla sezione Design. Ad esempio, puoi impostare il colore e lo stile del link (grassetto, corsivo) che sarà applicabile a tutti i link che aggiungi nel modello. In questo modo risparmi tempo poiché non è necessario definire gli stili separatamente per ogni link.

Abbiamo suddiviso gli articoli sull’editor drag & drop nel modo seguente:

Innanzitutto dai un'occhiata al nostro video dettagliato su come usare i temi nell’editor drag & drop 🚀. Il video è in inglese, ma puoi attivare i sottotitoli automatici nella tua lingua.

Quali sono le diverse impostazioni per il Design?

Le impostazioni sono divise in 5 parti: Libreria del marchioModello, Aspetto testo, Pulsanti Interlinea.

Libreria del marchio

Imposta la Libreria del marchio in modo che ogni nuovo modello che selezioni erediterà le proprietà del tuo marchio, come il logo, i colori, i font e i link dei social media. Oltre a farti risparmiare tempo, la Libreria del marchio ti consente di mantenere un branding coerente delle email. Per maggiori informazioni, leggi il nostro articolo Progettazione automatica delle email con le risorse salvate nella tua Libreria del marchio.

Modello

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

dde_template-settings_EN-US.png

Colore di sfondo

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

dde_background-color_EN-US.png

Immagine di sfondo

Puoi aggiungere un'immagine dai tuoi file o dalle immagini di archivio facendo clic su Aggiungi immagine di sfondo o aggiungere direttamente l'URL di un'immagine nella casella di immissione dell'URL Inserisci immagine da URL. È possibile regolare la posizione, la ripetizione e le dimensioni dell'immagine secondo necessità.

dde_background-image_EN-US.png

Colore del corpo

Questa opzione consente di aggiungere un colore di sfondo solo al corpo come nell'esempio seguente in blu.

dde_body-color_En-US.png

Larghezza del corpo

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

dde_body-width_EN-US.png

Visualizza nel browser

Attiva o disattiva questa opzione per consentire ai tuoi destinatari di visualizzare una versione online della tua campagna email se hanno problemi a visualizzarla nei loro client di posta elettronica. Un link Visualizza nel browser verrà automaticamente aggiunto nella parte superiore dell'email. Per maggiori informazioni, consulta il nostro articolo Inserimento di un Visualizza nel browser (mirror) link nelle campagne.

DEE_view-browser_EN-US.png

Aspetto testo

Puoi scegliere l'aspetto del testo di tutti gli stili (paragrafi, titoli, ecc.).

Per ogni stile, puoi impostare il tipo di font, la dimensione ed il colore dalle rispettive liste. Clicca sul nome di un font e su + gestisci font per aggiungere un Google Font alla lista, o per scegliere l’alternativa in caso i tuoi destinatari non possano visualizzare il font scelto.

DDE_text-appearance-fonts_EN-US.gif

In Impostazioni comuni, potrai scegliere l'interlinea tra quelle predefinite o creare un'altezza personalizzata e scegliere la direzione di scrittura (da sinistra a destra o da destra a sinistra).

Puoi anche cambiare il font di una parte specifica della veste grafica selezionando il testo e scegliendo il carattere dalla barra di formattazione nella parte superiore del blocco di testo.

❗️ Importante
Se hai modificato manualmente il carattere selezionando il testo e utilizzando la barra di formattazione, il carattere non cambierà quando ne scegli un altro tramite Design > Aspetto testo.

Link

Lo stile e il colore dei link aggiunti nel blocco del contenuto di testo possono essere impostati qui.

Nell'esempio seguente, abbiamo scelto il colore dei link e abbiamo aggiunto l'opzione di sottolineatura.

mceclip0.png

Pulsanti

Da lì puoi definire lo stile predefinito di tutti i pulsanti della tua newsletter. Se vuoi cambiare rapidamente l'aspetto di tutti i pulsanti, fallo da qui!

mceclip0.png

Interlinea

L'impostazione Interlinea è disponibile nella scheda Design, ma anche cliccando su un blocco di stile. Consente di aggiungere una Distanza tra testo e bordo, che è lo spazio tra l'elemento e il bordo. Circonda il contenuto su tutti e quattro i lati ed è possibile modificare la dimensione per ogni lato.

Attiva o disattiva il pulsante Distanza tra testo e bordo per abilitarli o disabilitarli 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: 2 su 9