6.2 Creare il messaggio e-mail

In questo esercizio, configurerai il percorso da attivare quando qualcuno crea un account sul sito web demo.

Accedi a Adobe Journey Optimizer andando su Adobe Experience Cloud. Fare clic su Journey Optimizer.

ACOP

Verrai reindirizzato alla visualizzazione Home in Journey Optimizer.

ACOP

In primo luogo, assicurati di utilizzare la sandbox corretta. La sandbox da utilizzare si chiama --aepSandboxId--. Per passare da una sandbox all’altra, fai clic su PROVA DI PRODUZIONE (VA7) e seleziona la sandbox dall’elenco. In questo esempio, la sandbox si chiama AEP Enablement FY21.

ACOP

Ti troverai quindi nella visualizzazione Home della sandbox --aepSandboxId--.

ACOP

Nel menu a sinistra, fai clic su Messaggi.

Nella schermata Messaggi viene visualizzata una visualizzazione simile a questa. Fai clic su Crea messaggio.

Journey Optimizer

Assegna al messaggio un titolo seguendo questa convenzione di denominazione ldap - Registration Email e sostituisci ldap dal tuo ldap, seleziona il CJM Alpha Preset e abilita il canale Email.

Journey Optimizer

Fai clic sul pulsante Crea per creare il messaggio e-mail di registrazione.

La schermata successiva è il dashboard dei messaggi. Da lì potrai vedere la miniatura dell’e-mail quando verrà fornito il contenuto.

Journey Optimizer

Sul lato destro sono riportate le proprietà E-mail:

  • Da e-mail: l’indirizzo e-mail dal quale il destinatario riceverà il messaggio e-mail. Questo valore è specificato dal preset indicato nel passaggio precedente ed è di sola lettura.
  • Nome: il nome del mittente da cui il destinatario riceverà il messaggio e-mail. Questo valore è specificato dal preset indicato nel passaggio precedente ed è di sola lettura.
  • Oggetto: l’oggetto obbligatorio del messaggio che verrà modificato nel passaggio successivo.
  • Corpo: un pulsante ti porta a E-mail Designer per creare e modificare il contenuto dell’e-mail.
  • Funzioni opzionali: queste due caselle consentono di disabilitare il tracciamento delle aperture delle e-mail e dei clic delle e-mail e, pertanto, impediscono al messaggio di misurare metriche come tasso di apertura, tasso di click-through,…

In primo luogo, assicurati che le 2 caselle di controllo in Funzioni facoltative siano selezionate. In caso contrario, assicurarsi che siano entrambi attivati.

Journey Optimizer

Fare clic sul campo di testo Riga oggetto.

Journey Optimizer

Nell'area di testo inizia a scrivere Hi

Journey Optimizer

L'oggetto non è ancora stato completato. Quindi devi inserire il token di personalizzazione per il campo Nome memorizzato in profile.person.name.firstName. Nel menu a sinistra, scorri verso il basso per trovare l'elemento Persona e fai clic sulla freccia per andare un livello più profondo.

Journey Optimizer

Ora trova l'elemento Nome completo e fai clic sulla freccia per andare un livello più profondo.

Journey Optimizer

Infine, trova il campo Nome e fai clic sul segno + accanto ad esso. Il token di personalizzazione verrà visualizzato nel campo di testo.

Journey Optimizer

Quindi, aggiungi il testo , grazie per esserti registrato!. Fai clic su Salva.

Journey Optimizer

Allora tornerai qui. Fai clic su E-mail Designer per creare il contenuto dell’e-mail.

Journey Optimizer

Nella schermata successiva verranno visualizzati 3 metodi diversi per fornire il contenuto dell’e-mail:

  • Progettazione da zero: Inizia con un’area di lavoro vuota e utilizza l’editor WYSIWYG per trascinare e rilasciare componenti di struttura e contenuto per creare visivamente il contenuto dell’e-mail.
  • Crea un codice tuo: Crea il tuo modello e-mail codificandolo tramite HTML
  • Importa HTML: Importa un modello HTML esistente, che potrai modificare.

Fai clic su Progettazione da zero.

Journey Optimizer

Nel menu a sinistra trovi i componenti struttura che puoi utilizzare per definire la struttura dell’e-mail (righe e colonne).

Journey Optimizer

Trascina un 1:2 column Left dal menu nell'area di lavoro. Segnaposto per l’immagine del logo.

Journey Optimizer

Trascina un elemento 1:1 column sotto il componente precedente. Questo sarà il blocco banner.

Journey Optimizer

Trascina una colonna 1:2 Sinistra sotto il componente precedente. Sarà il contenuto effettivo con un’immagine sul lato sinistro e del testo sul lato destro.

Journey Optimizer

Quindi, trascina e rilascia una 1:1 column sotto il componente precedente. Questo sarà il piè di pagina dell’e-mail. A questo punto la tela deve avere questo aspetto:

Journey Optimizer

Quindi, utilizziamo Componenti contenuto per aggiungere contenuto all’interno di questi blocchi. Fai clic sulla voce di menu Componenti contenuto

Journey Optimizer

Trascina e rilascia un componente HTML nella prima cella della prima riga.

Journey Optimizer

Fai clic sul componente HTML, quindi fai clic su Mostra il codice sorgente.

Journey Optimizer

Vedrai questo:

Journey Optimizer

Incolla qui questo codice: <img src="{%= %}" width="100px%">.

Journey Optimizer

Quindi mettere il cursore, come indicato nella schermata:

Journey Optimizer

Quindi, passa al campo --aepTenantId--.demoEnvironment.brandLogo. Fai clic sull’icona + per inserire il token di personalizzazione. Quindi, fai clic su Salva.

Journey Optimizer

Ora hai configurato questo componente HTML per acquisire dinamicamente l’URL dell’immagine da un campo all’interno del Profilo cliente in tempo reale di Adobe Experience Platform.

Ora sei di nuovo qui:

Journey Optimizer

Vai a Componenti contenuto e trascina e rilascia un componente Immagine nella prima cella della prima riga.

Journey Optimizer

Fai clic su Sfoglia.

Journey Optimizer

Nella finestra a comparsa Risorse, fai doppio clic sulla cartella module-23 . In questa cartella trovi tutte le risorse precedentemente preparate e caricate dal team creativo.

Journey Optimizer

Seleziona module23-thankyou-new.png e fai clic su Seleziona.

Journey Optimizer

A quel punto avrai questo:

Journey Optimizer

Seleziona l’immagine e scorri verso il basso nel menu di destra fino a visualizzare il componente cursore di larghezza Dimensioni .

Journey Optimizer

Usa il cursore per cambiare la larghezza in f.i. 60%.

Journey Optimizer

Quindi, vai a Componenti contenuto e trascina e rilascia un componente Testo nel componente struttura alla quarta riga.

Journey Optimizer

Selezionare il testo predefinito Digitare il testo qui. come per qualsiasi editor di testo. Scrivi invece Gentile. La barra degli strumenti Testo viene visualizzata in modalità testo.

Journey Optimizer

Nella barra degli strumenti fai clic sull'icona Aggiungi personalizzazione .

Journey Optimizer

Successivamente, devi portare il token di personalizzazione Nome memorizzato in profile.person.name.firstName. Nel menu, trova l'elemento Persona, espandi verso il basso fino all'elemento Nome completo, quindi fai clic sull'icona + per aggiungere il campo Nome all'editor di espressioni.

Fai clic su Salva.

Journey Optimizer

Ora noterai come il campo di personalizzazione è stato aggiunto al testo.

Journey Optimizer

Nello stesso campo di testo, premi due volte Invio per aggiungere due righe e scrivi Grazie per esserti registrato per.

Journey Optimizer

Fai di nuovo clic su Aggiungi personalizzazione .

Journey Optimizer

Quindi, devi inserire il token di personalizzazione Nome marchio memorizzato in --aepTenantId--.demoEnvironment.brandName. Nell’elenco a sinistra, individua l’elemento --aepTenantId-- e fai clic sulla freccia per approfondire il livello.

Journey Optimizer

Quindi, trova l'elemento demoEnvironment e fai clic sulla freccia per andare un livello più profondo.

Journey Optimizer

Infine, trova il campo brandName e fai clic sul segno + accanto ad esso. Il token di personalizzazione verrà visualizzato nel campo di testo. Fai clic su Salva.

Journey Optimizer

Ora noterai come il campo di personalizzazione è stato aggiunto al testo.

Journey Optimizer

Nel menu a sinistra, torna a Componenti struttura.

Trascina un elemento 1:1 column sotto il componente precedente. Questo sarà il blocco banner.

Journey Optimizer

Quindi, vai a Componenti contenuto e trascina e rilascia un componente Testo nella quinta riga.

Journey Optimizer

Sostituire il testo predefinito con Non più interessato? Annulla l'iscrizione immediatamente.

Journey Optimizer

Ora seleziona la parola Annulla sottoscrizione e fai clic sull'icona Inserisci collegamento nella barra degli strumenti.

Journey Optimizer

Nel menu a discesa Tipo di collegamento , seleziona Annulla abbonamento link e inserisci il seguente url all’interno del campo di testo URL della pagina di annullamento dell’abbonamento https://public.aepdemo.net/unsubscribe.html. Fai clic su Salva.

Journey Optimizer

L’e-mail di conferma della registrazione ora include del contenuto. Ai fini del recapito messaggi (best practice relative all’invio di e-mail per assicurarsi che vengano recapitati nella cassetta postale del destinatario invece che nella cartella Spam), è importante anche che questa e-mail disponga di una versione di testo.

Fai clic sul pulsante Testo normale nella parte superiore di E-mail Designer per vedere in che modo Journey Optimizer ha sincronizzato automaticamente l’HTML con la versione di testo, in modo da non dover scrivere il testo un’altra volta.

Journey Optimizer

Il controllo finale da eseguire per verificare che l'e-mail sia pronta per l'anteprima è fare clic sul pulsante Preview .

Journey Optimizer

Per iniziare, identifica il profilo da utilizzare per l’anteprima. Seleziona lo spazio dei nomi email facendo clic sull'icona accanto al campo Enter identity namespace (Inserisci namespace identità).

Journey Optimizer

Nell’elenco dei namespace di identità, selezionare lo spazio dei nomi E-mail. Fare clic su Seleziona.

Journey Optimizer

Nel campo Valore identità , immetti l’indirizzo e-mail di un profilo demo precedente già memorizzato nel Profilo cliente in tempo reale. Ad esempio woutervangeluwe+31052021-10@gmail.com e fai clic sul pulsante Trova profilo di test

Journey Optimizer

Una volta che il profilo viene visualizzato nella tabella, fai clic sulla scheda Anteprima per accedere alla schermata di anteprima.

Quando l’anteprima è pronta, verifica che la personalizzazione sia corretta nella riga dell’oggetto, che il testo del corpo e il collegamento di annullamento all’abbonamento siano evidenziati come collegamento ipertestuale.

Fai clic su Chiudi per chiudere l'anteprima.

Journey Optimizer

Fai clic su Salva per salvare il messaggio.

Journey Optimizer

Torna al dashboard dei messaggi facendo clic sulla freccia a1/> accanto all’oggetto nell’angolo in alto a sinistra.

Journey Optimizer

Hai completato la bozza della tua e-mail di registrazione. Fai clic su Pubblica per pubblicare il messaggio e utilizzarlo in un percorso.

Journey Optimizer

Fai di nuovo clic su Pubblica .

Journey Optimizer

Attendi che venga visualizzato un messaggio di conferma verde nella parte inferiore dello schermo che indica che il messaggio è stato pubblicato.

Journey Optimizer

Ha finito questo esercizio.

Passaggio successivo: 6.3 Journey Optimizer: Percorso di installazione

Torna al modulo 6

Torna a tutti i moduli

In questa pagina