---
title: 2.3 Create a login journey
slug: bootcamp-anzbank-2024/23-create-a-login-journey
docTags: 
createdAt: 2023-12-14T16:25:26.117Z
---

In this exercise, you'll configure the journey in **Adobe Journey Optimizer** that needs to be triggered when someone logs in on the demo website.

## 2.3.1 Create your journey

In the previous exercise, you created a new **Event**. You named it like this `yourLastNameLoginEvent` and replaced `yourLastName` with your last name. You should be able to see the Event you created under Configurations in Manage Events section:

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/Y3pMdAjCnKvuKg3R-nIlT_image.png)

To start creating your journey, click **Journeys** in the left menu. Next, click **Create Journey** to create a new journey.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/DNM8WXILcI7dbjG7calY8_image.png)

You'll then see an empty journey screen. You can name your journey in the right hand panel using the naming configuration `yourLastName - Login Journey`. Click **OK** at top right to save your changes.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/_xyKhZ--13hkJN4ZT5bzi_image.png)

You will now need to use your event as the start of this Journey. You can do this by going to the left side of your screen and searching for your event in the list of events. The naming convention of the event was `yourLastNameLoginEvent`.  &#x20;

Select your event, drag and drop it on the Journey canvas. Your Journey now looks like this:

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/lC2L-k9kQTs36qiNgJvVj_image.png)

Click **Ok** to save your changes.

Now let's add an **Email** action. Go to the left side of your screen, clear the search and open the **Actions&#x20;**&#x70;alette, select the **Email** action, then drag and drop it on the second node in your journey. You now see this.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/OXzoT3uEm58gLB2WW9qrk_image.png)

Set the **Category** to **Marketing** and select an email surface that enables you to send email. In this case, the email surface to select is **ma1-hol9-0923-mktg**. Ensure that the checkboxes for **Clicks on email** and **Email opens** are both enabled.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/gKvJUA-LpUW8WQU2qv7sW_image.png)

The next step is to create your message.&#x20;

## 2.3.2 Create your email

To create your email message, click **Edit content**.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/SnZyPdR92L08Gs2vZfNGI_image.png)

You now see this.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/pYt36V3ew-nUPx-ybYmQ7_image.png)

While you can simply click the **Subject line** text field to define a static subject line, click the **Add Personalization** icon person to personalise the subject line.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/FW8hNZovjtnMBTkOqr4iH_image.png)

In the text area start writing **Hi**

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/nX9o2kKaQ9lEceZwWvchc_image.png)

The subject line is not done yet. Next you need to bring in the personalisation token for the field **First name** which is stored under `profile.person.name.firstName`. In the **Profile attributes**, scroll down to find the **Person** element and click on the arrow to go a level deeper.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/idZmx5YZT4WwAKatJ2L6M_image.png)

Find the **Full name** element and click on the arrow to go a level deeper.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/EIykk6G-Aseny0hBeGYCT_image.png)

Finally, find the **First name** field and click on the **+** sign next to it. You'll then see the personalisation token appear in the text field.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/1a_FIvTqWq9uOyUxmN_NO_image.png)

Next, add the text **, Thank you for logging in!** Click **Save**.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/0Wlg2AkE1D-aj7DrbMW-Q_image.png)

You'll then be back here. Click **Edit email body** to create the email's content.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/AtzxHn8iS1BCf8NAB5TuN_image.png)

In the next screen you will be prompted with 4 different methods to provide the email's content:

- **Design from scratch**: Start with a blank canvas and use the WYSIWYG editor to drag and drop structure and content components to visually build up the email's content.
- **Code your own**: Create your own email template by coding it using HTML
- **Import HTML**: Import an existing HTML template, which you'll be able to edit.
- **Select design template&#x20;**(below the rest): with tabs for Sample Templates & Saved Templates

You can click the **Saved Templates** tab under Select design template, select the template **Bootcamp Email Template**.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/l6esNJ2KKN9quN69-2Y2p_image.png)

Then click **Use this template**

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/1qpOf7dRG6tvILZufx8mk_image.png)

You’ll see this Bootcamp email template:

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/6AsloYfnMvjtqTypCWdbH_image.png)

:::hint{type="info"}
At any point in time, you can reset your email template by clicking the **... More** button and selecting **Reset email** to clear the template and restart the design from scratch or **Change your design** to restart by selecting the same or another template.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/c0xorh9hD8GTP0Ji1Ck07_image.png)

After selecting the **Change your design option**, you will need to confirm your choice by clicking the **Change template** button.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/WWYSm1zTlQhACnClHKV3v_image.png)
:::



Let's personalise the email. Click next to the text **Hi** and then click the **Add Personalization** icon person in a frame.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/JTjmgi6LhlXFXILs1Kq20_image.png)

Next, you need to bring the **First name** personalisation token which is stored under `profile.person.name.firstName`. In the menu, find the **Person** element, drill down to the **Full Name** element, and then click the **+** icon to add the First Name field onto to expression editor.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/9HBnMZ8tH5epq41_ASC2N_image.png)

Click **Save**.

You'll now notice how the personalisation field has been added to your text.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/lNM5SZN7mcLSfGAm0F2Ei_image.png)

To be able to later verify that the email received is indeed the one you set up, feel free to add your last name or initials in the copy of the email.

Click **Save** to save your message.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/rWD2kDgXu3AExAWS1ayMv_image.png)

Go back to the message dashboard by clicking the **arrow** next to the subject line text in the top-left corner.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/rDW2rAuj0YrtsxUL09uEk_image.png)

You've now completed creating your registration email. Click the arrow in the top left corner to go back to your journey.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/klCzxhcKv1KatDsr8uilm_image.png)

Give your email a label  `Login` and click **Ok**.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/d-bwS59reSLuSL3DomE99_image.png)

## 2.3.3 Publish your journey

You can now publish your journey by clicking **Publish**.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/l8dHGomWOrCzrhRfcYYfG_2-3-3-publish.jpg)

Click **Publish** again to confirm you want to publish your journey.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/MOv4x4qb3I5_cPDuELpx1_2-3-3-publishpublish.jpg)

You'll then see a green confirmation bar saying that your journey is now Published.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/sOBMKrNSHwXpVBnOQSYb8_2-3-3-publishconfirmation.jpg)

## Exercise complete checklist&#x20;

- [ ] Able to create a journey called `yourLastName - Login Journey`&#x20;
- [ ] Able to design the journey by draging and dropping the Event and Email activities in the journey canvas
- [ ] Able to create and personalise your email template
- [ ] Successfully published your journey

**Congratulations!** You have created your first journey.

You have now finished this exercise.
