---
title: Email Designer
slug: cuk-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 Archbee Page, due to industry setup and / or Presenter preferences.

## Create a New Message

1. Within the Basic Journey, click on Email action node&#x20;
2. Enter a Label and Description for the message.
3. Choose **Marketing&#x20;**&#x66;or Category and **emailMarketing&#x20;**&#x66;or Email Configuration.&#x20;

   ::Image[]{src="https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/107cgcpse7aJaFJN46owq_image.png" size="50" width="748" height="712" position="center" showCaption="false"}
4. Click on Edit Content

## Define a Subject Line

1. Enter the Subject Line "Keep the Cold One's Comin'!".&#x20;


   ::Image[]{src="https://adbecdn.blob.core.windows.net/labs/archbee/gitbookAjoBase/image210.png" size="50" isUploading="false" showCaption="false"}
2. Click on the Personalization icon to add personalized data available for customer record.

   ::Image[]{src="https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/HYn533JYAf2qaTzHOxhvL_image.png" size="56" width="1040" height="170" position="center" showCaption="false"}
3. 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.

   ::Image[]{src="https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/5aYEj-VQdOPzzenn-78QB_image.png" size="70" width="2714" height="978" position="center" showCaption="false"}



## Design Email

1. Click Edit email body

   ::Image[]{src="https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/mYYQJ6UN2wPzDSUcxH5AG_image.png" size="50" width="1004" height="298" position="center" showCaption="false"}
2. Select the **Upsell Packages - Incomplete** template from the **Saved Templates** section

   ![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/HeWxAU9HuDhPYHmvkbo5b_image.png)
3. Drag two **Offer decision components** into the canvas

   ![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/gICGRUYe5Wcd4oeYf0Z_N_image.png)
4. Click the **Add** button on the topmost **Offer Decision component** to add an offer decision

   ![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/BHk3C2Qagoq34BOmCDT6I_image.png)
5. Select the **Email - HTML - Hero** placement and add the **Upsell Hero Offer Decision**

   ![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/aa0CtLT-Op4frjN-wD7Il_image.png)
6. Repeat this step for the second **Offer Decision component**, but select the body placement and offer instead. Your email canvas should look like this:

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



