In questa pagina: Scopri come aggiungere e configurare componenti di contenuto di E-mail Designer come pulsanti, testo, immagini, divisori, HTML, collegamenti social, decisioni sulle offerte, griglie e tabelle per creare il contenuto delle e-mail.
Durante la creazione del contenuto dell’e-mail, Componenti contenuto ti consente di personalizzare ulteriormente l’e-mail con componenti non elaborati che puoi modificare una volta inseriti in un messaggio e-mail.
Puoi aggiungere tutti i componenti di contenuto necessari all’interno di uno o più componenti struttura, che definiscono il layout dell’e-mail.
Aggiungere componenti per contenuti add-content-components
Per aggiungere componenti per contenuti all’e-mail e modificarli in base alle tue esigenze, segui i passaggi indicati di seguito:
-
In E-mail Designer, utilizza un contenuto esistente oppure trascina i componenti struttura desiderati nel contenuto vuoto per definire il layout dell’e-mail. Scopri come
-
Per accedere alla sezione Componenti contenuto, seleziona il pulsante corrispondente dal riquadro a sinistra di E-mail Designer.
-
Trascina i componenti per contenuti desiderati all’interno dei componenti struttura pertinenti.
note NOTE È possibile aggiungere più componenti in un singolo componente struttura e in ogni colonna di un componente struttura. -
Seleziona il componente appena aggiunto.
-
Regola gli attributi e lo stile di ogni componente utilizzando le schede Impostazioni e Stile a destra. Ad esempio, puoi modificare lo stile del testo, la spaziatura o il margine di ciascun componente. Ulteriori informazioni su allineamento e spaziatura
-
Dal menu avanzato del componente contenuto, puoi eliminare o duplicare facilmente qualsiasi componente contenuto in base alle esigenze.
Contenitore container
Per applicare uno stile specifico a un gruppo di componenti di contenuto, puoi aggiungere un componente Contenitore e quindi i componenti di contenuto desiderati al suo interno. Questo consente di applicare uno stile distinto al contenitore, che sarà diverso dallo stile applicato ai componenti di contenuto all’interno.
Ad esempio, aggiungi un componente Contenitore e quindi un componente Pulsante all’interno del contenitore. Puoi utilizzare uno sfondo specifico per il contenitore e un altro per il pulsante.
Pulsante button
Utilizza il componente Pulsante per inserire uno o più pulsanti nell’e-mail e reindirizzare il pubblico dell’e-mail a un’altra pagina.
-
Fai clic sul pulsante appena aggiunto per personalizzare il testo e accedere alle schede Impostazioni e Stili nel riquadro a destra di E-mail Designer.
-
Dal menu Collegamento, aggiungi l’URL a cui desideri reindirizzare quando fai clic sul pulsante.
-
Scegli come verrà reindirizzato il pubblico con l’elenco a discesa Target:
- Nessuno: il collegamento viene aperto nello stesso frame in cui è stato fatto clic (impostazione predefinita).
- Vuoto: il collegamento viene aperto in una nuova finestra o scheda.
- Stesso: il collegamento viene aperto nello stesso frame in cui è stato fatto clic.
- Principale: il collegamento viene aperto nel frame principale.
- Superiore: il collegamento viene aperto nel corpo completo della finestra.
-
Puoi personalizzare ulteriormente il pulsante modificando gli attributi di stile come Bordo, Dimensione, Margine e così via dal riquadro Impostazioni componente.
Testo text
Utilizza il componente Testo per inserire testo nell’e-mail e modificare lo stile (bordo, dimensione, spaziatura interna, ecc.) utilizzando la scheda Stili.
-
Fai clic sul componente appena aggiunto per personalizzare il testo e accedere alle schede Impostazioni e Stili nel riquadro a destra di E-mail Designer.
-
Modifica il testo con le seguenti opzioni disponibili nella barra degli strumenti:
- Modifica stile di testo: applica al testo lo stile grassetto, corsivo, sottolineato o barrato.
- Modifica l’allineamento: applica al testo l’allineamento a sinistra, a destra, centrato o giustificato.
- Crea elenco: aggiungi al testo un elenco puntato o numerato.
- Imposta il titolo: aggiungi al testo fino a sei livelli di titolo.
- Dimensione font: seleziona la dimensione del font in pixel.
- Cambia il colore del carattere: scegli il colore del carattere.
- Inserisci collegamento: aggiungi qualsiasi tipo di collegamento al contenuto.
- Modifica immagine: aggiungi un’immagine o una risorsa al componente testo. Ulteriori informazioni sulla gestione delle risorse
- Cambia il colore del carattere: scegli il colore del carattere.
- Aggiungi personalizzazione: aggiungi campi di personalizzazione per personalizzare il contenuto in base ai dati dei profili. Ulteriori informazioni sulla personalizzazione dei contenuti
- Mostra il codice sorgente: visualizza il codice sorgente del testo. Non può essere modificato.
- Abilita contenuto condizionale: aggiungi contenuto condizionale per adattare il contenuto del componente ai profili target. Ulteriori informazioni sui contenuti dinamici
- Duplica: aggiungi una copia del componente di testo.
- Elimina: elimina dal messaggio e-mail il componente di testo selezionato.
-
Regolare gli altri attributi di stile, ad esempio il colore del testo, la famiglia di caratteri, il bordo, la spaziatura interna, il margine e così via, dalla scheda Stili.
Divisore divider
Utilizza il componente Divisore per inserire una linea di divisione utile per organizzare il layout e il contenuto dell’e-mail.
È possibile regolare gli attributi di stile, ad esempio il colore, lo stile e lo spessore della linea, dalle schede Impostazioni e Stili.
Html Html
Utilizza il componente Html per copiare e incollare le diverse parti del HTML esistente. Questo consente di creare componenti modulari HTML a forma libera in modo da riutilizzare dei contenuti esterni.
-
Fai clic sul componente appena aggiunto, quindi seleziona Mostra il codice sorgente dalla barra degli strumenti contestuale per aggiungere il codice HTML.
-
Copia e incolla il codice HTML che desideri aggiungere alla tua e-mail e fai clic su Salva.
Modello elementi multimediali dinamici dynamic-media-template
Utilizza il componente Modello elemento multimediale dinamico per sfruttare elementi multimediali dinamici🔗 personalizzati e interattivi nelle e-mail.
Utilizza questo componente per inserire un modello Dynamic Media da Adobe Experience Manager nel contenuto dell’e-mail e modificarlo direttamente nell’Editor modelli Dynamic Media, senza uscire da E-mail Designer. Puoi anche caricare un file PSD (Photoshop) e modificarlo in modo simile a un modello Dynamic Media. Ulteriori informazioni
Immagine image
Utilizza il componente Immagine per inserire un file immagine dal computer nel contenuto dell’e-mail.
-
Seleziona il componente appena aggiunto.
-
Dalla scheda Impostazioni, fai clic su Sfoglia per scegliere un file di immagine dalle risorse oppure su Importa file multimediali per caricare una risorsa in Adobe Experience Manager Assets.
Per ulteriori informazioni su Adobe Experience Manager Assets, consulta la documentazione di Adobe Experience Manager Assets.
note NOTE Per garantire che i collegamenti rimangano attivi ed evitare problemi di scadenza, ti consigliamo di utilizzare Adobe Assets invece di fare affidamento su un URL di origine per le immagini. -
Puoi anche eseguire ricerche direttamente in Adobe Stock con l’opzione Trova foto Adobe Stock.
-
Fai clic sul componente appena aggiunto e imposta le proprietà dell’immagine:
- Titolo immagine consente di definire il titolo da assegnare all’immagine.
- Testo Alt consente di definire la didascalia collegata all’immagine. Questo corrisponde all’attributo HTML “alt”. Ulteriori informazioni
-
Puoi anche scegliere di Trovare foto Stock simili. Ulteriori informazioni
-
Dalla scheda Stili, regola gli altri attributi di stile, ad esempio margine, bordo e così via, oppure aggiungi un collegamento per reindirizzare il pubblico a un altro contenuto dal riquadro Impostazioni componente.
Social social
Utilizza il componente Social per inserire nel contenuto dell’e-mail dei collegamenti a pagine social media.
-
Seleziona il componente appena aggiunto. Nel campo Social della scheda Impostazioni, scegli i social media da aggiungere o rimuovere.
-
Scegli le dimensioni delle icone nel campo dedicato.
-
Fai clic su ciascuna delle icone dei social media per configurare l’URL a cui verrà reindirizzato il pubblico.
-
Se necessario, puoi anche cambiare le icone di ciascuno dei social media dal tuo Assets.
-
Regola gli altri attributi di stile come stile, margine, bordo e così via dalla scheda Stili.
Decisione sull’offerta offer-decision
Utilizza il componente Decisione offerta per inserire le offerte nei messaggi. Il motore decision management sceglierà l’offerta migliore da consegnare ai tuoi clienti.
-
Seleziona il componente appena aggiunto e fai clic su Aggiungi per selezionare la decisione di offerta.
-
Dall’elenco a discesa, seleziona i posizionamenti.
-
Quindi, seleziona la decisione di offerta da aggiungere al contenuto e fai clic su Aggiungi.
-
Dalla scheda Decisione offerta, puoi visualizzare in anteprima o modificare l’offerta inserita.
Scopri come aggiungere offerte personalizzate in un messaggio e-mail in questa sezione.
Griglia grid
Utilizzare il componente Griglia per organizzare il contenuto in una struttura composta da righe e colonne, in cui ogni cella può contenere altri componenti di contenuto.
-
Proprio come il componente Container, trascina altri componenti di contenuto in ogni cella della griglia.
Ad esempio, puoi aggiungere un componente Testo, un componente Immagine e due componenti Pulsante. Puoi quindi aggiungere un’immagine e modificare il contenuto di ciascun componente singolarmente.
-
Per modificare la struttura della griglia, selezionarla e passare alla scheda Impostazioni del riquadro destro di E-mail Designer.
-
È possibile definire il numero di colonne e righe contenute nella griglia, modificare la spaziatura tra le colonne e le righe e modificare la larghezza di ogni singola colonna in percentuale.
note NOTE Utilizzare l'opzione Non impilare colonne su dispositivi mobili per mantenere il layout della griglia sui dispositivi mobili anziché impilare le colonne verticalmente. -
Rilascia altri componenti di contenuto in ogni cella in base alle esigenze e regola lo stile dalla scheda Stili per ogni componente.
Tabella table
Utilizza il componente Tabella per strutturare il contenuto in righe e colonne direttamente all’interno dell’e-mail, creando layout chiari e organizzati senza affidarsi a HTML personalizzato.
-
Una volta aggiunto, fai clic sul componente e seleziona la scheda Impostazioni nel riquadro a destra di E-mail Designer.
-
Da qui è possibile regolare il numero di righe e colonne per la tabella.
-
Utilizza l’opzione Includi riga di intestazione (attivata per impostazione predefinita) per aggiungere una riga di intestazione alla tabella e attivare/disattivare l’opzione Righe Stripe per applicare colori di riga alternati per migliorarne la leggibilità.
-
Puoi anche fare clic sulle frecce corrispondenti a una colonna o a una riga direttamente nella tabella e utilizzare il menu contestuale per aggiungere o eliminare una riga o una colonna.
-
Modificare altri attributi di stile, ad esempio il colore della cella, la dimensione del carattere, l’allineamento del testo o il colore del carattere, dalla scheda Stili.