Authoring dei modelli e-mail
Dopo aver creato un modello e-mail, utilizza la finestra di progettazione visiva per creare i componenti struttura e contenuto nel modello e-mail.
Aggiungere struttura e contenuto structure-content
-
Per iniziare la progettazione del contenuto, trascina un elemento dalle Strutture e rilascialo nell'area di lavoro.
Aggiungi tutti gli elementi da Strutture necessari e modifica le impostazioni per ciascuno nel riquadro a destra.
note tip TIP Seleziona il componente n:n column per definire il numero di colonne desiderato (tra tre e 10). Puoi anche definire la larghezza di ciascuna colonna spostando le frecce sotto di essa. {width="800" modal="regular"}
Le dimensioni di ogni colonna non possono essere inferiori al 10% della larghezza totale del componente struttura. È possibile rimuovere solo colonne vuote.
-
Espandi la sezione Contents e aggiungi tutti gli elementi necessari in uno o più componenti della struttura.
{width="800" modal="regular"}
-
Se necessario, puoi effettuare ulteriori personalizzazioni per ciascun componente nelle schede Impostazioni o Stile.
Ad esempio, puoi modificare lo stile del testo, la spaziatura interna o il margine di ciascun componente.
-
Per aggiungere contenuto condizionale e adattarlo ai profili target in base alle regole condizionali, selezionare un componente di contenuto e fare clic sull'icona Abilita contenuto condizionale nella barra degli strumenti del componente.
Per ulteriori informazioni, vedere Contenuto condizionale.
Aggiungi frammenti
Nell'editor del contenuto visivo, l'icona Frammenti è visualizzata a sinistra. L’esempio seguente illustra i passaggi per aggiungere frammenti al contenuto del modello.
-
Per aprire l'elenco dei frammenti, seleziona l'icona Frammenti ( ).
Puoi eseguire le seguenti operazioni:
- Ordina l’inserzione.
- Sfoglia, Cerca o filtra l’inserzione.
- Consente di passare dalla visualizzazione Anteprima alla visualizzazione Elenco.
- Aggiorna l’elenco per riflettere eventuali frammenti creati di recente.
{width="700" modal="regular"}
-
Trascina uno dei frammenti nel segnaposto del componente strutturale.
L’editor esegue il rendering del frammento all’interno della sezione/elemento della struttura e-mail.
Il contenuto del frammento viene aggiornato dinamicamente all’interno della struttura per mostrare come appare il contenuto nell’e-mail.
Dopo il salvataggio, l'e-mail viene visualizzata nella pagina dei dettagli del frammento quando si seleziona la scheda Usato da nel riepilogo. I frammenti aggiunti a un modello e-mail non sono modificabili all’interno del modello: il frammento di origine definisce il contenuto.
Aggiungere risorse
Nell'editor del contenuto visivo, selezionare l'icona Assets ( ) visualizzata a sinistra.
L’esempio seguente illustra i passaggi necessari per aggiungere risorse al contenuto del modello:
-
Per aprire la libreria di risorse, fai clic sull'icona Assets.
Dal selettore delle risorse, puoi selezionare direttamente le risorse memorizzate nella libreria di origine.
-
Aggiungi una nuova risorsa trascinando la risorsa immagine in un componente struttura.
{width="800" modal="regular"}
Per ulteriori informazioni sull'utilizzo delle risorse del tipo di origine, vedere Aggiungere risorse al contenuto.
-
Sostituisci una risorsa immagine esistente selezionandola nell'area di lavoro e fai clic su Seleziona una risorsa negli strumenti di origine delle immagini.
{width="600" modal="regular"}
Spostarsi tra livelli, impostazioni e stili
Mentre si lavora con il contenuto nella finestra di progettazione visiva, è possibile accedere ai livelli/contenitori e agli elementi utilizzando la struttura Navigazione. Fai clic sull'icona Navigazione per visualizzare la struttura a sinistra dell'area di lavoro.
{width="800" modal="regular"}
L’esempio seguente illustra i passaggi per regolare la spaziatura e l’allineamento verticale all’interno di un componente struttura composto da colonne.
-
Selezionare la colonna nel componente struttura direttamente nell'area di lavoro o utilizzando la struttura di spostamento visualizzata a sinistra.
-
Dalla barra degli strumenti della colonna, fare clic sullo strumento Seleziona una colonna e scegliere quello che si desidera modificare.
Puoi anche selezionarla dall’albero della struttura. I parametri modificabili per tale colonna vengono visualizzati nelle schede Impostazioni e Stili a destra.
{width="800" modal="regular"}
-
Per modificare le proprietà della colonna, fai clic sulla scheda Stili a destra e modificale in base alle tue esigenze:
-
Per Sfondo, modifica il colore di sfondo in base alle esigenze.
Deselezionare la casella di controllo relativa a uno sfondo trasparente. Abilita l'impostazione Immagine di sfondo per utilizzare un'immagine come sfondo invece di un colore a tinta unita.
-
Per Allineamento, seleziona l'icona Superiore, Centro o Inferiore.
-
Per Spaziatura interna, definire la spaziatura per tutti i lati.
Selezionare Spaziatura interna diversa per ogni lato per ottimizzare la spaziatura. Fai clic sull'icona Blocca per interrompere la sincronizzazione.
-
Espandi la sezione Avanzate per definire gli stili in linea per la colonna.
{width="700" modal="regular"}
-
-
Se necessario, ripeti questi passaggi per regolare l’allineamento e la spaziatura per le altre colonne del componente.
-
Salva le modifiche.
Personalizzare il contenuto
La versione B2B di Journey Optimizer utilizza una sintassi inline semplice che consente di creare espressioni con contenuto personalizzato racchiuso tra parentesi graffe {}
. È possibile aggiungere più espressioni nello stesso contenuto o campo senza restrizioni.
Esempi:
-
Hello {{profile.person.name.firstName}} {{profile.person.name.lastName}}
-
Hello {{profile.person.name.fullName}}
Durante l’elaborazione del messaggio (e-mail e SMS), Journey Optimizer B2B Edition sostituisce l’espressione con i dati contenuti nel database di Experience Platform. Il primo esempio diventa Hello John Doe.
L’esempio seguente illustra i passaggi per personalizzare il contenuto utilizzando gli attributi lead/account e i token di sistema.
-
Seleziona il componente testo e fai clic sull'icona Aggiungi personalizzazione nella barra degli strumenti.
{width="600"}
Questa azione apre la finestra di dialogo Modifica Personalization.
-
Fare clic su + o … per aggiungere un token allo spazio vuoto.
{width="700" modal="regular"}
-
Fai clic su Salva.
Modifica tracciamento URL collegato
-
Fai clic sull'icona Collegamenti a sinistra per visualizzare tutti gli URL del contenuto da tracciare.
-
Se necessario, fare clic sull'icona Modifica (matita) e modificare Tipo di tracciamento o Etichetta.
Puoi anche aggiungere Tag per un collegamento.
{width="500"}
Opzioni di visualizzazione
Sfrutta le opzioni di convalida della visualizzazione e del contenuto disponibili nella finestra di progettazione visiva.
-
Zoom in/out del contenuto tra le opzioni di zoom predefinite.
-
Cambia la visualizzazione del contenuto tra desktop, dispositivi mobili o solo testo/solo testo.
- Fai clic sull'icona Occhio per visualizzare l'anteprima del contenuto tra i dispositivi.
- Seleziona uno dei dispositivi predefiniti o immetti dimensioni personalizzate per visualizzare in anteprima il contenuto.
Altre opzioni
Dal menu Altro … nella parte superiore della finestra di progettazione e-mail, puoi eseguire le azioni seguenti:
{width="500"}
- Ripristina modello - Fare clic su questa opzione per cancellare l'area di lavoro della finestra di progettazione visiva in un'area vuota e riavviare la creazione del contenuto.
- Salva come frammento - Consente di salvare tutte o alcune parti del modello come frammento da riutilizzare in più e-mail o modelli di e-mail. Fornisci un nome e una descrizione per il frammento, quindi salvalo nell’elenco dei frammenti disponibili.
- Modifica la progettazione - Torna alla pagina Progetta modello. A questo punto è possibile scegliere di progettare il modello da zero o di utilizzare un modello esistente per riavviare il processo di progettazione.
- Esporta HTML - Scarica il contenuto nell'area di lavoro visiva nel sistema locale in formato HTML compresso come file zip.