---
title: Email Designer
slug: ctc-aep-hol/email-designer
docTags: 
createdAt: 2024-01-22T15:42:14.371Z
---

This lab will walk through the steps to create an Email in Adobe Journey Optimizer.

NOTE:  Some exercises may vary during the actual Hands on Lab versus what is listed in the HOL Page, due to industry setup and / or Presenter preferences.

## Create a New Message

1. Within the Basic Journey, click on Email action node
2.

   ![](https://api.archbee.com/api/optimize/uPOtL7uv91chg_DkhmUnr-FcEuQMpyKav_9wWI7jker-20250908-152232.jpg)
3. Enter a Label and Description for the message.
4. Choose **Email Marketing **for the Email Configuration.

## Define a Subject Line

1. Enter a Subject Line. 
2.

   ![](https://api.archbee.com/api/optimize/uPOtL7uv91chg_DkhmUnr-o7WUsO6uc_F7Cz3aQSNRH-20250908-153418.jpg)
3. Click on the Personalization icon to add personalized data available for a customer record. 
4. To add personalization, place your cursor where you want the personation added. Search for first name by searching for "first" and clicking the plus sign. Click Save.
5. You subject line should read something like: {{profile.person.name.firstName}} - Check out the New Products from Luma!
6.

   ![](https://api.archbee.com/api/optimize/uPOtL7uv91chg_DkhmUnr-amMWwt2-Bdyf5W-Cop1_u-20250908-153728.jpg)

## Design Email

1. Click Edit Email Body:
2. ::Image[]{src="https://api.archbee.com/api/optimize/uPOtL7uv91chg_DkhmUnr-o7WUsO6uc_F7Cz3aQSNRH-20250908-153418.jpg" size="68" width="501" height="466" position="center" showCaption="false"}
3. In the next Window, Select “Design from Scratch”


   ::Image[]{src="https://adbecdn.blob.core.windows.net/labs/archbee/gitbookAjoBase/image222.png" size="50" isUploading="false" width="1413" height="757" darkWidth="1413" darkHeight="757" showCaption="false"}
4. Click on the 1:1 Column. Drag it 10 times onto the Canvas.


   ::Image[]{src="https://adbecdn.blob.core.windows.net/labs/archbee/gitbookAjoBase/image277.png" size="50" isUploading="false" width="1414" height="966" darkWidth="1414" darkHeight="966" showCaption="false"}
5. Select Content Components


   ::Image[]{src="https://adbecdn.blob.core.windows.net/labs/archbee/gitbookAjoBase/image188.png" size="50" isUploading="false" width="1414" height="966" darkWidth="1414" darkHeight="966" showCaption="false"}
6. Add an Image Component in the first 1:1 Content Structure 
7. Add a Divider in the Second Component 
8. Add a Text Component in the Third Content Structure
9. Add a Divider in the Fourth Content Structure 
10. Add an Image in the Fifth Content Structure 
11. Add a Divider in the Sixth Content Structure 
12. Add a Button in the Seventh Component
13. Add a Divider in the Eight Content Structure
14. Add Social in the 9th Content Structure

    ::Image[]{src="https://adbecdn.blob.core.windows.net/labs/archbee/gitbookAjoBase/ScreenShot2022-08-19at12.01.04PM.png" size="50" isUploading="false" width="2246" height="1074" darkWidth="2246" darkHeight="1074" showCaption="false"}
15. Add a Divider in the last content structure
16. Select Browse to select an image. Go to the Luma Brand Folder and look for the Luma Logo. Resize as necessary using the Styles menu. 

    ![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/7xTrn9VBKNxtqtY3cb42X_screenshot-2024-06-18-at-90046-am.png)
17. The type and center align the following text: "Check out our new products at Luma!!"
18. Add a hero image to the email message for your email.
19. Next, click on the button at the bottom of the email, change the text to "Shop Now".
20. Your email should appear something like the following:
21.

    ![](https://api.archbee.com/api/optimize/uPOtL7uv91chg_DkhmUnr-F0YVxRZ_ukF323fsCrRLH-20250908-154710.jpg)
22. Click Save to save the message and then exit out of the Designer. 
23. End of Lab.