---
title: Email Designer
slug: nyc-ucx-bootcamp/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 **Transactional **for Category and select **Email-Transactional**:


   ::Image[]{src="https://adbecdn.blob.core.windows.net/labs/archbee/gitbookAjoBase/ScreenShot2022-08-19at11.55.20AM.png" size="50" isUploading="false" showCaption="false"}
4. Click on Edit Content


   ::Image[]{src="https://adbecdn.blob.core.windows.net/labs/archbee/gitbookAjoBase/ScreenShot2022-08-19at11.09.00AM.png" size="50" isUploading="false" showCaption="false"}

## Using Content Templates

For an accelerated and improved design process, you can create standalone templates to easily reuse custom content across Journey Optimizer campaigns and journeys.

This functionality enables content-oriented users to work on templates outside campaigns or journeys. Marketing users can then reuse and adapt these standalone content templates inside their own journeys or campaigns.

1. Click on Content Template.
2. Select Apply Content Template.

::Image[]{src="https://api.archbee.com/api/optimize/uIdZrLdy8jwVQ0Cgwe4TO-ht6uZAzSd2h-k5KCQmNN4-20240731-201022.png" size="74" width="520" height="274" position="center" showCaption="false"}

3\. Select the pre-saved Email Template

4\. This will give you a starting point to design your email. 

## Update Content Design

1. Click on Edit Email Body

   ![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/cv3rPj47o3j_C_aFtSdg2_screenshot-2025-05-30-at-70634-pm.png)

### Update text content with Personalization

1. Click on the text content block that says "**Forgetting something, \[First Name]?**"
2. Delete **\[First Name]** from the text.
3. Search for the term "first" in the Profile attributes box. Add the first name attribute to the canvas

::Image[]{src="https://api.archbee.com/api/optimize/uIdZrLdy8jwVQ0Cgwe4TO-A635gW9eD-86wmpbst0yU-20240731-203538.png" size="76" width="1388" height="386" position="center" showCaption="false"}

5\. Click Save.

6\. Format the test string appropriately with a comma and spacing between the fist name attribute and the rest of the string.

### Use AI to generate Image Content

1. Click on the Image content block right below the Offer block.
2. Click on Generate and select an image button on the right panel.

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/wPbVg5QPhY66dVBmNLYZH_screenshot-2025-05-30-at-71317-pm.png)

3\. Type a prompt to generate an image that meets the shopping cart use case story. Example: "Family in Shopping Center"

4\. Click on Generate

5\. Select the variation that you like best and click on Use this content on the top right. import the image into the HOL4 directory of the Asset repo.

::Image[]{src="https://api.archbee.com/api/optimize/uIdZrLdy8jwVQ0Cgwe4TO-9xl5NEoVcpaL44Zuu-8S0-20240731-205352.png" size="74" width="2612" height="1254" position="center" showCaption="false"}

### Clickable Link

1. Click on the Button content block.
2. Edit the label in the right panel to "Return to Cart".
3. Choose button type: External Link. Add a value of choice.

:::BlockQuote
Note: Similar button could be used to display an Unsubscribe. Type would be set to One-click Opt-out
:::

### Fragments

A fragment is a reusable component that can be referenced in one or more emails across Journey Optimizer campaigns, journeys or content template.

1. Click on the Fragments icon on the left panel.
2. Drag the Footer fragment into the empty content holder below Social

![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/ISxGEPZScrhGBz060AELS_screenshot-2025-05-30-at-71536-pm.png)

## Add Your Offer Decision

1. Click on the Plus sign to get back to content blocks. 
2. Scroll down until you see offer decision content block. 
3. Drag and drop it into the appropiate section.
4. Click on the "Add" button that shows up once you drop the block.
5. Select the "Email - Image" placement. 
6. Search for your decision and add it to the canvas.

![](https://api.archbee.com/api/optimize/o6R1-G6_FxMij7HYjp-lr-AD4jrsRV5okaSgcunoBYH-20250531-013155.png)

![](https://api.archbee.com/api/optimize/o6R1-G6_FxMij7HYjp-lr-DJa2wP8DWu9j6kFqWlWsw-20250531-013658.png)

## Using AI to define a Subject Line

1. Click on the back arrow to land on the Subject Line Screen
2. Click on the AI Assistance icon.

::Image[]{src="https://api.archbee.com/api/optimize/uIdZrLdy8jwVQ0Cgwe4TO-2u8G-m7wLkiK3kT7dLd29-20240801-014927.png" size="76" width="1397" height="757" position="center" showCaption="false"}

3\. Provide a relevant prompt to meet the purpose of the emai. Example: *`Email subject line for return to cart nudge with discounts inside`*

4\. Select a suitable variation and click Save.

## Simulating for sample profiles

1. Click the Simulate content button and select Simulate Content option anytime during the process to simulate for specific profiles

::Image[]{src="https://api.archbee.com/api/optimize/uIdZrLdy8jwVQ0Cgwe4TO-HZ_yiKBTptJUgsJ_cojSo-20240801-015510.png" size="74" width="453" height="128" position="center" showCaption="false"}

2\. Click on Manage profiles

3\. Use the below two profiles for simulations

:::BlockQuote
       Identity namespace: Email
       Identity value: 
          a. noah\_martin\_30541\@msn.svpoc.io
          b. mia\_lee\_27684\@yahoo.svpoc.io
:::

Note: if you recieve a warning, simply check what it is on the button View Configuration Details. The error means we have no data on specific fields on the channel configuration, but this is fine. This is expected and part of the lab to showcase the level of protection accross the workflows.