# Criar e Personalizar E-mails do Programa Advocate
Faça o curso PXA
Seu programa é configurado inicialmente com versões padrão dos e-mails do programa para colocá-lo em funcionamento o mais rápido possível. Essas versões padrão vêm com imagens e mensagens genéricas para transmitir a essência do e-mail. Recomendamos personalizar os e-mails do seu programa para garantir que as informações sejam relevantes para o seu programa e produto.
Veja nossa documentação sobre [tags de mesclagem](/brand/pt-br/sobre-o-que-voce-gostaria-de-aprender/advocate-program/manage-advocate-participant-experiences/email-experiences/merge-tags-for-program-emails.md) para obter informações sobre como incluir detalhes específicos do participante nos seus e-mails.
#### Criar ou editar um modelo de e-mail
Você terá pelo menos um e-mail do programa criado ao configurar as regras do programa. Recomendamos editar os e-mails existentes do programa e criar um novo apenas se necessário.
1. No menu de navegação à esquerda, selecione  **\[Engajar] → Conteúdo**.
2. Na *E-mails* cartão, selecione **Criar novo** ou **Editar e-mails** para editar modelos existentes.
3. Se você estiver criando um novo modelo, selecione **Criar um novo modelo de e-mail** e insira um ID curto e descritivo para o modelo de e-mail (por exemplo, Acme Advocates) para identificar o e-mail. Use este ID para identificar o e-mail ao configurar as regras do programa.
* Selecione  **\[Mais]** para excluir um modelo.
* Selecione  **\[Ícone de sair]** para minimizar o menu lateral.
4. Antes de usar o editor, selecione **Editar** para preencher as informações obrigatórias de *Informações de contato* na parte superior da tela.
* Insira o **Nome do remetente** adicionando um nome estático que será exibido no e-mail, por exemplo, Acme Advocates.
* Insira um **Endereço do remetente** do qual o domínio personalizado do e-mail se origina.
* Se você quiser ajustar o *De* endereço de e-mail, será necessário ajustar suas configurações para garantir que nosso sistema esteja enviando e-mails autênticos em seu nome. Para usar um domínio que você possui para o *Endereço do remetente*, você deve [configurar um domínio](/brand/pt-br/sobre-o-que-voce-gostaria-de-aprender/advocate-program/manage-advocate-participant-experiences/set-up-a-domain-for-advocate.md) na página de *Configurações* .
* Insira um **BCC** para enviar uma cópia do e-mail.
* Insira um **Assunto** do e-mail.
* Selecione **Concluído** para salvar estas informações.
5. Em seguida, passe a usar o editor.
#### Usando o editor
Pode ser necessário atualizar seu editor de e-mail para a versão mais recente antes de poder redigir seu e-mail com facilidade. Para isso, procure o banner azul no topo da página e selecione **Atualizar agora**.
Todas as imagens, textos e links no e-mail são organizados em componentes individuais que formam a estrutura do e-mail. Esses componentes são os blocos de construção do e-mail.
{% hint style="success" icon="memo-circle-check" %}
**Observação:** Consulte a seção [*Referência de componentes de e-mail*](#component-reference-0-2) abaixo para entender melhor como os ícones do editor funcionam.
{% endhint %}
Opções de visualização
* **Menu suspenso de ações** - Esta opção permite escolher entre visualizar o e-mail como um todo ou enviar um e-mail de teste. Você também pode alternar entre a visualização da área de trabalho para desktop ou para celular.
* **Mostrar estrutura** - Esta opção aplica uma grade à área de trabalho para que você possa verificar o alinhamento dos vários componentes.
* **Mostrar tags de mesclagem** - Esta opção permite ativar a visualização dos valores dinâmicos que serão exibidos aos destinatários. Por exemplo, em vez de ver o texto de espaço reservado, como *Nome da empresa*, você verá o nome real da empresa, por exemplo, Stark Industries.
* **Importar modelo de e-mail** - Esta opção permite importar qualquer modelo de e-mail existente que você tenha criado.
* **Exportar modelo de e-mail** - Depois de redigir seu e-mail, você pode usar esta opção para exportar o modelo de e-mail.
Adicionar um componente de e-mail
**Limitado:** Adicionar componentes extras a um e-mail de Advocates só está disponível em edições específicas do Advocate. [Entre em contato com o suporte](https://app.impact.com/support/portal.ihtml) para atualizar sua conta e acessar este recurso.
1. Selecione  **\[Conteúdo]** para escolher um novo componente.
2. **Selecione e arraste** o componente para a área do e-mail onde você deseja que ele apareça. Uma barra verde aparecerá no e-mail para ajudar você a posicionar o novo componente no seu e-mail.
3. Opcionalmente, ajuste o conteúdo ou a aparência do componente:
* **Selecione** o componente que você gostaria de alterar.
* À direita, na seção de conteúdo, aparecerão as opções de edição desse componente.
4. **Salvar** suas alterações.
* O editor de e-mail não salva as alterações automaticamente. Certifique-se de selecionar **Salvar** no canto superior direito da tela. Se você cometer um erro, pode sair do editor e as alterações não serão salvas.
{% hint style="success" icon="memo-circle-check" %}
**Observação:** Novos componentes interagem com os componentes existentes no e-mail, o que pode fazer com que textos e imagens existentes sejam deslocados. Normalmente é mais fácil fazer alterações nos componentes existentes atualizando uma imagem já existente ou adicionando texto ao conteúdo já existente.
{% endhint %}
Excluir um componente
1. Na *área de trabalho*, selecione o componente que você deseja excluir.
2. Selecione  **\[Excluir]** para excluir o componente do e-mail.
3. **Salvar** suas alterações.
Atualizar o texto do e-mail
O texto do e-mail é dividido em componentes de texto que são gerenciados em diferentes seções do e-mail.
1. Adicione um novo componente de texto na  **\[Conteúdo]** seção ou selecione um componente existente.
2. Ajuste o texto no componente digitando diretamente na área.
3. Com o componente de texto destacado, você pode alterar a fonte, a cor, o peso ou o espaçamento do texto à esquerda, na seção *conteúdo* .
4. Depois de concluir as atualizações, selecione **Ações** ![\[Drop-down menu\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-d6b35853a9aa1f1fe6bd66da29bd09fa.svg) **\[Menu suspenso] → Enviar e-mail de teste** para enviar um e-mail de teste para você.
5. Se o e-mail de teste estiver bom, **Salvar** suas alterações.
Adicionar uma imagem personalizada
**Limitado:** Adicionar um componente extra de imagem personalizada a um e-mail de Advocates só está disponível em edições específicas do Advocate. [Entre em contato com o suporte](https://app.impact.com/support/portal.ihtml) para atualizar sua conta e acessar este recurso.
1. Adicione um novo componente de imagem ou destaque o componente de imagem que você deseja atualizar.
2. Depois de selecionado, clique duas vezes nele para abrir a janela *Selecionar imagem* . Selecione **Adicionar imagens** para escolher a imagem que você gostaria de usar. Depois que a imagem carregar na *Selecionar imagem* janela, clique duas vezes nela para adicioná-la ao novo componente.
3. Ajuste o tamanho e a localização da imagem usando os seletores na *Área de trabalho*.
4. Depois de concluir as atualizações, selecione **Ações** ![\[Drop-down menu\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-d6b35853a9aa1f1fe6bd66da29bd09fa.svg) **\[Menu suspenso]** → **Enviar e-mail de teste** para enviar um e-mail de teste para você.
5. Se o e-mail de teste estiver bom, **Salvar** suas alterações.
Adicionar conteúdo dinâmico
As tags de mesclagem permitem adicionar conteúdo dinâmico, como o nome do participante ou o valor recompensado, ao texto do e-mail. Você pode adicionar uma tag de mesclagem a qualquer componente de texto.
{% hint style="success" icon="memo-circle-check" %}
**Observação:** Se não houver nenhuma informação correspondente à tag de mesclagem que você estiver usando, os participantes verão um espaço extra no texto do e-mail. Por exemplo, se você usar *"Olá `{{user.firstName}}`. Como vai você?"* no seu e-mail, mas o usuário não tiver dados no campo firstName, o e-mail será exibido como *"Olá . Como vai você?"*.
{% endhint %}
1. Na área da tela, adicione ou selecione o componente de texto ao qual você deseja adicionar uma tag de mesclagem.
2. Na barra de ferramentas vinculada ao componente, posicione o cursor na área em que você deseja colocar a tag de mesclagem e, em seguida, selecione **Tags de mesclagem**.
3. **Salvar** suas alterações.
{% hint style="danger" %}
**Importante:** Um e-mail de teste enviado dentro do editor não incluirá nenhum valor nos locais onde as tags de mesclagem foram inseridas.
{% endhint %}
#### Referência de componentes de e-mail
Esta seção mostrará os vários ícones da barra de ferramentas disponíveis no editor de e-mail.
Ícones de conteúdo
Esta aba é onde você pode inserir componentes e editar a aparência de cada componente, uma vez selecionado e inserido na área de trabalho:
| Elemento | Descrição |
| ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **\[Código de recompensa em dinheiro do Advocate]** | Insira um componente de código de recompensa em dinheiro do Advocate na área de trabalho para exibir os códigos de recompensa em dinheiro disponíveis. |
| **\[Código de recompensa do Advocate]** | Insira um componente de código de recompensa do Advocate na área de trabalho para criar códigos de recompensa fueltank. |
| **\[Código de recompensa para amigo]** | Insira um componente de código de recompensa para amigo na área de trabalho para criar códigos de recompensa fueltank para compartilhar com amigos. |
|  **\[Título]** | Insira um componente de texto de título na área de trabalho. |
|  **\[Parágrafo]** | Insira um componente de texto de parágrafo na área de trabalho. |
|  **\[Lista]** | Insira um componente de lista com marcadores na área de trabalho. |
|  **\[Imagem]** | Insira um componente de imagem na área de trabalho. |
|  **\[Botão]** | Insira um componente de botão interativo na área de trabalho. |
|  **\[Divisor]** | Insira um componente divisor na área de trabalho. |
|  **\[Espaçador]** | Insira um componente espaçador na área de trabalho. |
|  **\[Social** | Insira um componente social para adicionar botões de mídias sociais com links para suas várias plataformas sociais. |
|  **\[Conteúdo dinâmico]** | Insira componentes de conteúdo dinâmico para inserir informações que você deseja preencher dinamicamente no momento do envio dos e-mails, para que o e-mail tenha um toque personalizado. |
|  **\[HTML]** | Insira componentes em código HTML na área de trabalho. Você pode inserir o código à direita e ele será formatado dentro da área de trabalho. |
|  **\[Ícones]** | Insira um componente de ícone na área de trabalho. |
Linhas
Aqui você encontra mais seções de e-mail pré-criadas que podem ser adicionadas aos seus e-mails simplesmente arrastando e soltando-as no lugar.
* **Padrão** - blocos de conteúdo pré-criados.
* **Vazio** - insira um espaço reservado para conteúdo que você pode adicionar posteriormente.
* **Personalizado** - crie seu próprio conteúdo para inserir, especialmente útil quando se trata de reutilização de conteúdo.
Configurações
Esta aba é onde você pode modificar e alterar as configurações de design. Essas configurações são aplicadas ao e-mail inteiro.
* **Largura da área de conteúdo** - Altere a largura da área da tela na qual seu conteúdo é adicionado.
* **Alinhamento da área de conteúdo** - Selecione se você deseja que o conteúdo do e-mail fique alinhado à esquerda ou ao centro da área de trabalho.
* **Cor de fundo** - Selecione o bloco de cor para escolher um tom da gradiente de cores que aparecerá ou insira o código hex para uma cor precisa do fundo do e-mail. Para fundos transparentes, basta digitar “transparent” como código hex.
* **Cor de fundo da área de conteúdo** - Selecione o bloco de cor para escolher um tom da gradiente de cores que aparecerá ou insira o código hex para uma cor precisa do fundo da área de conteúdo. Para fundos transparentes, basta digitar “transparent” como código hex.
* **Fonte padrão** - Selecione a fonte que você deseja para os componentes de texto. A lista suspensa mostra uma prévia de como ficará cada opção de fonte.
* **Cor do link** - Selecione o bloco de cor para escolher um tom da gradiente de cores que aparecerá ou insira o código hex para uma cor precisa dos links. Para fundos transparentes, basta digitar “transparent” como código hex.
* **HTML do cabeçalho personalizado** - Selecione esta opção para inserir qualquer código HTML personalizado que você gostaria de incorporar ao modelo de e-mail.
---
# Agent Instructions: Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter:
```
GET https://help.impact.com/brand/pt-br/sobre-o-que-voce-gostaria-de-aprender/advocate-program/manage-advocate-participant-experiences/email-experiences/create-and-customize-advocate-program-emails.md?ask=
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
**\[Código de recompensa do Advocate]** | Insira um componente de código de recompensa do Advocate na área de trabalho para criar códigos de recompensa fueltank. |
| 
**\[Código de recompensa para amigo]** | Insira um componente de código de recompensa para amigo na área de trabalho para criar códigos de recompensa fueltank para compartilhar com amigos. |
|  **\[Título]** | Insira um componente de texto de título na área de trabalho. |
|  **\[Parágrafo]** | Insira um componente de texto de parágrafo na área de trabalho. |
|  **\[Lista]** | Insira um componente de lista com marcadores na área de trabalho. |
|  **\[Imagem]** | Insira um componente de imagem na área de trabalho. |
|  **\[Botão]** | Insira um componente de botão interativo na área de trabalho. |
|  **\[Divisor]** | Insira um componente divisor na área de trabalho. |
|  **\[Espaçador]** | Insira um componente espaçador na área de trabalho. |
|  **\[Social** | Insira um componente social para adicionar botões de mídias sociais com links para suas várias plataformas sociais. |
|  **\[Conteúdo dinâmico]** | Insira componentes de conteúdo dinâmico para inserir informações que você deseja preencher dinamicamente no momento do envio dos e-mails, para que o e-mail tenha um toque personalizado. |
|  **\[HTML]** | Insira componentes em código HTML na área de trabalho. Você pode inserir o código à direita e ele será formatado dentro da área de trabalho. |
|  **\[Ícones]** | Insira um componente de ícone na área de trabalho. |