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. Consulta 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 dare un'occhiata a 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. Accedere a Structure components selezionando la + 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 la 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.

Seleziona la Preheader e completare il contenuto.

Puoi aggiungere una Content block, a Dynamic content o un Personalization fields nel contenuto della preintestazione.

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 Button mediante la barra degli strumenti contestuale.

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

Seleziona 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 le dimensioni 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 appropriato nel testa del codice HTML, altrimenti l’e-mail non risponderà. Utilizza il Preview per verificare la reattività del contenuto (consulta Anteprima dei messaggi).

Per rendere un contenuto esterno semplicemente 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, puoi copiare e incollare il codice HTML dall’e-mail originale utilizzando Html componente contenuto. 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

Inserisci il componente video in un componente struttura del messaggio e-mail e inserisci il collegamento video nel 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. Puoi selezionare i collegamenti da visualizzare e le dimensioni della relativa icona in Component Settings.

Carosello carousel-settings

  1. Trascina la Carousel all’interno di un componente struttura.

  2. Sfoglia per selezionare le immagini dal computer.

  3. Dalla sezione Settings , impostare il numero di miniature da inserire 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