6.2 Create your email message

In this exercise, you’ll configure the journey 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. Click Journey Optimizer.

ACOP

You’ll be redirected to the Home view in Journey Optimizer.

ACOP

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 FY21.

ACOP

You’ll then be in the Home view of your sandbox --aepSandboxId--.

ACOP

In the left menu, click Messages.

On the Messages screen, you’ll see a view similar to this. Click Create Message.

Journey Optimizer

Give your Message a title following this naming convention ldap - Registration Email and replace ldap by your own ldap, select the CJM Alpha Preset and enable the Email channel.

Journey Optimizer

Click on the Create button to create your Registration Email message.

The next screen is the message dashboard, from there you will be able to see the email thumbnail when the content will be provided.

Journey Optimizer

On the right-hand side are the Email properties:

  • From email: the email address from whom the recipient will receive email message. Note that this value is specified by the preset given in the previous step and is read-only.
  • From name: the sender name from whom the recipient will receive email message. Note that this value is specified by the preset given in the previous step and is read-only.
  • Subject line: the mandatory subject of the message which will be edited in the next step.
  • Body: a button brings you to the Email Designer to create and edit the email content.
  • Optional features: these two checkboxes allow to disable the tracking of the email’s opens and email’s clicks and therefore, prevent the message from measuring metrics like open rate, click-through rate,…

First, make sure that the 2 checkboxes under Optional features are checked. If not, please make sure they are both activated.

Journey Optimizer

Click the Subject line text field.

Journey Optimizer

In the text area start writing Hi

Journey Optimizer

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

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

Journey Optimizer

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

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

Journey Optimizer

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

Journey Optimizer

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

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

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

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

Journey Optimizer

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

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

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

Journey Optimizer

Drag and drop an HTML component in the first cell on the first row.

Journey Optimizer

Click the HTML component and then click Show the source code.

Journey Optimizer

You’ll then see this:

Journey Optimizer

Paste this code there: <img src="{%= %}" width="100px%">.

Journey Optimizer

Then put the cursor, as indicated in the screenshot:

Journey Optimizer

Next, navigate to the field --aepTenantId--.demoEnvironment.brandLogo. Click the + icon to insert the personalization token. Next, click Save.

Journey Optimizer

You’ve now configured this HTML component to dynamically take the image URL from a field within Adobe Experience Platform’s Real-time Customer Profile.

You’re now back here:

Journey Optimizer

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

Journey Optimizer

Click Browse.

Journey Optimizer

In the Assets pop-up, double-click the module-23 folder. In this folder, you’ll find all assets previously prepared and uploaded by the creative team.

Journey Optimizer

Select module23-thankyou-new.png and click Select.

Journey Optimizer

You’ll then have this:

Journey Optimizer

Select your image and in the right menu, scroll down until you see the Size width slider component.

Journey Optimizer

Use the slider to change the width to f.i. 60%.

Journey Optimizer

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

Journey Optimizer

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

In the toolbar click the Add personalization icon.

Journey Optimizer

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

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

Journey Optimizer

In the same text field, hit Enter twice to add two lines and write Thank you for signing up for.

Journey Optimizer

Click Add personalization again.

Journey Optimizer

Next, you need to bring in the Brand Name personalization token which is stored under --aepTenantId--.demoEnvironment.brandName. In the left hand-side list find the --aepTenantId-- element and click on the arrow to go a level deeper.

Journey Optimizer

Next, find the demoEnvironment element and click the arrow to go a level deeper.

Journey Optimizer

Finally, find the field brandName and click on the + sign next to it. You’ll then see the personalization token appear in the text field. Click Save.

Journey Optimizer

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

Journey Optimizer

In the left menu, go back to Structure Components.

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

Journey Optimizer

Next, go to Content Components and drag and drop a Text component in the fifth row.

Journey Optimizer

Replace the default text by Not interested anymore? Unsubscribe instantly.

Journey Optimizer

Now select the word Unsubscribe and click on the Insert link icon in the toolbar.

Journey Optimizer

In the Link type dropdown select Unsubscription link and put the following url inside the Unsubscription page URL textfield https://public.aepdemo.net/unsubscribe.html. Click Save.

Journey Optimizer

The registration confirmation email now has content. For deliverability (best practices around email sending to ensure they land in the recipient’s mailbox instead of the Spam folder) purposes it is also important that this email has a text version.

Click the Plain text button at the top of the Email Designer to see how Journey Optimizer has automatically synchronized the HTML with the text version, so you don’t have to write the text one more time.

Journey Optimizer

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

Journey Optimizer

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.

Journey Optimizer

In the list of identity namespaces, select the Email namespace. Click Select.

Journey Optimizer

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+31052021-10@gmail.com and click on the Find Test Profile button

Journey Optimizer

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

Click Save to save your message.

Journey Optimizer

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

Journey Optimizer

You’ve now completed the draft version of your registration email. Click Publish to publish your message so you can use it in a journey.

Journey Optimizer

Click Publish again.

Journey Optimizer

Wait until you see a green confirmation pop-up at the bottom of the screen indicating that the message is published.

Journey Optimizer

You have finished this exercise.

Next Step: 6.3 Journey Optimizer: Setup Journey

Go Back to Module 6

Go Back to All Modules

On this page