---
title: Lab: Email Designer
slug: pande-specialist-hol/lab-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 


   ::Image[]{src="https://adbecdn.blob.core.windows.net/labs/archbee/gitbookAjoBase/ScreenShot2022-08-19at10.57.06AM.png" size="50" isUploading="false" showCaption="false"}
2. Enter a Label and Description for the message.
3. Choose **EmailMarketing** as your Email configuration. 


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


   ::Image[]{src="https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/lynGz1vGkRLve5VzNvxEB_image.png" size="50" width="334" height="533" position="center" showCaption="false"}

## Define a Subject Line

1. Enter a Subject Line. 


   ::Image[]{src="https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/BGI5GFq0qAHOlLaWYUICA_image.png" size="52" width="484" height="416" position="center" 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/XlIi5iPrJs0nXZwInfaLv_image.png" size="70" width="484" height="87" 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://adbecdn.blob.core.windows.net/labs/archbee/gitbookAjoBase/ScreenShot2022-08-19at11.16.28AM.png" size="50" isUploading="false" showCaption="false"}



## Design Email

1. Click Email Designer


   ::Image[]{src="https://adbecdn.blob.core.windows.net/labs/archbee/gitbookAjoBase/image287.png" size="50" isUploading="false" showCaption="false"}
2. Select “**Saved Templates**” and select the **CitiSignal - 3 Offer** template

   ::Image[]{src="https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/B6uPRKIEBpbpnhfRva337_image.png" size="48" width="686" height="594" position="center" showCaption="false"}
3. Add Offer Decision for placement: **Email - HTML 1** in the left most position.
4. Add Offer Decision for placement: **Email - HTML 2** in the middle position.
5. Add Offer Decision for placement: **Email - HTML 3** in the right most position. 

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/TeP6s3lr_vtlfD2Of5zXM_screenshot-2024-10-29-at-41756-pm.png)

Click Save and Exit by clicking on the arrow located on the top left corner of your screen. Now, get back to the journey canvas.

## Duplicating an Email and Content Generation

1. Once back on the canvas, you should highlight your email node. Then click on the duplication icon on the configuration pane (right where the eyeball icon is located next to the cancel button). Click Save to exit. 
2. Now, in the canvas paste the node (ctrl + v or command key + v) 
3. Connect the new email node to the timeout path of our Real time experience event.
4. Then, click on the node to open the properties pane. Click Edit Content.
5. Click on the magic wand. Then, on the prompt, type something that denotes more urgency on our subject line. For example: "*Need a reminder for an offer I sent 3 days ago. It needs to be urgent in tone but friendly.*"
6. Select the variation you want. Then save. Go back to your journey canvas, and change the label to reminder.