# 7.2 Create your journey and email message

In this exercise, you'll configure the journey and the message that needs to be triggered when someone creates an account on the demo website.

Login to Adobe Journey Optimizer by going to [Adobe Experience Cloud](https://experience.adobe.com). Click **Journey Optimizer**.

![ACOP](/files/eqxL6kfJrkJCfGNWVbve)

You'll be redirected to the **Home** view in Journey Optimizer. First, make sure you're using the correct sandbox. The sandbox to use is called `--aepSandboxId--`. To change from one sandbox to another, click on **PRODUCTION Prod (VA7)** and select the sandbox from the list. In this example, the sandbox is named **AEP Enablement FY22**. You'll then be in the **Home** view of your sandbox `--aepSandboxId--`.

![ACOP](/files/gX6Gm725NmaJgtBDl74E)

## 7.2.1 Create your journey

In the left menu, click **Journeys**. Next, click **Create Journey** to create a new journey.

![ACOP](/files/vnfr2lB9FwNJxy6deh4g)

You'll then see an empty journey screen.

![ACOP](/files/CamKXCEWQ3hfbZKV77uC)

In the previous exercise, you created a new **Event**. You named it like this `ldapAccountCreationEvent` and replaced `ldap` with your ldap. This was the result of the Event creation:

![ACOP](/files/B2QXqvDtunsYlrKGSPGn)

You now need to take this 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.

![ACOP](/files/qjpS2SaerjPadbnZGysq)

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

![ACOP](/files/ttQ6imINzBk6XUCgC5rn)

As the second step in the journey, you need to add a short **Wait** step. Go to the left side of your screen to the **Orchestration** section to find this. You'll be using profile attributes and need to make sure they are populated into the Real-time Customer Profile.

![ACOP](/files/0DnqU2MIipqvGd9rmCcP)

Your journey now looks like this. On the right side of the screen you need to configure the wait time. Set it to 1 minute. This will give plenty of time for the profile attributes to be available after the event fires.

![ACOP](/files/5MSoDBARFcUdZBt8T6WN)

Click **Ok** to save your changes.

As the third step in the journey, you need to add an **Email** action. Go to the left side of your screen to **Actions**, select the **Email** action, then drag and drop it on the second node in your journey. You now see this.

![ACOP](/files/b7v4iKuePZRwFEVzCJbe)

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 **Email**. Ensure that the checkboxes for **Clicks on email** and **email opens** are both enabled.

![ACOP](/files/hI0hvRCaYxYr5mKVs1zy)

The next step is to create your message. To do that, click **Edit content**.

![ACOP](/files/9rnCeV7WQUSV4Ttxh040)

## 7.2.2 Create your message

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

![ACOP](/files/9rnCeV7WQUSV4Ttxh040)

You now see this.

![ACOP](/files/dCtRjTQmbdP2LxIlrjf5)

Click the **Subject line** text field.

![Journey Optimizer](/files/24URkz1wwudPNXLqkQgp)

In the text area start writing **Hi**

![Journey Optimizer](/files/6dTWYFdcwN0RBgBd87qa)

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

![Journey Optimizer](/files/z7dgMNXadJFsaHtDBS2A)

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

![Journey Optimizer](/files/Hoo8iDCO9nRUMNRMwtoa)

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

![Journey Optimizer](/files/RqqtigucD9GAbMTPHCIF)

Next, add the text **, thank you for signing up!**. Click **Save**.

![Journey Optimizer](/files/iikdvle5Iln9tqiYdrkQ)

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

![Journey Optimizer](/files/RyD49IP6AN3GcuG3gJvn)

In the next screen you will be prompted with 3 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.

Click **Design from scratch**.

![Journey Optimizer](/files/kp2wz5vIggUl6dFmLKCU)

In the left menu, you'll find the structure components that you can use to define the structure of the email (rows and columns).

![Journey Optimizer](/files/SUkGJkTE8GimlaoIuxpI)

Drag and drop a **1:2 column Left** from the menu into the canvas. This will be the placeholder for the logo image.

![Journey Optimizer](/files/Lg3H8t92tTsxzNKOQ4fl)

Drag and drop a **1:1 column** underneath the previous component. This will be the banner block.

![Journey Optimizer](/files/SWrgFqk38Ez5kuqZxnHL)

Drag and drop a **1:2 column Left** underneath the previous component. This will be the actual content with an image on the left side and text on the right side.

![Journey Optimizer](/files/VVB3Jwf2CS30w5hjC1RZ)

Next, drag and drop a **1:1 column** underneath the previous component. This will be email's footer. Your canvas should now look like this:

![Journey Optimizer](/files/PD8caIWXKePa7PMWkdka)

Next, let's use Content Components to add content inside these blocks. Click on the **Content Components** menu item

![Journey Optimizer](/files/pozmJQpq7Kj9ggF71DYt)

Drag and drop an **Image** component in the first cell on the first row. Click **Browse**.

![Journey Optimizer](/files/z02O27nQ3gDqNxDSnjbw)

You'll then see this. Navigate to the folder **enablement-assets** and select the file **luma-logo.png**. Click **Select**.

![Journey Optimizer](/files/MKwnaUN22VqNeYbpycTu)

You're now back here:

![Journey Optimizer](/files/fge447YgqUrNfNQV7lf8)

Go to **Content Components** and drag and drop an **Image** component in the first cell on the first row. Click **Browse**.

![Journey Optimizer](/files/OBYBftXqzHlz5lpNpbdH)

In the **Assets** pop-up, go to the **enablement-assets** folder. In this folder, you'll find all assets previously prepared and uploaded by the creative team. Select **module23-thankyou-new\.png** and click **Select**.

![Journey Optimizer](/files/I9coJLY1XDocQDNIdTBJ)

You'll then have this:

![Journey Optimizer](/files/19zd74uF4BGZO6ScVL3P)

Select your image and in the right menu, scroll down until you see the **Size** width slider component. Use the slider to change the width to f.i. **60%**.

![Journey Optimizer](/files/WPlGFmXY4qi6KwpaZTQ8)

Next, go to **Content Components** and drag and drop a **Text** component in the structure component on the fourth row.

![Journey Optimizer](/files/Ag5C023ZwAIPefv6XW8v)

Select the default text **Please type your text here.** as you would do with any text editor. Write **Dear** instead. Notice the text toolbar displayed when you are in text mode.

![Journey Optimizer](/files/zlQ0i66FbaAOf68KHZWv)

In the toolbar click the **Add personalization** icon.

![Journey Optimizer](/files/IMDcAsjo0tN4uavBGFXc)

Next, you need to bring the **First name** personalization 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.

Click **Save**.

![Journey Optimizer](/files/vB4rgLgshc3qr7s4PUb9)

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

![Journey Optimizer](/files/n9w0XnCQp7XQXMvlNOn3)

In the same text field, hit **Enter** twice to add two lines and write **Thank you for creating your account with Luma!**.

![Journey Optimizer](/files/ILQoIdQycbQHdYPsqRVF)

The final check to perform to ensure your email is ready is to preview it, click on the **Simulate Content** button.

![Journey Optimizer](/files/TxrkGRwAZr0RTAvGhY07)

Start by identifying which profile you want to use for the preview. Select the **email** namespace by clicking on the icon next to **Enter identity namespace** field.

In the list of identity namespaces, select the **Email** namespace.

In the **Identity value** field, enter the email address of a previous demo profile that is already stored in the Real-time Customer Profile. For example **<woutervangeluwe+06022022-01@gmail.com>** and click on the **Find Test Profile** button

![Journey Optimizer](/files/VA2CfaCJb5Iffucw0T9s)

Once your profile shows up in the table, click on the **Preview** tab to access the preview screen.

When the preview is ready, validate that the personalization is correct in the subject line, the body text as well as the unsubscription link is highlighted as an hyperlink.

Click **Close** to close the preview.

![Journey Optimizer](/files/t5rDuPlRHUMwOVV4gBcY)

Click **Save** to save your message.

![Journey Optimizer](/files/DifDk8n0NWPRm9hThbKK)

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

![Journey Optimizer](/files/P6peNzlRXfh5kR7MRqC5)

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

![Journey Optimizer](/files/y1L0FRboio9eWlwiTdSR)

Click **Ok**.

![Journey Optimizer](/files/hc9iayRNHt9EymYQtgwW)

## 7.2.3 Publish your journey

You still need to give your journey a Name. You can do that by clicking the **Properties** icon in the top right side of your screen.

![ACOP](/files/z8gf3uyC8viWtMp2jNiM)

You can then enter the journey's name here. Please use `--demoProfileLdap-- - Account Creation Journey`. Click **OK** to save your changes.

![ACOP](/files/1Xt7790JLni33U3iKz9r)

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

![ACOP](/files/GwdlB7jq78UDzuv596G7)

Click **Publish** again.

![ACOP](/files/YsiMWh9WCvHiC4Bbq3jd)

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

![ACOP](/files/qcRQkwzJJ6HS5PoeKlu2)

You've now finished this exercise.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.adobesandbox.com/comprehensive-technical-tutorial-archive/module7/ex2.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.