---
title: Email Designer
slug: latam-bootcamp-platform-retail-ptbr/email-designer
docTags: 
createdAt: 2024-01-22T15:42:14.371Z
---

Este laboratório apresenta as etapas para criar uma mensagem de email básica no Adobe Journey Optimizer.

NOTA: Alguns passos do exercício podem diferir do conteúdo da apresentação do laboratório.

## Criar uma nova mensagem de e-mail

1. Na Jornada básica, clique no nó de ação E-mail:

   ::Image[]{src="https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/SbGdZGFYCro7_V1zUsb0F_image.png" size="62" width="252" height="516" position="center" showCaption="false"}
2. Introduza uma etiqueta e uma descrição para a mensagem.
3. Escolha **Marketing  **para categoria e **MultiChannelMarketing **para Email Surfaces. 


   ::Image[]{src="https://adbecdn.blob.core.windows.net/labs/archbee/gitbookAjoBase/ScreenShot2022-08-19at11.55.20AM.png" size="50" isUploading="false" showCaption="false"}
4. Clique em **Edit content**. Isto abrirá a janela Designer de mensagens:



::Image[]{src="https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/LRgcKJNP5KGVtxQDc80mY_image.png" size="56" width="293" height="515" position="center" showCaption="false"}

## Defina a linha de assunto

1. Introduza uma linha de assunto.


   ::Image[]{src="https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/d2c6IshqjzxZRU63pSdMD_image.png" size="62" width="436" height="364" position="center" showCaption="false"}
2. Clique no ícone Personalização para adicionar dados personalizados disponíveis para o registro do cliente. Adicionamos "First Name" à mensagem.

3. Para adicionar personalização, coloque o cursor no local onde pretende adicionar a personalização. Procure o First Name procurando "first" e clicando no sinal de mais. Clique em Save.

   ![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/95hPGlJ4QUxL2ijDW-BY__image.png)



## Design Email

1. Clique em **Edit e-mail body** para abrir a janela Designer de e-mail:


   ::Image[]{src="https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/_Urgkw-q_z43Kot7EtM00_image.png" size="62" width="429" height="362" position="center" showCaption="false"}
2. Selecione “**Design from Scratch**”


   ::Image[]{src="https://adbecdn.blob.core.windows.net/labs/archbee/gitbookAjoBase/image222.png" size="50" isUploading="false" showCaption="false"}
3. Clique na coluna 1:1. Arraste-a 11 vezes para o Canvas. Clique em Save.
4.

   ![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/-e75ebRkrGndsydd4Pia4_image.png)
5. Selecione Content Components
6. Adicione Image Component no primeiro Component 
7. Adicione um Divider no segundo Component 
8. Adicione Text no terceiro Component 
9. Adicione Divider no quarto Component
10. Adicione Image no quinto Component
11. Adicione Divider no sexto Component
12. Adicione Button no sétimo Component
13. Adicione Divider no oitavo Component
14. Adicione Social no nono Component
15. Adicione Divider no décimo Component
16. AdicioneText no décimo primeiro Component.  Seu layout dever ser como abaixo:
17. ![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/oVXWt-ybucGvzunEaLcbf_image.png)
18. Seleccione Browse para selecionar uma imagem. Escolha o logótipo da SecurFinancial disponível na pasta FSI no Asset Essentials
19. Clique em cada componente e adicione o conteúdo que desejar. Uma vez concluído, o seu correio eletrónico deve ser semelhante a imagem abaixo.
20.
21. Clique Save para guardar a mensagem e, em seguida, sair do Designer.

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