Progettazione di e-mail da zero

Scopri come gestire l’edizione del contenuto delle e-mail. Designer e-mail consente di creare e-mail e modelli a partire dal contenuto predefinito.

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

  1. Create un’e-mail e apritene il contenuto.
  2. Aggiungete componenti struttura per dare forma al messaggio e-mail. Vedere Modifica della struttura dell'e-mail.
  3. Inserire componenti e frammenti di contenuto nei componenti della struttura. Vedere Aggiunta di frammenti e componenti di contenuto.
  4. Aggiungete le immagini e modificate il testo del messaggio e-mail. Vedere Inserimento di immagini.
  5. Personalizza la tua e-mail aggiungendo campi di personalizzazione, collegamenti e così via. Consultate Inserimento di un campo di personalizzazione, Inserimento di un collegamento e Definizione di contenuto dinamico in un'e-mail.
  6. Definite l’oggetto del messaggio e-mail. Vedere Personalizzazione dell'oggetto di un'e-mail.
  7. Visualizzare l’anteprima del messaggio e-mail.
  8. Salvate il contenuto e continuate con il messaggio dopo aver definito un'audience e pianificato correttamente l'invio.

È inoltre possibile controllare questo video introduttivo.

NOTA

Per evitare di progettare contenuti per e-mail da zero, potete utilizzare modelli di contenuto pronti per l’uso. Per ulteriori informazioni, vedere Modelli di contenuto.

Definizione struttura e-mail

Designer e-mail consente di definire facilmente la struttura dell'e-mail. Aggiungendo e spostando elementi strutturali con semplici azioni di trascinamento, potete progettare la forma dell’e-mail in pochi secondi.

Per modificare la struttura di un messaggio e-mail:

  1. Aprite un contenuto esistente o create un nuovo contenuto e-mail.

  2. Per accedere a Structure components, seleziona l'icona + a sinistra.

  3. Trascinate e rilasciate i componenti della struttura necessari per modellare il messaggio e-mail.

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

    NOTA

    Lo stack di colonne non è compatibile con tutti i programmi e-mail. Se non è supportato, le colonne non verranno sovrapposte.

    Una volta inserito nell’e-mail, non è possibile spostare né rimuovere i componenti a meno che non sia già presente un componente di contenuto o un frammento all’interno.

  4. Sono disponibili diversi componenti di struttura composti da una o più colonne.

    Selezionare il componente n:n column per definire il numero di colonne desiderato (tra 3 e 10). È inoltre possibile definire la larghezza di ciascuna colonna spostando le frecce nella parte inferiore di ciascuna colonna.

    NOTA

    Ciascuna dimensione di colonna non può essere inferiore al 10% della larghezza totale del componente struttura. Non è possibile rimuovere una colonna non vuota.

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

Utilizzo di una preintestazione

Un preintestazione è un breve testo di riepilogo che segue l’oggetto quando visualizzate un’e-mail dalla inbox. La preintestazione offre una frequenza di apertura più elevata.

Selezionate la casella di modifica Preheader e completate il contenuto.

È possibile aggiungere un Content block, un Dynamic content o un Personalization fields nel contenuto della preintestazione.

NOTA

Preheader non è compatibile con tutti i programmi e-mail. Se non è supportato, preheader non viene visualizzato.

Utilizzo dei componenti di contenuto

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

È possibile aggiungere tutti i componenti di contenuto desiderati in un componente struttura. È inoltre possibile spostarle all’interno del componente struttura o in un altro componente struttura.

Elenco dei componenti disponibili in Designer e-mail:

Button

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

È inoltre possibile salvare i pulsanti nei frammenti da riutilizzare. 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 Designer e-mail.

Text

Usate questo componente per inserire del testo nel messaggio e-mail. È possibile regolare colore, stile e dimensione del testo in Component Settings.

Divider

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

HTML

Usate questo componente per copiare e incollare le diverse parti dell’HTML esistente. Questo consente di creare componenti HTML modulari gratuiti.

NOTA

Un componente HTML gratuito può essere modificato con opzioni limitate. Se tutti gli stili non sono allineati, accertatevi di aggiungere il CSS appropriato nella sezione head del codice HTML, altrimenti l'e-mail non sarà reattiva. Utilizzare il pulsante Preview per verificare la reattività del contenuto (vedere Anteprima dei messaggi).

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

Se non è possibile ricreare un contenuto, potete copiare e incollare il codice HTML dall'e-mail originale utilizzando il componente Html contenuto. Prima di continuare, assicuratevi di avere familiarità con il codice HTML.

NOTA

Il nuovo contenuto non sarà la copia esatta dell'e-mail originale, ma i passaggi seguenti vi guideranno attraverso la creazione di un messaggio che sarà il più vicino possibile.

Prima di copiare il contenuto

  1. Nel messaggio e-mail originale, identificate le sezioni riutilizzabili dalle sezioni che saranno univoche per ogni e-mail che invierete.
  2. Salvate tutte le immagini e le risorse da usare.
  3. Se avete familiarità con l’HTML, dividete il contenuto HTML originale in parti diverse.

Video

Inserite il componente video in un componente struttura del messaggio e-mail e inserite il collegamento video in Component Settings.

NOTA

Il video non è compatibile con tutti i programmi e-mail. Se non è supportato, verrà visualizzato il fallback.

Immagine

Usate questo componente per inserire un’immagine nel messaggio e-mail.

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

Social

Usate questo componente per inserire i collegamenti alle pagine dei social media nel messaggio e-mail. È possibile selezionare i collegamenti che si desidera visualizzare e la dimensione della relativa icona in Component Settings.

  1. Trascinare il componente Carousel all'interno di un componente struttura.

  2. Consente di selezionare le immagini dal computer.

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

  4. Selezionate un’immagine di fallback dal computer.

Il componente carosello non è compatibile con tutti i programmi e-mail. Caricate un fallback per visualizzare un'immagine invece quando il carosello non è supportato nell'e-mail.

NOTA

Il componente carosello è compatibile con le seguenti piattaforme di posta elettronica: 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:

In questa pagina

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free