In E-mail Designer, quando si seleziona un elemento, diverse opzioni specifiche per il tipo di contenuto selezionato vengono visualizzate nel Settings riquadro. Puoi utilizzare queste opzioni per modificare facilmente lo stile dell’e-mail.
Per selezionare un elemento nell’interfaccia di E-mail Designer, puoi effettuare le seguenti operazioni:
Esplorando la struttura ad albero potete effettuare una selezione più accurata. Puoi selezionare:
Per selezionare una colonna, è inoltre possibile effettuare le seguenti operazioni:
Vedi un esempio in questa sezione.
Seleziona un elemento nell’e-mail. Per ulteriori informazioni, consulta Selezione di un elemento.
Regola le impostazioni in base alle tue esigenze. Ogni elemento selezionato offre un diverso set di impostazioni.
È possibile inserire sfondi, modificare le dimensioni, modificare l'allineamento orizzontale o verticale, gestire i colori, aggiungere riempimento o marginee così via.
A questo scopo, utilizza le opzioni visualizzate nella Settings riquadro o aggiungi attributi di stile in linea.
Salva il contenuto.
L’interfaccia di E-mail Designer consente di regolare rapidamente le impostazioni di spaziatura interna e margine.
Padding: questa impostazione consente di gestire lo spazio che si trova all’interno del bordo di un elemento.
Ad esempio:
Margin: questa impostazione consente di gestire lo spazio tra il bordo dell’elemento e l’elemento successivo.
A seconda della selezione (componente struttura, colonna o componente contenuto), il risultato non sarà lo stesso. Adobe consiglia di impostare Padding e Margin a livello di colonna.
Per entrambi Padding e Margin, fai clic sull’icona del lucchetto per interrompere la sincronizzazione tra i parametri superiore e inferiore o destro e sinistro. Questo consente di regolare ogni parametro separatamente.
Allineamento testo: posiziona il cursore del mouse su un testo e utilizza la barra degli strumenti contestuale per allinearlo.
Allineamento orizzontale può essere applicata a testo, immagini e pulsanti, attualmente non al Divider e Social componenti.
Per impostare allineamento verticale, seleziona una colonna all’interno di un componente struttura e scegli un’opzione dal riquadro Impostazioni.
Per impostare lo sfondo con E-mail Designer, Adobe consiglia quanto segue:
Di seguito sono riportate le impostazioni di sfondo disponibili.
Imposta un Background color per l’intera e-mail. Assicurati di selezionare le impostazioni del corpo nella struttura di navigazione accessibile dalla palette a sinistra.
Impostare lo stesso colore di sfondo per tutti i componenti della struttura selezionando Viewport background color. Questa opzione consente di selezionare un’impostazione diversa dal colore di sfondo.
Imposta un colore di sfondo diverso per ciascun componente della struttura. Selezionare una struttura nell'albero di navigazione accessibile dalla tavolozza a sinistra per applicare un colore di sfondo specifico solo a tale struttura.
Assicurati di non impostare un colore di sfondo del riquadro di visualizzazione, in quanto questo potrebbe nascondere i colori di sfondo della struttura.
Imposta un Background image per il contenuto di un componente struttura.
Alcuni programmi e-mail non supportano le immagini di sfondo. Se non è supportato, verrà utilizzato il colore di sfondo della riga. Assicurati di selezionare un colore di sfondo di fallback appropriato nel caso in cui l’immagine non possa essere visualizzata.
Imposta un colore di sfondo a livello di colonna.
Questo è il caso d’uso più comune. Adobe consiglia di impostare i colori di sfondo a livello di colonna, in quanto ciò consente una maggiore flessibilità nella modifica dell’intero contenuto dell’e-mail.
Puoi anche impostare un’immagine di sfondo a livello di colonna, ma questa viene utilizzata raramente.
Desideri regolare la spaziatura interna e l’allineamento verticale all’interno di un componente struttura composto da tre colonne. A tale scopo, segui la procedura indicata di seguito:
Seleziona il componente struttura direttamente nel messaggio e-mail o utilizzando la struttura ad albero disponibile a sinistra Palette.
Dalla sezione barra degli strumenti contestuale, fai clic su Select a column e scegli quello che desideri modificare. Puoi anche selezionarla dall’albero della struttura.
I parametri modificabili per tale colonna vengono visualizzati nel Settings a destra.
Sotto Vertical alignment, seleziona Up.
Il componente contenuto viene visualizzato sopra la colonna.
Sotto Padding, definisci la spaziatura interna superiore nella colonna. Fai clic sull’icona del lucchetto per interrompere la sincronizzazione con la spaziatura inferiore.
Definisci la spaziatura sinistra e destra per quella colonna.
Procedi in modo simile per regolare l’allineamento e la spaziatura delle altre colonne.
Salva le modifiche.
In E-mail Designer è possibile sottolineare un collegamento e selezionarne il colore e la destinazione.
In un componente in cui viene inserito un collegamento, seleziona il testo dell’etichetta del collegamento.
Nelle impostazioni del componente, seleziona Underline link per sottolineare il testo dell'etichetta del collegamento.
Per selezionare il contesto di navigazione in cui verrà aperto il collegamento, seleziona una Target.
Per cambiare il colore del collegamento, fai clic su Link color.
Scegliete il colore desiderato.
Salva le modifiche.
Nell’interfaccia di E-mail Designer, quando selezioni un elemento e ne visualizzi le impostazioni nel pannello laterale, puoi personalizzare gli attributi in linea e il loro valore per quell’elemento specifico.
Seleziona un elemento nel contenuto.
Nel pannello laterale, cerca Styles Inline impostazioni.
Modificare i valori degli attributi esistenti o aggiungerne di nuovi utilizzando + pulsante. Puoi aggiungere qualsiasi attributo e valore conforme a CSS.
Lo stile viene quindi applicato all’elemento selezionato. Se per gli elementi secondari non sono definiti attributi di stile specifici, viene ereditato lo stile dell’elemento principale.