Definizione della struttura delle e-mail

E-mail Designer consente di definire facilmente la struttura delle e-mail. Aggiungendo e spostando elementi strutturali con semplici azioni di trascinamento della selezione, puoi progettare la forma dell’e-mail in pochi secondi.

Per modificare la struttura di un messaggio e-mail:

  1. Apri un contenuto esistente o creane uno nuovo.

  2. Accedi a Structure components selezionando l'icona + a sinistra.

  3. Trascina e rilascia i componenti struttura necessari per modellare l’e-mail.

    Una linea blu materializza l'esatta posizione dei componenti della struttura prima di rilasciarla. Puoi rilasciarlo sopra, tra o sotto qualsiasi altro componente, ma non all’interno.

    NOTE
    La pila di colonne non è compatibile con tutti i programmi e-mail. Quando non è supportata, le colonne non vengono impilate.
    Una volta inseriti nell’e-mail, non puoi spostare o rimuovere i componenti a meno che non sia già presente un componente di contenuto o un frammento al suo interno.
  4. Sono disponibili diversi componenti di struttura composti da una o più colonne.

    Seleziona il componente n:n column per definire il numero di colonne desiderato (tra 3 e 10). Per definire la larghezza di ogni colonna, sposta le frecce nella parte inferiore di ciascuna colonna.

    NOTE
    Le dimensioni di ogni colonna non possono essere inferiori al 10% della larghezza totale del componente struttura. Non è possibile rimuovere una colonna non vuota.

Una volta definita la struttura, puoi aggiungere frammenti di contenuto e componenti all’e-mail.

Utilizzo di una pre-intestazione

Un preheader è un breve testo di riepilogo che segue la riga dell’oggetto quando si visualizza un messaggio e-mail dalla casella in entrata. Il preheader fornisce un tasso di apertura più alto.

Selezionare la casella di modifica Preheader e completare il contenuto.

È possibile aggiungere Content block, Dynamic content o Personalization fields nel contenuto del preheader.

NOTE
La preintestazione non è compatibile con tutti i programmi e-mail. Quando non è supportata, non viene visualizzata.

Utilizzo dei componenti per contenuti

I componenti di contenuto sono componenti vuoti e non elaborati che possono essere modificati una volta inseriti in un messaggio e-mail.

In un componente struttura puoi aggiungere tutti i componenti di contenuto desiderati. Puoi anche spostarli all’interno del componente struttura o in un altro componente struttura.

Elenco dei componenti disponibili in E-mail Designer:

Button

Se è necessario utilizzare più pulsanti, anziché modificare ogni pulsante da zero, è possibile duplicare il componente Button utilizzando la barra degli strumenti contestuale.

Puoi anche salvare i pulsanti in frammenti che possono essere riutilizzati. Per ulteriori informazioni, vedere Creazione di un frammento di contenuto e Salvataggio del contenuto come frammento.

Selezionare Fallback view per visualizzare l'immagine di fallback in E-mail Designer.

Text

Utilizza questo componente per inserire testo nell’e-mail. È possibile regolare il colore, lo stile e la dimensione del testo in Component Settings.

Divider

Utilizza questo componente per inserire una linea di divisione nell’e-mail. È possibile selezionare il colore, lo stile e le dimensioni della linea di interruzione in Component Settings.

HTML

Utilizza questo componente per copiare e incollare le diverse parti del HTML esistente. Questo consente di creare componenti HTML modulari gratuiti.

NOTE
Un componente HTML gratuito è modificabile con opzioni limitate. Se tutti gli stili non sono allineati, assicurati di aggiungere il CSS corretto nella sezione head del codice HTML, altrimenti l'e-mail non sarà reattiva. Utilizza il pulsante Preview per verificare la reattività del contenuto (vedi Anteprima dei messaggi).

Per rendere semplicemente un contenuto esterno conforme a E-mail Designer, Adobe consiglia di creare un messaggio da zero e copiare il contenuto dall’e-mail esistente in frammenti e componenti.

Se il contenuto non può essere ricreato, è possibile copiare e incollare il codice HTML dall'e-mail originale utilizzando il componente di contenuto Html. Prima di procedere, accertarsi di avere familiarità con HTML.

NOTE
Il nuovo contenuto non sarà la copia esatta dell’e-mail originale, ma i passaggi seguenti ti guideranno attraverso la creazione di un messaggio che sarà più simile possibile.

Prima di copiare il contenuto

  1. Nell’e-mail originale, identifica le sezioni riutilizzabili dalle sezioni che saranno univoche per ogni e-mail che invierai.
  2. Salva tutte le immagini e le risorse che desideri utilizzare.
  3. Se hai familiarità con HTML, suddividi il contenuto originale di HTML in parti diverse.