23.3 Configurare un percorso basato su trigger - Conferma ordine

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

Journey Optimizer

Verrai reindirizzato alla visualizzazione Home in Journey Optimizer.

Journey Optimizer

Prima di continuare, devi selezionare una sandbox. La sandbox da selezionare si chiama --aepSandboxId--. Per farlo, fai clic sul testo Prod produzione nella riga blu in alto sullo schermo.

Journey Optimizer

23.3.1 Crea il tuo messaggio di conferma dell'ordine

Nel menu , 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 - Order Confirmation Email e sostituisci ldap dal tuo ldap, seleziona il CJM Alpha Preset e abilita il canale Email.

Journey Optimizer

Fai clic su Crea per creare il messaggio e-mail di conferma dell'ordine.

La schermata successiva è il dashboard dei messaggi. Sul lato destro sono presenti le proprietà E-mail, accertati 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 Grazie per l'ordine,

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 il campo Persona > Nome completo > Nome e fai clic sull'icona + per aggiungere il token di personalizzazione alla riga dell'oggetto. 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, 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).

Trascina 8 volte una 1:1 column sull'area di lavoro, che dovrebbe fornirti i seguenti dati:

Journey Optimizer

Vai a Componenti contenuto.

Journey Optimizer

Trascina un componente HTML sulla prima riga. Fai clic sul componente HTML, quindi fai clic su Mostra il codice sorgente.

Journey Optimizer

Incolla qui questo codice: <img src="{%= profile._experienceplatform.demoEnvironment.brandLogo %}" width="100px%">. Fai clic su Salva.

Journey Optimizer

Ora sei di nuovo qui:

Journey Optimizer

Vai a Componenti contenuto e trascina e rilascia un componente Immagine nella seconda riga. Seleziona il componente Immagine ma NON fai clic su Sfoglia.

Journey Optimizer

Incolla l'immagine nel campo Origine: https://parsefiles.back4app.com/hgJBdVOS2eff03JCn6qXXOxT5jJFzialLAHJixD9/29043bedcde632a9cbe8a02a164189c9_preparing.png. Questa immagine è ospitata all'esterno di Adobe.

Journey Optimizer

Quando cambi l’ambito in un altro campo, l’immagine viene riprodotta e vedrai quanto segue:

Journey Optimizer

Quindi, vai a Componenti contenuto e trascina e rilascia un componente Testo sulla terza riga.

Journey Optimizer

Selezionare il testo predefinito nel componente Digitare qui il testo desiderato. e sostituirlo con il testo seguente:

You’re one step closer!

Hi 

We've received your order details!

We will also send you a separate email containing your VAT Invoice.

We'll be back in touch with you as soon as we've finished packing your package. Please read carefully the Order Information detailed below.

Journey Optimizer

Posiziona il cursore accanto al testo Hi e fai clic su Aggiungi personalizzazione.

Journey Optimizer

Passa al campo Persona > Nome completo > Nome e fai clic sull’icona + per aggiungere il token di personalizzazione alla riga dell’oggetto. Fai clic su Salva.

Journey Optimizer

Vedrai questo:

Journey Optimizer

Quindi, vai a Componenti contenuto e trascina e rilascia un componente Testo sulla quarta riga.

Journey Optimizer

Selezionare il testo predefinito nel componente Digitare qui il testo desiderato. e sostituirlo con il testo seguente:

Order Information

Modifica le dimensioni del font in 26px e centra il testo in questa cella. A quel punto avrai questo:

Journey Optimizer

Quindi, vai a Componenti contenuto e trascina e rilascia un componente HTML nella quinta riga. Fai clic sul componente HTML, quindi fai clic su Mostra il codice sorgente.

Journey Optimizer

Nella finestra a comparsa Modifica HTML, incolla questo HTML:

<table><tbody><tr><td><b>Items purchased</b></td><td></td><td><b>Quantity</b></td><td><b>Subtotal</b></td></tr><tr><td colspan="4" width="500"><hr></td></tr></tbody></table>

Fai clic su Salva.

Journey Optimizer

Poi avrai questo. Fai clic su Salva per salvare l'avanzamento.

Journey Optimizer

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

Journey Optimizer

Vedrai questo:

Journey Optimizer

Fai clic due volte su Pubblica per pubblicare il messaggio e utilizzarlo in un percorso.

Journey Optimizer

Nei passaggi successivi alla creazione del Messaggio e-mail di conferma dell’ordine, dovrai utilizzare i dati dell’evento contestuale. Questi dati dell'evento contestuale vengono forniti dall'interno del Percorso. Quindi, prima di poter aggiungere tale contesto, è necessario impostare un Evento per attivare il percorso e generare il Percorso. Al termine dell'operazione, tornerai a Progettazione messaggi per aggiornare il messaggio.

23.3.2 Creare un evento

Nel menu, vai a Configurazioni e fai clic su Gestisci in Eventi.

Journey Optimizer

Nella schermata Eventi viene visualizzata una visualizzazione simile a questa. Fare clic su Crea evento.

Journey Optimizer

Verrà quindi visualizzata una configurazione di evento vuota.

Journey Optimizer

Prima di tutto, dai al tuo Evento un Nome come questo: ldapPurchaseEvent e sostituisci ldap con il tuo ldap.

Journey Optimizer

Quindi, aggiungi una descrizione come questa Purchase Event.

Journey Optimizer

Successivamente viene visualizzata la selezione Tipo evento. Selezionare Unitario.

Journey Optimizer

Successivamente è disponibile la selezione Tipo ID evento . Seleziona Sistema generato

Journey Optimizer

Segue la selezione dello schema. È stato preparato uno schema per questo esercizio. Utilizza lo schema Demo System - Event Schema for Website (Global v1.1) v.1.

Journey Optimizer

Dopo aver selezionato lo schema, vedrai diversi campi selezionati nella sezione Payload . Fai clic sull'icona Modifica/Matita per aggiungere altri campi a questo evento.

Journey Optimizer

Vedrete questa finestra a comparsa. È ora necessario selezionare caselle di controllo aggiuntive per accedere ai dati aggiuntivi quando questo evento viene attivato.

Journey Optimizer

Prima di tutto, seleziona la casella di controllo sulla riga --aepTenantId--.

Journey Optimizer

Quindi, scorri verso il basso e spunta la casella di controllo sulla riga productListItems.

Journey Optimizer

Quindi, scorri verso il basso e spunta la casella di controllo sulla riga commerce.

Journey Optimizer

Quindi, fai clic su Ok.

Vedrai che all’evento sono stati aggiunti altri campi. Fai clic su Salva.

Journey Optimizer

Il nuovo evento viene quindi condiviso e l’evento verrà visualizzato nell’elenco degli eventi disponibili.

Fai nuovamente clic sull'evento per aprire la schermata Modifica evento.
Passa di nuovo il puntatore del mouse sul campo Payload per visualizzare nuovamente le 3 icone. Fai clic sull'icona Visualizza payload .

Journey Optimizer

Viene ora visualizzato un esempio del payload previsto. L’evento dispone di un ID evento di orchestrazione univoco, che è possibile trovare scorrendo in quel payload fino a visualizzare _experience.campaign.orchestration.eventID.

Journey Optimizer

L’ID evento è ciò che deve essere inviato a Adobe Journey Optimizer per attivare il percorso da generare nel passaggio successivo. Annota questo eventID, in quanto ne avrai bisogno in uno dei passaggi successivi.
"eventID": "d168c11ce1b5bb96fc793421fbcc3ec54b3116fa13242b05d9a54b1251ecb94e"

Fare clic su Ok, seguito da Annulla.

L’evento è ora configurato e pronto per essere utilizzato.

23.3.3 Crea il tuo percorso

Nel menu, vai a Percorsi e fai clic su Crea Percorso.

Journey Optimizer

Vedrete questo.

Journey Optimizer

Dai un nome al tuo percorso. Usa ldap - Order Confirmation percorsi e sostituisci ldap dal tuo ldap. Fai clic su OK.

Journey Optimizer

Innanzitutto, devi aggiungere l’evento come punto di partenza del percorso. Cerca l'evento ldapPurchaseEvent e trascinalo sull'area di lavoro. Fai clic su OK.

Journey Optimizer

Quindi, in Azioni, cerca l'azione Messaggio.

Journey Optimizer

Trascina e rilascia l’azione Messaggio sull’area di lavoro e fai clic sull’icona modifica per selezionare il messaggio.

Journey Optimizer

Seleziona il messaggio creato nel passaggio precedente, ldap - Order Confirmation Email. Fare clic su Seleziona.

Journey Optimizer

Poi avete questo. Fare clic su Ok.

Journey Optimizer

Cerca il tipo di orchestrazione Fine e trascinalo nell'area di lavoro. Fai clic su OK.

Journey Optimizer

Fai clic su Pubblica per pubblicare il percorso.

Journey Optimizer

Fai di nuovo clic su Pubblica .

Journey Optimizer

Torna alla panoramica dei Percorsi.

Journey Optimizer

Il percorso è ora pubblicato. Prima di poter utilizzare il percorso, è comunque necessario completare la configurazione del messaggio e-mail di conferma dell’ordine. A questo scopo, devi fornire il contesto di questo percorso al messaggio.

23.3.4 Utilizzare il contesto del percorso nel messaggio e-mail

Dalla panoramica dei Percorsi, apri nuovamente il percorso di conferma ordine - ldap .

Journey Optimizer

Seleziona nuovamente l'azione Messaggio. Passa il puntatore del mouse sul campo Messaggio per visualizzare questa opzione. Fare clic su Apri il messaggio.

Journey Optimizer

Verrà quindi reindirizzato qui. Fare clic su Modifica.

Journey Optimizer

Fare clic su Conferma.

Journey Optimizer

Fare clic su E-mail Designer.

Journey Optimizer

A questo punto potrai tornare a E-mail Designer.

Journey Optimizer

Vai a Componenti contenuto e trascina e rilascia un componente HTML nella sesta riga. Fai clic sul componente HTML, quindi fai clic su Mostra il codice sorgente.

Journey Optimizer

Nella finestra a comparsa Modifica HTML, incolla questo HTML:

{{#each xxx as |item|}}<table width="500"><tbody><tr><td><img src="{{item.--aepTenantId--.core.imageURL}}" width="100"></td><td><table><tbody><tr><td><b>{{item.name}}</b><br>{{item.--aepTenantId--.core.subCategory}}<br><b>{{item.priceTotal}}</b><br>&nbsp;<br>Article no: {{item.SKU}}</td></tr></tbody></table></td><td>{{item.quantity}}</td><td><b>{{item.priceTotal}}</b></td></tr></tbody></table>{{/each}}

A quel punto avrai questo:

Journey Optimizer

È ora necessario sostituire xxx con un riferimento all'oggetto productListItems che fa parte dell'evento che attiva il percorso.

Journey Optimizer

Per prima cosa, elimina xxx nel codice HTML.

Journey Optimizer

Apri il menu a discesa che riporta Profilo. In tale elenco a discesa, seleziona Contesto. Questo contesto viene trasmesso al messaggio dal percorso.

Journey Optimizer

Vedrete questo. Fai clic sulla freccia accanto a Journey Orchestration per approfondire la ricerca.

Journey Optimizer

Fai clic sulla freccia accanto a Eventi per approfondire la ricerca.

Journey Optimizer

Fai clic sulla freccia accanto a ldapPurchaseEvent per approfondire la ricerca.

Journey Optimizer

Fai clic sull'icona + accanto a productListItems per aggiungerla al codice HTML.

Journey Optimizer

Poi avrai questo. È ora necessario rimuovere i ticks intorno all'ID evento.

Journey Optimizer

Poi avrai questo. Fai clic su Salva.

Journey Optimizer

Ora tornerai a utilizzare E-mail Designer. Fai clic su Salva per salvare l'avanzamento.

Journey Optimizer

Quindi, vai a Componenti contenuto e trascina e rilascia un componente HTML sulla settima riga. Fai clic sul componente HTML, quindi fai clic su Mostra il codice sorgente.

Journey Optimizer

Nella finestra a comparsa Modifica HTML, incolla questo HTML:

<table><tbody><tr><td><b>Subtotal</b><br>Delivery charge (included)</td><td align="right"><b>xxx</b><br><b>5</b></td></tr><tr><td colspan="2" width="500"><hr></td></tr><tr><td><b>Total including VAT</b></td><td align="right"><b>xxx</b></td></tr></tbody></table>

Questo codice HTML contiene 2 riferimenti di xxx. È ora necessario sostituire ogni xxx con un riferimento all'oggetto productListItems che fa parte dell'evento che attiva il percorso.

Journey Optimizer

Innanzitutto, elimina xxx nel codice HTML alla riga 10.

Journey Optimizer

Passa a Contesto.

Journey Optimizer

Fai clic sulla freccia accanto a Journey Orchestration per approfondire la ricerca.

Journey Optimizer

Approfondisci l'oggetto ldapPurchaseEvent. Fai clic sulla freccia accanto a Commerce per approfondire la ricerca.

Journey Optimizer

Fai clic sulla freccia accanto a Ordine per approfondire la ricerca.

Journey Optimizer

Fai clic sull'icona + accanto a Prezzo totale per aggiungerlo all'area di lavoro.

Journey Optimizer

Elimina xxx nel codice HTML alla riga 23.

Journey Optimizer

Fai nuovamente clic sull'icona + accanto a Prezzo totale per aggiungerlo all'area di lavoro.

Journey Optimizer

È inoltre possibile aggiungere il campo Valuta dall'interno dell'oggetto Ordine sull'area di lavoro, come illustrato di seguito:

Journey Optimizer

Al termine, fai clic su Salva per salvare le modifiche.

A questo punto potrai tornare a E-mail Designer. Fare nuovamente clic su Salva.

Journey Optimizer

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

Journey Optimizer

Vedrai questo:

Journey Optimizer

Fai clic due volte su Pubblica per pubblicare il messaggio e utilizzarlo in un percorso.

Journey Optimizer

Dopo aver apportato una modifica al messaggio e-mail, devi ripubblicare il percorso in modo che raccolga i nuovi campi e le nuove modifiche.

Per farlo, vai su Percorsi. Fai clic su per aprire il percorso ldap - Order Confirmation percorso.

Journey Optimizer

Fai clic per aprire il menu a discesa accanto a Duplica e seleziona Crea una nuova versione.

Journey Optimizer

Fare nuovamente clic su Crea una nuova versione.

Journey Optimizer

Avrai quindi una nuova versione del tuo percorso. Fai clic due volte su Pubblica.

Journey Optimizer

Il percorso è ora pubblicato e può essere attivato. Prima di attivarla, tuttavia, è necessario aggiornare l’elemento dati nella proprietà client di raccolta dati di Adobe Experience Platform.

23.3.5 Aggiornare la proprietà client di raccolta dati di Adobe Experience Platform

Vai a https://experience.adobe.com/#/data-collection/. Nel menu a sinistra, assicurati di essere in Client. Cerca le proprietà Client e apri la proprietà per Web.

Journey Optimizer

Vai a Elementi dati. Cerca e apri l'elemento dati rulePurchaseConfirmation.

Journey Optimizer

Vedrete questo. Passa al campo _experience.campaign.orchestration.eventID e compila il tuo eventID qui. L'ID evento da compilare qui è l'ID evento creato come parte dell'esercizio 23.3.2.

Journey Optimizer

Salva le modifiche nella proprietà Client e pubblica le modifiche aggiornando la libreria di sviluppo.

Journey Optimizer

Le modifiche sono ora implementate e possono essere testate.

23.3.6 Verifica l'e-mail di conferma dell'ordine utilizzando il sito web demo

Mettiamo alla prova il percorso aggiornato acquistando un prodotto sul sito web demo.

Apri una nuova finestra del browser in incognito e vai a https://public.aepdemo.net.

Vedrete questo.

Configurazione di Launch

Immetti l'ID di configurazione e fai clic su Carica configurazione. La configurazione viene quindi caricata.

Configurazione di Launch

Scorri verso il basso e fai clic su Salva configurazione.

Configurazione di Launch

Verrai quindi reindirizzato alla home page dell’amministratore. Vai a Seleziona LDAP. Seleziona il tuo LDAP e fai clic su Salva.

Configurazione di Launch

Verrai quindi reindirizzato alla home page dell’amministratore. Vai a Seleziona marchio e seleziona il marchio Luma, fai clic su Salva.

Configurazione di Launch

Verrai quindi reindirizzato alla home page dell’amministratore. Fai clic sul logo Luma.

Configurazione di Launch

Vedrete la home page di Luma.

Configurazione di Launch

Vai a Login/Register. Compila il modulo e fai clic su Crea account. Non dimenticare di selezionare la casella di controllo per Test Profile.

Journey Optimizer

Entro pochi secondi riceverai il nuovo messaggio e-mail di creazione account gestito da Journey Optimizer nella tua casella in entrata, come configurato nell’esercizio precedente.

Journey Optimizer

Torna alla home page del sito web demo e fai clic su qualsiasi prodotto.

Journey Optimizer

Viene visualizzata la pagina dei dettagli del prodotto. Fai clic su Aggiungi al carrello.

Journey Optimizer

Vai al tuo carrello.

Journey Optimizer

Seleziona il tuo tipo di pagamento e preferenza di consegna, quindi fai clic su Acquisto.

Journey Optimizer

Riceverai quindi l'e-mail di conferma dell'ordine entro pochi secondi.

Journey Optimizer

Ha finito questo esercizio.

Passaggio successivo: 23.4 Configurare un percorso di newsletter basato su batch

Torna al modulo 23

Torna a tutti i moduli

In questa pagina