In E-mail Designer, quando selezioni un elemento, nel riquadro Settings sono visualizzate diverse opzioni specifiche per il tipo di contenuto selezionato. 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:
La navigazione nella struttura ad albero consente di effettuare una selezione più accurata. Puoi selezionare una delle seguenti opzioni:
Per selezionare una colonna, puoi anche effettuare le seguenti operazioni:
Vedi un esempio in questa sezione.
Seleziona un elemento nel messaggio e-mail. Per ulteriori informazioni, consulta Selezione di un elemento.
Regola le impostazioni in base alle tue esigenze. Ogni elemento selezionato offre un set di impostazioni diverso.
È possibile inserire sfondi, modificare le dimensioni, modificare l'allineamento orizzontale o verticale, gestire i colori, aggiungere spaziatura o margine e così via.
A questo scopo, utilizza le opzioni visualizzate nel riquadro Settings o aggiungi attributi di stile in linea.
Salva il contenuto.
L’interfaccia di E-mail Designer consente di regolare rapidamente le impostazioni di spaziatura e margini.
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 i parametri Padding e Margin a livello di colonna.
Per entrambi i parametri Padding e Margin, fai clic sull’icona Blocca per interrompere la sincronizzazione tra i parametri superiore e inferiore o destro e sinistro. Questo consente di regolare separatamente ogni parametro.
Allineamento testo: posizionare il cursore del mouse su un testo e utilizzare la barra degli strumenti contestuale per allinearlo.
L’ allineamento orizzontale può essere applicato a testo, immagini e pulsanti, al momento non ai Divider e Social componenti.
Per impostare l' allineamento verticale, seleziona una colonna all'interno di un componente struttura e scegli un'opzione dal riquadro Impostazioni.
Quando si tratta di impostare gli sfondi con E-mail Designer, l’Adobe consiglia quanto segue:
Di seguito sono riportate le impostazioni di sfondo disponibili che è possibile utilizzare.
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.
Imposta lo stesso colore di sfondo per tutti i componenti struttura selezionando Viewport background color. Questa opzione consente di selezionare un’impostazione diversa dal colore di sfondo.
Impostare un colore di sfondo diverso per ciascun componente struttura. Selezionare una struttura nell'albero di navigazione accessibile dalla palette 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 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 in background. 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.
È necessario regolare la spaziatura e l’allineamento verticale all’interno di un componente struttura composto da tre colonne. Per farlo, segui la procedura indicata di seguito:
Seleziona il componente struttura direttamente nel messaggio e-mail o utilizza la struttura ad albero disponibile dalla Palette a sinistra.
Dalla barra degli strumenti contestuale, fai clic su Select a column e scegli quello da modificare. È inoltre possibile selezionarlo dalla struttura ad albero.
I parametri modificabili di quella colonna vengono visualizzati nel riquadro Settings a destra.
In Vertical alignment, selezionare Up.
Il componente contenuto viene visualizzato sopra la colonna .
Alla voce Padding, definisci la spaziatura superiore all’interno della colonna. Fai clic sull’icona Blocca per interrompere la sincronizzazione con la spaziatura inferiore.
Definisci la spaziatura sinistra e destra per la colonna.
Procedi in modo simile per regolare l’allineamento e la spaziatura delle altre colonne.
Salva le modifiche.
È possibile sottolineare un collegamento e selezionarne il colore e la destinazione in E-mail Designer.
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 un Target.
Per modificare il colore del collegamento, fai clic su Link color.
Scegli il colore di cui hai bisogno.
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 relativo valore per quell’elemento specifico.
Seleziona un elemento nel contenuto.
Nel pannello laterale, cerca le impostazioni Styles Inline .
Modifica i valori degli attributi esistenti o aggiungi nuovi attributi utilizzando il 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 padre.