Show Menu
ARGOMENTI×

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.

Passaggi chiave per la creazione del messaggio e-mail

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. Consultate Modifica della struttura delle 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. Consultate 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 messaggio e-mail .
  6. Definite l’oggetto del messaggio e-mail. See Personalizing the subject line of an email .
  7. Visualizzate 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.
Potete anche guardare questo video ?autoplay=true&hidetitle=true&captions=itaintroduttivo.
Per evitare di progettare contenuti per e-mail da zero, potete utilizzare modelli di contenuto pronti per l’uso. Per ulteriori informazioni, consulta 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 del messaggio 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 al modulo, Structure components selezionate 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.
    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.
    Selezionate il n:n column componente 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.
    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 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. Potete anche 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 Button componente 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 .
  1. 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.
    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. Utilizzate il Preview pulsante per verificare la reattività del contenuto (consultate Anteprima dei messaggi ).
    Per rendere semplicemente 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 un contenuto non può essere ricreato, 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.
    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
    Usate questo componente per inserire un video nel messaggio e-mail.
    Inserite il componente video in un componente struttura del messaggio e-mail e inserite il collegamento video nel Component Settings .
  • Image
    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. Potete selezionare i collegamenti da visualizzare e le dimensioni della relativa icona in Component Settings .
  • Carousel
    1. Trascinare il Carousel componente all’interno di un componente struttura.
    2. Consente di selezionare le immagini dal computer.
    3. Nel Settings riquadro, impostare il numero di miniature desiderato.
    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.
    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: