3.4.1 Configuración de un recorrido basado en déclencheur: confirmación de pedido
Inicie sesión en Adobe Journey Optimizer en Adobe Experience Cloud. Haga clic en Journey Optimizer.
Se le redirigirá a la vista Inicio en Journey Optimizer. Primero, asegúrese de que está usando la zona protegida correcta. La zona protegida que se va a usar se llama --aepSandboxName--. Estará en la vista Inicio de su zona protegida --aepSandboxName--.
3.4.1.1 Crear su evento
En el menú, ve a Configuraciones y haz clic en Administrar en Eventos.
En la pantalla Eventos, verá una vista similar a esta. Haga clic en Crear evento.
A continuación, verá una configuración de evento vacía.
En primer lugar, asigne al evento un nombre como este: --aepUserLdap--PurchaseEvent y agregue una descripción como esta: Purchase Event.
Para Type, seleccione Unitary.
Para Tipo de ID de evento, seleccione Sistema generado.
A continuación se muestra la selección del esquema. Se ha preparado un esquema para este ejercicio. Use el esquema Demo System - Event Schema for Website (Global v1.1) v.1.
Después de seleccionar el esquema, verá una serie de campos seleccionados en la sección Carga útil. Haga clic en el icono Editar/Lápiz para agregar campos adicionales a este evento.
Entonces verá esta ventana emergente. Ahora debe marcar casillas de verificación adicionales para acceder a datos adicionales cuando se active este evento.
En primer lugar, marque la casilla en la línea --aepTenantId--.
A continuación, desplácese hacia abajo y marque la casilla de verificación en la línea commerce.
A continuación, desplácese hacia abajo y marque la casilla de verificación en la línea productListItems. Haga clic en Ok.
Luego verá que se han agregado campos adicionales al evento. Haga clic en Guardar.
El nuevo evento se guarda y ahora verá el evento en la lista de eventos disponibles.
Vuelve a hacer clic en el evento para abrir de nuevo la pantalla Editar evento.
Pase el ratón sobre el campo Carga útil de nuevo para ver los 3 iconos. Haz clic en el icono Ver carga.
Ahora verá un ejemplo de la carga útil esperada. El evento tiene un identificador de evento de orquestación único, que puede encontrar desplazándose hacia abajo en esa carga hasta que vea _experience.campaign.orchestration.eventID.
El ID de evento es lo que debe enviarse a Adobe Journey Optimizer para almacenar en déclencheur el recorrido que va a generar en el siguiente paso. Anote este eventID, ya que lo necesitará en uno de los pasos siguientes."eventID": "618da2a203c3392e43a538d40ff5deef0bd1e7c64f6b6bfe131d4a38a67193ae"
Haga clic en Aceptar, seguido de Cancelar.
El evento está ahora configurado y listo para utilizarse.
3.4.1.2 Crear su recorrido
En el menú, ve a Recorridos y haz clic en Crear Recorrido.
Entonces verá esto… Dé un nombre a su recorrido. Usar --aepUserLdap-- - Order Confirmation journey. Haga clic en Guardar.
En primer lugar, debe agregar el evento como punto de partida del recorrido. Busque el evento --aepUserLdap--PurchaseEvent, arrástrelo y suéltelo en el lienzo. Haga clic en Guardar.
A continuación, en Acciones, busque la acción Correo electrónico y agréguela al lienzo.
Defina Category en Marketing y seleccione una superficie de correo electrónico que le permita enviar correo electrónico. En este caso, la superficie de correo electrónico que se va a seleccionar es Correo electrónico. El siguiente paso es crear el mensaje. Para ello, haga clic en Editar contenido.
Ahora puede ver esto. Haga clic en el campo de texto Línea de asunto.
En el área de texto, empiece a escribir Thanks for your order, y haga clic en el icono Personalization.
La línea de asunto aún no ha finalizado. A continuación, debe traer el token de personalización para el campo Nombre que se almacena en profile.person.name.firstName. En el menú de la izquierda, desplácese hacia abajo para encontrar el campo Persona > Nombre completo > Nombre y haga clic en el icono + para agregar el token de personalización a la línea de asunto. Haga clic en Guardar.
Entonces volverás a estar aquí. Haga clic en Editar cuerpo del correo electrónico para crear el contenido del correo electrónico.
En la siguiente pantalla, haz clic en Diseñar desde cero.
En el menú de la izquierda, encontrará los componentes de estructura que puede utilizar para definir la estructura del correo electrónico (filas y columnas).
Arrastrar y soltar 8 veces una columna 1:1 en el lienzo, lo que debería proporcionarle lo siguiente:
En el menú de la izquierda, ve a Fragmentos. Arrastre el encabezado que creó anteriormente en el ejercicio 3.1.2.1 al primer componente del lienzo. Arrastre el pie de página que creó anteriormente en el ejercicio 3.1.2.2 al último componente del lienzo.
Haga clic en el icono + en el menú de la izquierda. Vaya a Contenido para empezar a agregar contenido al lienzo.
Vaya a Contenido y arrastre y suelte un componente Imagen en la segunda fila. Haga clic en Examinar.
Abra la carpeta citi-signal-images, haga clic para seleccionar la imagen citisignal-preparation.png y haga clic en Seleccionar.
En Estilos, cambie el ancho a 40%.
A continuación, vaya a Contenido y arrastre y suelte un componente Texto en la tercera fila.
Seleccione el texto predeterminado en ese componente Escriba el texto aquí. y reemplácelo por el siguiente texto:
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.
Coloque el cursor junto al texto Hi y haga clic en Agregar Personalization.
Vaya al campo Persona > Nombre completo > Nombre y haga clic en el icono + para agregar el token de personalización a la línea de asunto. Haga clic en Guardar.
A continuación, verá esto:
A continuación, vaya a Contenido y arrastre y suelte un componente Texto en la cuarta fila.
Seleccione el texto predeterminado en ese componente Escriba el texto aquí. y reemplácelo por el siguiente texto:
Order Information
Cambie el tamaño de la fuente a 26px y centre el texto en esta celda. A continuación, tendrá esto:
A continuación, ve a Contenido y arrastra y suelta un componente HTML en la quinta fila. Haga clic en el componente HTML y, a continuación, en Mostrar el código fuente.
En la ventana emergente Editar HTML, pegue esta 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>
Haga clic en Guardar.
Entonces, tendrás esto. Haga clic en Guardar para guardar el progreso.
Vaya a Contenido y arrastre y suelte un componente HTML en la sexta fila. Haga clic en el componente HTML y, a continuación, en Mostrar el código fuente.
En la ventana emergente Editar HTML, pegue esta 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> <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 continuación, tendrá esto:
Ahora tiene que reemplazar xxx por una referencia al objeto productListItems que forma parte del evento que almacena en déclencheur el recorrido.
Primero, elimine xxx en su código HTML.
En el menú de la izquierda, haga clic en Atributos contextuales. Este contexto se pasa al mensaje desde el recorrido.
Entonces verá esto… Haga clic en la flecha situada junto a Journey Orchestration para explorar en profundidad.
Haga clic en la flecha situada junto a Eventos para explorar en profundidad.
Haga clic en la flecha situada junto a --aepUserLdap--PurchaseEvent para explorar en profundidad.
Haga clic en la flecha situada junto a productListItems para explorar en profundidad.
Haga clic en el icono + junto a Nombre para agregarlo al lienzo. Entonces, tendrás esto. Ahora necesita seleccionar .nombre como se indica en la siguiente captura de pantalla, y luego debe eliminar .nombre.
Entonces, tendrás esto. Haga clic en Guardar.
Ahora volverá a la Designer de correo electrónico. Haga clic en Guardar para guardar el progreso.
A continuación, ve a Contenido y arrastra y suelta un componente HTML en la séptima fila. Haga clic en el componente HTML y, a continuación, en Mostrar el código fuente.
En la ventana emergente Editar HTML, pegue esta 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>
Hay 2 referencias de xxx en este código de HTML. Ahora tiene que reemplazar cada xxx por una referencia al objeto productListItems que forma parte del evento que almacena en déclencheur el recorrido.
Primero, elimine el primer xxx de su código HTML.
En el menú de la izquierda, haga clic en Atributos contextuales.
Haga clic en la flecha situada junto a Journey Orchestration para explorar en profundidad.
Haga clic en la flecha situada junto a Eventos para explorar en profundidad.
Haga clic en la flecha situada junto a --aepUserLdap--PurchaseEvent para explorar en profundidad.
Haga clic en la flecha situada junto a Commerce para explorar en profundidad.
Haga clic en la flecha situada junto a Pedido para explorar en profundidad.
Haga clic en el icono + junto a Precio total para agregarlo al lienzo.
Entonces, tendrás esto. Ahora elimina el segundo xxx de tu código HTML.
Vuelva a hacer clic en el icono + junto a Precio total para agregarlo al lienzo.
También puede agregar el campo Currency desde el objeto Order al lienzo, como puede ver aquí.
Cuando hayas terminado, haz clic en Guardar para guardar los cambios.
A continuación, volverá a la Designer de correo electrónico. Vuelva a hacer clic en Guardar.
Vuelva al panel de mensajes haciendo clic en la flecha junto al texto de la línea de asunto en la esquina superior izquierda.
Haga clic en la flecha de la esquina superior izquierda para volver al recorrido.
Haz clic en Guardar para cerrar la acción de correo electrónico.
Haga clic en Publicar para publicar el recorrido.
Vuelva a hacer clic en Publicar.
El recorrido se ha publicado.
3.4.1.5 Actualizar la propiedad de cliente de recopilación de datos de Adobe Experience Platform
Vaya a Recopilación de datos de Adobe Experience Platform y seleccione Etiquetas.
Esta es la página de propiedades de recopilación de datos de Adobe Experience Platform que vio antes.
En Introducción, Demo System creó dos propiedades de cliente para usted: una para el sitio web y otra para la aplicación móvil. Encuéntralos buscando --aepUserLdap-- en el cuadro Buscar. Haga clic para abrir la propiedad Web.
Vaya a Elementos de datos. Busque y abra el elemento de datos XDM - Purchase.
Entonces verá esto… Vaya al campo _experience.campaign.orchestration.eventID y rellene su eventID aquí. El eventID que se va a rellenar aquí es el eventID que creó como parte del ejercicio 3.4.1.1. Haga clic en Guardar o Guardar en biblioteca.
Guarde los cambios en la propiedad y, a continuación, publique los cambios actualizando la biblioteca de desarrollo.
Los cambios se han implementado y se pueden probar.
3.4.1.6 Pruebe el correo electrónico de confirmación de pedido usando el sitio web de demostración
Probemos el recorrido actualizado comprando un producto en el sitio web de demostración.
Vaya a https://dsn.adobe.com. Después de iniciar sesión con su Adobe ID, verá esto. Haga clic en los 3 puntos … del proyecto del sitio web y, a continuación, haga clic en Ejecutar para abrirlo.
A continuación, verá cómo se abre el sitio web de demostración. Seleccione la URL y cópiela en el portapapeles.
Abra una nueva ventana del explorador de incógnito.
Pegue la dirección URL del sitio web de demostración, que copió en el paso anterior. Luego se le pedirá que inicie sesión con su Adobe ID.
Seleccione el tipo de cuenta y complete el proceso de inicio de sesión.
Luego verá el sitio web cargado en una ventana de incógnito del explorador. Para cada ejercicio, deberá utilizar una ventana nueva del explorador de incógnito para cargar la URL del sitio web de demostración.
Eche un vistazo al panel del visor de perfiles y al perfil del cliente en tiempo real con el Experience Cloud ID como identificador principal de este cliente actualmente desconocido.
Vaya a la página Iniciar sesión, haga clic en CREAR UNA CUENTA y rellene estos campos. Haga clic en Registrar después de lo cual se le redirigirá a la página anterior.
Añada cualquier producto al carro de compras.
Vaya a la página Carro. Haga clic en Finalizar compra.
A continuación, compruebe los campos y complete si es necesario. Haga clic en Continuar.
Haga clic en Confirmar pedido.
Su pedido se ha confirmado.
Recibirá el correo electrónico de confirmación del pedido en cuestión de segundos.
Ha terminado este ejercicio.
Pasos siguientes
Ir a 3.4.2 Configuración de un recorrido de boletín basado en lotes
Volver a Adobe Journey Optimizer
Volver a Todos los módulos