Progettazione di e-mail da zero designing-an-email-content-from-scratch

Scopri come padroneggiare l’edizione dei contenuti delle e-mail. Con E-mail Designer puoi creare e-mail e modelli a partire da con o senza i contenuti predefiniti.

Di seguito sono riportati i passaggi principali per creare e progettare un contenuto e-mail da zero utilizzando E-mail Designer:

  1. Crea un messaggio e-mail e apri il relativo contenuto.
  2. Aggiungi componenti struttura per modellare l’e-mail. Consulta Modifica della struttura delle e-mail.
  3. Inserire componenti di contenuto e frammenti nei componenti della struttura. Consulta Aggiunta di frammenti e componenti di contenuto.
  4. Aggiungi le immagini e modifica il testo dell’e-mail. Vedere Inserimento di immagini.
  5. Personalizza la tua e-mail aggiungendo campi di personalizzazione, collegamenti e così via. Consulta Inserimento di un campo di personalizzazione, Inserimento di un collegamento e Definizione del contenuto dinamico in un messaggio e-mail.
  6. Definisci l’oggetto dell’e-mail. Consulta Personalizzazione dell'oggetto di un'e-mail.
  7. Visualizza l’anteprima del messaggio e-mail.
  8. Salva il contenuto e continua con il messaggio dopo esserti assicurato di aver definito un pubblico e pianificato correttamente l’invio.

Puoi anche guardare questo video introduttivo.

NOTE
Per evitare di progettare contenuti e-mail da zero, puoi utilizzare modelli di contenuto preconfigurati. Per ulteriori informazioni, consulta Modelli di contenuto.

Definizione della struttura delle e-mail defining-the-email-structure

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 note
    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 note
    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 preheader

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 about-content-components

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, l’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, assicurati 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, divide il contenuto originale di HTML in parti diverse.

Video video-settings

Inserire il componente video in un componente struttura del messaggio e-mail e immettere il collegamento video in Component Settings.

NOTE
Il video non è compatibile con tutti i programmi e-mail. Quando non è supportato, viene visualizzato il fallback.

Immagine

Utilizza questo componente per inserire un’immagine nell’e-mail.

Inserisci il componente immagine in un componente struttura e fai clic su Sfoglia per caricare un file immagine dal computer.

Social

Utilizza questo componente per inserire collegamenti a pagine di social media nel messaggio e-mail. È possibile selezionare i collegamenti da visualizzare e le dimensioni della relativa icona in Component Settings.

Carosello carousel-settings

  1. Trascina e rilascia il componente Carousel all'interno di un componente struttura.

  2. Sfoglia per selezionare le immagini dal computer.

  3. Nel riquadro Settings impostare il numero di miniature desiderate nel carosello.

  4. Seleziona un’immagine di fallback dal computer.

Il componente Carosello non è compatibile con tutti i programmi e-mail. Carica un fallback per visualizzare un’immagine quando il carosello non è supportato nell’e-mail.

NOTE
Il componente Carosello è compatibile con le seguenti piattaforme e-mail: Apple Mail 7, Apple Mail 8, Outlook 2011 per Mac, Outlook 2016 per Mac, Mozilla Thunderbird, iPad e iPad mini iOS, iPhone iOS, Android, AOL (Chrome, Firefox e Safari).

Argomenti correlati:

recommendation-more-help
3ef63344-7f3d-48f9-85ed-02bf569c4fff