---
title: Creating the journey
slug: qatar-airways-bootcamp/yvkV-creating-the-journey
description: >-
docTags:
createdAt: 2024-01-30T23:03:21.354Z
---
In this exercise, you'll be creating and testing a journey using all the components you've created in the previous exercises.
## Journey overview
To get an overview of all journeys in Adobe Journey Optimizer:
1. In the menu on the left side, under **Journey Management**, click on **Journeys**. You will see a overview with all existing journeys.
## Creating a journey
We'll be creating a journey that will send an email confirmation to customers when they book a flight. If the customer is not a loyalty program member, we want to incentivise them to sign up.
Click on **Create Journey**. You'll be taken to the **Journey canvas** with the journey properties opened.
1. Set the **name** to `[your name] - Booking Journey`.
2. For the other properties we'll keep the default values.
3. Your screen should look like the image below. Click **Save** to save and close the properties.
You're now in the journey canvas. This is where you'll be creating your journey's logic. In the left menu you have **activities**. There's three types of activities:
**Events** are the triggers that can start or continue your journey.
**Orchestration** is the logic of your journey. It looks at conditions, audiences, but can also be used to make your workflow wait or end.
**Actions** are the results of your journey. This can be messages, profiles updates or API calls.
### Event trigger
1. We're starting our workflow of with an event trigger. From the events tab, choose **your created event (initalsFlightBooking)** and drag it onto the canvas. *If you did not create an event, use the **flightBooking** event.*
2. There's nothing we need to configure for this as we have already done this when we [Configuring an event](docId\:Qcb9wL_vQC656LAUNHdrR). Click **Save** to close the menu.
### Condition - Is a loyalty member?
When the customer books a flight, the first thing we want to check is if the customer is a Privilege Club member. We want to want to highlight the benefits to those who book with Qatar Airways but have not enrolled.
1. From the orchestration tab, choose Condition and drag it onto the empty circle on the canvas.
2. Click on the activity to open the detailed view.
1. Set the **label** to `Is a loyalty member?`.
2. Click on **Path1** and change the label to `Yes`.
3. Click on **Add an expression** to open a window.
1. On the left side, open **Audiences**. Scroll down till you find the audience you created called **\[your name] - Privilege Club Program Members** and drag it to the right side.
*If you didn't create the audience, use **Qatar - Privilege Club Program Members**.*
2. By default the statement should be on `true`, if not click the toggle. Checks if the title reads `[your name] - Privilege Club Program Members audience membership is true` and click **Ok**.
3. Click **Ok** to save the conditions.
4. Check **Show path for other cases than one(s) above** and set the label to `No`.
5. Your screen should look like the image below. Click **Save**.
In our journey we want to focus on the customer that are not loyalty program members. Rearrange the paths so that the No-path is on top.
### Email #1 - Booking confirmation (non-loyalty)
In the next steps you will be building the email for your journey. You have a choice of three exercises here.
1. **Build email (basic):** You'll start from a basic template and adding a few customizations. The exercise will familiarise you with how to build an email using components, using personalisation (based on data from the profile) and contextual data (data from the flight booking event).
2. **Build email (advanced):** You'll build the same email as mentioned above, but with more contextual data. Choosing this email will show you more capabilities regarding formulas and custom expressions, but can be quite challenging for those not familiar with coding.
3. **Skip building email:** You'll pick a fully completed template of the basic email so that you don't have to build anything at all. *If you want to skip building the email, you must use the example* ***flightBooking*** *event in your journey. If you used your own custom event, replace it before continuing.*
::::Tabs
:::Tab{title="Build email (basic)"}
1) From the actions tab, choose **Email** and drag it onto the empty circle at the **No-path**.
2) Click on the activity to open the detailed view.
1. Set the **label** to `Booking confirmation (non-loyalty)`.
2. Set the **category** to `Transactional`.
3. Set the **email surface** to `transactionalMessages`.
4. Click on **Edit content** to start designing your email.
1. Click on :FontAwesome[]{icon="fa-solid fa-user"} to create a subject line. Set it to `FIRSTNAME, Your flight booking is confirmed!`
2. Remove the text `FIRSTNAME` and search for `first name` in the profile attributes.
3. Find the field First name (... attributes > person > Full name) and click on the :FontAwesome[]{icon="fa-solid fa-plus"} **icon** to add it to your subject line. It should now be
`{{profile.person.name.firstName}}, Your flight booking is confirmed!`
4. Click **Save**.
5. Click on **Edit email body**. Under **Saved templates**, choose `WKND Fly - Default Template`. It will show you a preview of the template. Click on **Use this template**.
3) The email designer will now open. It should look like this:
In the left menu you have **components**.
**Structure components** are the building blocks of your email, they will determine the layout of your email.
**Content components** are the different forms of content that you can place inside your structure components, like text, buttons and images.
1. Let's put in a header image first. Click on **Browse** in the header component of the email template. This will open the **Assets Essentials** interface. Navigate to **Custom Demos > Qatar Airways > qatar-assets** and select the image `plane-h2-a380-fleet-pages.jpg` and click **Select** in the top right.
2. Click the **Header component** and change the text to:
`Your booking is confirmed, thank you for flying with us!`
3. Use the pop-up menu to change the alignment to `Center alignment`.
4. Click on the left or right side of the **Header component** so the entire row is highlighted by a blue border. Using the :FontAwesome[]{icon="fa-solid fa-arrows-up-down-left-right"} **icon** on the left drag the row so it's above the header image.
5. Click the **Body component** and change the text to:
`Have an amazing trip to CITY!`
6. Use the pop-up menu to make the text **bold**.
7. Remove the text `CITY` and click on the :FontAwesome[]{icon="fa-solid fa-user"}** icon** to add personalization to your email.
8. Click on **Helper functions** and navigate to **Functions > Array, list and set functions**. Find the function called First item and add it to your expression by clicking on the :FontAwesome[]{icon="fa-solid fa-plus"} **icon**. It should read:
`{%= head(array) %}`
9. Remove the text `array`. In the left menu click on **Contextual attributes** and Search for `city`. Add `Arrival City` to your expression by clicking on the :FontAwesome[]{icon="fa-solid fa-plus"} **icon**. It should read:
``{%= head(context.journey.events.`919202841`.reservations.flightReservations._demopotemea.arrivalCity) %}``
*If you used your own event, the event ID (919202841) will be different for you.***
**
Click **Save**. Your component should look like this:
10. From the **structural components** drag a `1:1 column` onto the email, between the component we just created and the button.
11. From the **content components** drag a `Text` onto the email, into the newly added structural component.
12. Change the text to:
We look forward to welcoming you on board! Did you know you can earn points for this flight? Join Privilege Club now!
13. Set the **top/bottom padding** for the text component to `20`.
14. Set the **left/right padding** for the text component to `10`.
15. Select the **Button component** and change the button label to: `Earn points for your flight`
16. In the white highlight bar (Explore the world with Qatar Airway), change the header to: `Add Extras`
17.
18. In the white highlight bar, change the button label to: `Explore extras`
The highlight bar should now look like this
19. 
Your screen should look like the image below. Click **Save** in the top right. Navigate out of the Email designer by clicking the arrow on the top left of your screen. Then navigate out of the email overview by clicking on the arrow on the top left.
:::
:::Tab{title="Build email (advanced)"}
1. From the actions tab, choose **Email** and drag it onto the empty circle at the **No-path**.
2. Click on the activity to open the detailed view.
1. Set the **label** to `Booking confirmation (non-loyalty)`.
2. Set the **category** to `Transactional`.
3. Set the **email surface** to `transactionalMessages`.
4. Click on **Edit content** to start designing your email.
1. Click on :FontAwesome[]{icon="fa-solid fa-user"} to create a subject line. Set it to `FIRSTNAME, Your flight booking is confirmed!`
2. Remove the text `FIRSTNAME` and search for `first name` in the profile attributes.
3. Find the field First name (... attributes > person > Full name) and click on the :FontAwesome[]{icon="fa-solid fa-plus"} **icon** to add it to your subject line. It should now be
`{{profile.person.name.firstName}}, Your flight booking is confirmed!`
4. Click **Save**.
5. Click on **Edit email body**. Under **Saved templates**, choose `Qatar - Default Template`. It will show you a preview of the template. Click on **Use this template**.
3. The email designer will now open. It should look like this:
In the left menu you have **components**.
**Structure components** are the building blocks of your email, they will determine the layout of your email.
**Content components** are the different forms of content that you can place inside your structure components, like text, buttons and images.
1. Let's put in a header image first. Click on **Browse** in the header component of the email template. This will open the **Assets Essentials** interface. Navigate to **Custom Demos > Qatar Airways> qatar-assets** and select the image `plane-h2-a380-fleet-pages.jpg` and click **Select** in the top right.
2. Click the **Header component** and change the text to:
`Your booking is confirmed, thank you for flying with us!`
3. Use the pop-up menu to change the alignment to `Center alignment`.
4. Click on the left or right side of the **Header component** so the entire row is highlighted by a blue border. Using the :FontAwesome[]{icon="fa-solid fa-arrows-up-down-left-right"}** icon **on the left drag the row so it's above the header image.
5. Click the **Body component** and change the text to `Flight details`
6. Use the pop-up menu to make the text **bold**.
7. From the **structural components** drag a `n:n column` onto the email, between the **Flight details** and the button.
8. Click on the newly added component. In the right menu, under **Settings**, change the **number of columns** to `2`.
9. Hover your mouse over the 2 columns. An icon appears in the bottom center of the component. Using the :FontAwesome[]{icon="fa-solid fa-arrows-up-down-left-right"} **icon** change the width so you have a `20% - 80%` width ratio.
10. From the **content components** drag a `Text` onto the email, into the left column.
11. Change the text in the component to:
Confirmation:
Departure:
Arrival:
Duration:
Fare class:
12. In the right menu, check **Different padding for each side**. Click the lower :FontAwesome[]{icon="fa-solid fa-lock"} **icon **and set the left padding to `10`.
13. From the **content components** drag a `Text` onto the email, this time into the right column.
14. Remove all the text from the new component and click on the :FontAwesome[]{icon="fa-solid fa-user"} **icon** to add personalization.
15. Click on **Contextual attributes** and Search for `Confirmation`. Add Confirmation Number to your expression by clicking on the :FontAwesome[]{icon="fa-solid fa-plus"} **icon**. It should read
`{{context.journey.events.919202841.reservations.confirmationNumber}}`
*If you used your own event, the ID will be* *different for you.*
Click **Save**.
16. Put your cursor behind the orange personalization tag and press enter to create a new line.
17. Click on the :FontAwesome[]{icon="fa-solid fa-user"} **icon** to add personalization.
18. Click on Fragments. This is a library of custom expressions that you can create yourself. I have prepared a function called **Format Flight datetime**. This function will display a date the way we want to in the email. Click on the :FontAwesome[]{icon="fa-solid fa-ellipsis"} **icon** and choose **Paste fragment** to add the function to your expression. It should read
`{%= formatDate(toDateTimeOnly(head(["YOUR_DATE_FIELD"])), "HH:mm dd MMM") %}`
19. Remove the text `["YOUR_DATE_FIELD"]` and go to **Contextual attributes**, search for `Departure`. Click on the :FontAwesome[]{icon="fa-solid fa-plus"} **icon** to add `Departure Date` to your function. Your expression should now be
``{%= formatDate(toDateTimeOnly(head(context.journey.events.`919202841`.reservations.flightReservations.departureDate)), "HH:mm dd MMM") %}``**
** *Make sure the event ID only has a single* ***backquote*** *around it. If a double backquote was added, remove one on each side.*
20. Not only do we want to display the departure date, but also the airport. Behind the current function add `from` (make sure to add the spaces as well).The left menu should still be filtered on `Departure`. This time click the :FontAwesome[]{icon="fa-solid fa-plus"} **icon** to add the `Departure Airport Code` to your expression. It should now be
``{%= formatDate(toDateTimeOnly(head(context.journey.events.`919202841`.reservations.flightReservations.departureDate)), "HH:mm dd MMM") %} from {%= head(context.journey.events.`919202841`.reservations.flightReservations.departureAirportCode) %}``**
** *If you used your own event, the ID will be* *different for you.* *Copy/Paste this number somewhere you can access it easily. In the next few steps we're going to speed up and copy full expressions. Please change the ID of these.***
**
Click **Save**.
21. As we need to add 3 more personalization fields, let's take a little shortcut.
22. Add another newline behind the latest personalization tag, add personalization (:FontAwesome[]{icon="fa-solid fa-user"} **icon**) and add the following expression:
``{%= formatDate(toDateTimeOnly(head(context.journey.events.`919202841`.reservations.flightReservations.arrivalDate)), "HH:mm dd MMM") %} at {%= head(context.journey.events.`919202841`.reservations.flightReservations.arrivalAirportCode) %}``
Click **Save**.
23. Add another newline behind the latest personalization tag, add personalization (:FontAwesome[]{icon="fa-solid fa-user"} **icon**) and add the following expression:
``{%= head(context.journey.events.`919202841`.reservations.flightReservations.length) %} minutes``
Click **Save**.
24. Add another newline behind the latest personalization tag, add personalization (:FontAwesome[]{icon="fa-solid fa-user"} **icon**) and add the following expression:
``{%= head(context.journey.events.`919202841`.reservations.flightReservations.fareClass) %}``
Click **Save**.
25. You should now have 5 orange personalization tags.
26. From the **structural components** drag a `1:1 column` onto the email, between the flight details you just added and the button.
27. From the **content components** drag a `Text` onto the email, into the newly added structural component.
28. Change the text to:
`We look forward to welcoming you on board! Did you know you can earn points for this flight? Join Privilege Club now!`
29. Set the **top/bottom padding** for the text component to `20`.
30. Set the **left/right padding** for the text component to `10`.
31. Select the **Button component** and change the button label to:
`Earn points for your flight`
Your screen should look like the image below. Click **Save** in the top right. Navigate out of the Email designer by clicking the arrow on the top left of your screen. Then navigate out of the email overview by clicking on the arrow on the top left.
:::
:::Tab{title="Skip building email"}
1. From the actions tab, choose **Email** and drag it onto the empty circle at the **No-path**.
2. Click on the activity to open the detailed view.
1. Set the **label** to `Booking confirmation (non-loyalty)`.
2. Set the **category** to `Transactional`.
3. Set the **email surface** to `transactionalMessages`.
4. Click on **Edit content** to start designing your email.
1. Click on :FontAwesome[]{icon="fa-solid fa-user"} to create a subject line. Set it to `FIRSTNAME, Your flight booking is confirmed!`
2. Remove the text `FIRSTNAME` and search for `first name` in the profile attributes.
3. Find the field First name (... attributes > person > Full name) and click on the :FontAwesome[]{icon="fa-solid fa-plus"} **icon** to add it to your subject line. It should now be`{{profile.person.name.firstName}}, Your flight booking is confirmed!`
4. Click **Save**.
5. Click on **Edit email body**. Under **Saved templates**, choose `Qatar - Booking email`. It will show you a preview of the template. Click on **Use this template**.
3. The email designer will now open. It should look like the image below. Click **Save** in the top right. Navigate out of the Email designer by clicking the arrow on the top left of your screen. Then navigate out of the email overview by clicking on the arrow on the top left.
:::
::::
You will be taken back to the journey canvas.
### Email #2 - Booking confirmation (loyalty)
1. Select the activity **Email - Booking confirmation (non-loyalty)**. Copy and paste this by clicking the :FontAwesome[]{icon="fa-solid fa-copy"} **icon** in the details panel or by using CTRL+C (or CMD+C on Mac devices. Then press CTRL+V (or CMD+V on Mac devices).
2. Drag the newly created object at the **Yes-path**.
3. Unselect your selection and select only the **Email**-activity. Drag this on top of the empty circle to connect it.
4. Click on the **Email**-activity to open the detailed view.
1. Set the **label** to `Booking confirmation (loyalty)`.
2. Click on **Edit content** to start make some adjustments to the email content.
5. Click on **Edit email body**. This will open the email designer.
6. Change the **Text component** above the button to:
`We look forward to welcoming you on board! Did you know that you can upgrade your flight using your Privilege club loyalty points?`
7. Change the button label to `Upgrade using your Privilege Club points`.
8. In the double block below the button, select the image of the left block.
9. In the right menu, go to **Settings** and click **Select an asset** to change the image. This will open the **Assets Essentials** interface. Navigate to **Custom Demos > Qatar Airways > qatar-assets** and select the image `travel-requirements.png` and click **Select** in the top right.
10. Change the block's header to: `Come prepared`
11. Change the block's content to: `We've put together a checklist of required travel documents. Make sure to check it out before you leave for your trip.`
12. Your screen should look like the image below. Click **Save** in the top right. Navigate out of the Email designer by clicking the arrow on the top left of your screen. Then navigate out of the email overview by clicking on the arrow on the top left. You will be taken back to the journey canvas.
Depending on what you picked when creating the previous email
::::Tabs
:::Tab{title="Email (basic)"}
:::
:::Tab{title="Email (advanced)"}
:::
::::
### Audience Qualification
Next, we want to check if the customer signed up for our Privilege Club loyalty program. If not, we want to send them another email offering them bonus points if they sign up.
1. We're going to check if the customer enters our **Qatar - Privilege Club Program Members** audience, because this would indicate they signed up. From the events tab, choose **Audience Qualification** and drag it onto the canvas behind the **Email -Booking confirmation (non-loyalty)**.
2. Click on the activity to open the detailed view.
1. Set the **label** to `Privilege Club member`.
2. Set the **behavior** to `Enter`. This means it will only trigger as soon as the customer qualifies for the audience.
3. Check **Define the event timeout** and set it to wait for `3 Days`.
4. Make sure **Set a timeout path** is checked.
5. Your screen should look like the image below. Click **Save**.
In our journey we want to focus on the customer that are still not loyalty program members. Rearrange the paths so that the timeout-path is on top.
### Email #3 - Loyalty Program Offer
1. From the actions tab, choose **Email** and drag it onto the empty circle at the **Timeout-path**.
2. Click on the activity to open the detailed view.
1. Set the **label** to `Loyalty Program Offer`.
2. Set the **category** to `Marketing`.
3. Set the **email surface** to `marketingMessages`.
4. Click on **Edit content** to start designing your email.
1. Click on :FontAwesome[]{icon="fa-solid fa-user"} to create a subject line. Set it to `FIRSTNAME, Join Privilege Club today!`
2. Remove the text `FIRSTNAME` and search for `first name` in the profile attributes.
3. Find the field First name (... attributes > person > Full name) and click on the :FontAwesome[]{icon="fa-solid fa-plus"} **icon** to add it to your subject line. It should now be
`{{profile.person.name.firstName}}, Join Privilege Club today!`
4. Click **Save**.
5. Click on **Edit email body**. Under **Saved templates**, choose `Qatar - Default Template`. It will show you a preview of the template. Click on **Use this template**.
3. The email designer will now open. It should look like this:
:::hint{type="warning"}
Don't feel like building the email? You can choose the `Qatar - Loyalty offer email` to get the completed email.
:::
In the left menu you have **components**.
**Structure components** are the building blocks of your email, they will determine the layout of your email.
**Content components** are the different forms of content that you can place inside your structure components, like text, buttons and images.
1. Let's put in a header image first. Click on **Browse** in the header component of the email template. This will open the **Assets Essentials** interface. Navigate to **Custom** **Demos > Qatar Airways > qatar-assets** and select the image `privilage-club-h1-family-beach-hn.jpg` and click **Select** in the top right.
2. Click the **Header component** and change the text to: **
*Join Privilege Club today and get 500 bonus miles as a welcome gift!*
3. Click the **Body component** and change the text to:
*With Privilege Club you can earn Club points from your flights and redeem them on future flights, upgrades, rewards and more!*
*If you join today, you'll receive 500 bonus miles as a gift! That's enough points to be able to upgrade your flight class!*
4. Select the **Button component** and change the button label to: `Join Privilege Club`.
5. Your screen should look like the image below. Click **Save** in the top right. Navigate out of the Email designer by clicking the arrow on the top left of your screen. Then navigate out of the email overview by clicking on the arrow on the top left. You will be taken back to the journey canvas.
:::hint{type="success"}
You have now successfully created the booking journey using the Adobe Journey Optimizer. Next, we are going to test our journey using Test Mode.
:::