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

  1. 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.

    Trascina una struttura nell'area di lavoro e regola le impostazioni {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.

  2. Espandi la sezione Contents e aggiungi tutti gli elementi necessari in uno o più componenti della struttura.

    Trascina un elemento di contenuto nell'area di lavoro e regola le impostazioni {width="800" modal="regular"}

  3. 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.

  4. 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.

  1. Per aprire l'elenco dei frammenti, seleziona l'icona Frammenti ( 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.

    Selezionare un frammento dall'elenco {width="700" modal="regular"}

  2. 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.

TIP
Se desideri che il frammento occupi l’intero layout orizzontale all’interno dell’e-mail, aggiungi una struttura di colonne 1:1, quindi trascina e rilascia il frammento al suo interno.

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 ( Mostra Assets ) visualizzata a sinistra.

NOTE
Se disponi di un abbonamento per Experience Manager Assets as a Cloud Service insieme a Adobe Marketo Engage Design Studio predefinito, scegli l'origine immagine al momento della creazione per un messaggio e-mail, un modello e-mail o un frammento visivo. È inoltre possibile selezionare l'origine dell'immagine prima di aprire il designer visivo per la modifica.

L’esempio seguente illustra i passaggi necessari per aggiungere risorse al contenuto del modello:

  1. 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.

  2. Aggiungi una nuova risorsa trascinando la risorsa immagine in un componente struttura.

    Trascina una risorsa di Marketo Engage nell'area di lavoro e regola le impostazioni {width="800" modal="regular"}

    Per ulteriori informazioni sull'utilizzo delle risorse del tipo di origine, vedere Aggiungere risorse al contenuto.

  3. Sostituisci una risorsa immagine esistente selezionandola nell'area di lavoro e fai clic su Seleziona una risorsa negli strumenti di origine delle immagini.

    Seleziona una risorsa dalla libreria di origine {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.

Accedere ai livelli di contenuto {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.

  1. Selezionare la colonna nel componente struttura direttamente nell'area di lavoro o utilizzando la struttura di spostamento visualizzata a sinistra.

  2. 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.

    Componenti colonna visualizzati nella finestra di progettazione visiva {width="800" modal="regular"}

  3. 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.

    Modifica gli stili per la colonna selezionata {width="700" modal="regular"}

  4. Se necessario, ripeti questi passaggi per regolare l’allineamento e la spaziatura per le altre colonne del componente.

  5. 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.

  1. Seleziona il componente testo e fai clic sull'icona Aggiungi personalizzazione nella barra degli strumenti.

    Fare clic sull'icona Personalizza {width="600"}

    Questa azione apre la finestra di dialogo Modifica Personalization.

  2. Fare clic su + o per aggiungere un token allo spazio vuoto.

    Creare testo personalizzato utilizzando token {width="700" modal="regular"}

  3. Fai clic su Salva.

Modifica tracciamento URL collegato

  1. Fai clic sull'icona Collegamenti a sinistra per visualizzare tutti gli URL del contenuto da tracciare.

  2. Se necessario, fare clic sull'icona Modifica (matita) e modificare Tipo di tracciamento o Etichetta.

    Puoi anche aggiungere Tag per un collegamento.

Fai clic su Altro per accedere alle azioni del modello {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:

Fai clic su Altro per accedere alle azioni del modello {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.
recommendation-more-help
6ef00091-a233-4243-8773-0da8461f7ef0