---
title: Create a Real-Time Journey
slug: cub-taiwan/create-a-real-time-journey
description: >-
docTags: 
createdAt: 2023-10-26T14:49:31.145Z
---

## Create the Journey

We are going to create a Journey which will track user's interaction on a credit card application form and will send a reminder email after abandonment.

Upon clicking on the email and user completing submitting the information, a confirmation email will be sent to the user.

1. Navigate to Journeys&#x20;


   ::Image[]{src="https://adbecdn.azureedge.net/labs/archbee/japac/hkaep/module3/image153.png" size="50" isUploading="false" showCaption="false"}
2. Click on “Create Journey”


   ::Image[]{src="https://adbecdn.azureedge.net/labs/archbee/japac/hkaep/module3/image465.png" size="50" isUploading="false" showCaption="false"}
3. Provide a name - *Your initials - Abandoned Application.&#x20;*&#x20;Click Ok.
4. Under Events, drag the CreditCardApplicationStarted event to the canvas.&#x20;

   ![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/NYvO9MrYFGUHn62K36DLs_screenshot-2024-11-19-at-23157-pm.png)


5. Now just because there are a lot of us building the same journey, let's filter to include only your profile record.  We can do this using a condition.   Drag a condition activity to the canvas.
6.

   ![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/qLR1_T2ohmk9swr04g0w3_screenshot-2024-11-20-at-110635-am.png)
7. Click to **Add an expression&#x20;**&#x6F;n the condition properties. Search for **address&#x20;**&#x66;ield in ExperiencePlatform/ProfileFieldGroup/profile. Add a condition that the email equals the customer email address you've been using for the lab.
8.

   ![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/j2ooAe_TWgFHyrA-6xB2z_screenshot-2024-11-20-at-125207-pm.png)
9. Now drag the **CreditCardApplicationSubmitted&#x20;**&#x65;vent to canvas. In the Event properties, tick the **Define the event timeout** checkbox, set the wait time to 5 mins and tick the **Set a timeout path**. Click Ok.

   ![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/0ibDQpdG1dQ8mBdrUK67h_screenshot-2024-11-20-at-111717-am.png)

## Add Email Message

1. Under Actions, drag an Email node onto the timeout branch. Add a label **Reminder Email** and select the Email Surface that is available. Then Click on **Edit Content**

   ![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/Y6Jh28B3H3TqxN8pGIJ8R_screenshot-2024-11-20-at-112025-am.png)
2. Add a subject line and click on **Open Email Designer** blue bar or **Edit email body&#x20;**&#x62;utton

   ![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/69MFXlXnFtwIzMoPAWbMW_screenshot-2024-11-20-at-112159-am.png)
3. Go to **saved templates** tab and select the pre-existing **Secure Financial Abandon Email Template**
4.

   ![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/8judit78cvCpI8OOHWFbU_screenshot-2024-11-20-at-124032-pm.png)
5. Click **Use this email**, add some content.
6.

   ![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/RO9vVU3ktB_c27BvUVIFg_screenshot-2024-11-20-at-123307-pm.png)
7. Click to **Save&#x20;**&#x79;our email content
8. Now click the back arrow on upper left corner twice to return to the journey.
9. To capture user's clicking on the email, add a Reaction event on the journey and click on Save button.
10. ::Image[]{src="https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/tnkHSzZOpiwrEbwErbH_5_screenshot-2024-11-19-at-30126-pm.png" size="86" width="3342" height="1684" position="center" showCaption="false"}
11. Add an Email event on the journey canvas and connect to the Reaction event.&#x20;
12. Name the newly added Email node as Confirmation Email.
13.

    ![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/YT54pV5emRqspSD8W1G-3_screenshot-2024-11-19-at-33439-pm.png)
14. Go to **saved templates** tab and select the pre-existing **Secure Financial Confirmation Template**
15.

    ![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/NePJ8-S6pHx6S9oqgdmRQ_screenshot-2024-11-20-at-124032-pm.png)
16. Click **Use this email**, add some content.
17.

    ![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/eLbhqL8Xcd-Ur1cHgRr2M_screenshot-2024-11-20-at-124655-pm.png)
18. Now click the back arrow on upper left corner twice to return to the journey.
19. Click **Ok&#x20;**&#x6F;n the email properties once you're back in the journey
20.

    ![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/9Ylns5guVIQDNpB7sW7Bv_screenshot-2024-11-19-at-33439-pm.png)

## Publish the Journey

1. Click to publish the journey&#x20;
2.

   ![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/2qKRhyFnYrouH_Pcw6l4p_screenshot-2024-11-19-at-34336-pm.png)
3. Confirm to publish in the popup. Your journey should now be **Live**
4.

   ![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/8ErD11wXjQHHUA6o0v5gJ_screenshot-2024-11-20-at-22538-pm.png)

## Trigger your Journey

:::hint{type="info"}
Switch to your **Customer Profile** for this exercise
:::

1. Go back to the demo website and start a Credit Card Application form.   Sending this event will trigger the journey and you should receive your email after 5 mins. &#x20;

   ![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/VSOeFaJ0UzWaJkTDYrTAS_image.png)
2. Your email will arrive at our shared mailbox and will be shown on the screen at the front.
3.

   ![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/WBQBa0djgGyZhMusId6z7_screenshot-2024-11-20-at-23315-pm.png)
4. Clicking anywhere on the email will trigger the final confirmation email which will arrive at our shared mailbox and will be shown on the screen at the front.&#x20;
5.

   ![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/ZwmwzM4EidB0Nrjh2X7bj_screenshot-2024-11-20-at-23537-pm.png)



:::hint{type="success"}
You've now created a real-time journey and successfully triggered it from the customer website. &#x20;
:::

This completes the lab.

