---
title: Push Message Designer
slug: adobe-retail-hol/push-message-designer
docTags: 
createdAt: 2024-01-22T15:43:08.842Z
---

This lab will walk through the steps to create a Push Message 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 your Journey, click on the Push action node you added to the canvas. 
2. Enter a Label and Description for the message.
3. Select **Marketing** for Category and **MultiChannelMarketing **for Push Surfaces 

   ::Image[]{src="https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/kPu5PmRYOXprkiGM4T8D__screenshot-2024-01-25-at-15229-pm.png" size="50" width="333" height="595" position="flex-start" showCaption="false"}


4. Click on Edit Content.

## Design Push Message

1. Choose iOS to design push message for the iOS operating system.

   ::Image[]{src="https://adbecdn.blob.core.windows.net/labs/archbee/gitbookAjoBase/ScreenShot2022-08-31at3.39.47PM.png" size="44" width="193" height="76" position="flex-start" showCaption="false"}
2. Enter a title and body for the message. You can include a personalization field suchj as first name.

   ::Image[]{src="https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/E9YAfg3F77dmCCM-f3lHR_screenshot-2024-01-25-at-15510-pm.png" size="80" width="572" height="318" position="flex-start" showCaption="false"}
3. Choose the option "Open App" for On Click behavior.

   ::Image[]{src="https://adbecdn.blob.core.windows.net/labs/archbee/gitbookAjoBase/ScreenShot2022-08-31at3.40.03PM.png" size="56" width="426" height="173" position="flex-start" showCaption="false"}
4. Choose image to be displayed along with the message by clicking on the "Add Media" button which will open up Asset Essentials.

   ::Image[]{src="https://adbecdn.blob.core.windows.net/labs/archbee/gitbookAjoBase/ScreenShot2022-08-31at3.40.13PM.png" size="76" width="762" height="242" position="flex-start" showCaption="false"}
5. Add a button along with a label (optional).

   ::Image[]{src="https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/4_aO46tJ_2yqOCtMcVIAl_screenshot-2024-01-25-at-21205-pm.png" size="72" width="583" height="146" position="flex-start" showCaption="false"}
6. Review and confirm the message setup in the message preview area. 

   ::Image[]{src="https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/r3n1U9IWFDhX-lkNA3AdT_screenshot-2024-01-25-at-20359-pm.png" size="46" width="410" height="720" position="flex-start" showCaption="false"}
7. Repeat above steps for Android operating system (optional). 
8. Exit out of the designer.