> For the complete documentation index, see [llms.txt](https://help.impact.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.impact.com/brand/pt-br/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/email-experiences/create-and-customize-advocate-program-emails.md).
# Criar e personalizar e-mails do programa Advocate
Faça o curso PXA
Seu programa é configurado inicialmente com versões padrão dos emails 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 email. Recomendamos personalizar os emails 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/what-would-you-like-to-learn-about/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 emails.
#### Criar ou editar um modelo de email
Você terá pelo menos um email do programa criado quando estiver configurando as regras do seu programa. Recomendamos editar os emails existentes do programa e criar um novo apenas se necessário.
1. No menu de navegação à esquerda, selecione  **\[Engage] → Conteúdo**.
2. Na *E-mails* cartão, selecione **Criar novo** ou **Editar emails** para editar modelos existentes.
3. Se você estiver criando um novo modelo, selecione **Criar um novo modelo de email** e insira um ID curto e descritivo do modelo de email (ex.: Acme Advocates) para identificar o email. Use este ID para identificar o email ao configurar as regras do seu 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 os campos obrigatórios *Informações de contato* no topo da sua tela.
* Informe o **Nome do remetente** adicionando um nome estático exibido no email, por exemplo, Acme Advocates.
* Insira um **Endereço do remetente** a partir do qual o domínio personalizado do email se origina.
* Se você quiser ajustar o *De* endereço de email, você precisará ajustar suas configurações para garantir que nosso sistema esteja enviando emails autênticos em seu nome. Para usar um domínio de sua propriedade para o *Endereço do remetente*, você deve [configurar um domínio](/brand/pt-br/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/set-up-a-domain-for-advocate.md) da *Configurações* página.
* Insira um **BCC** para enviar uma cópia do email.
* Insira um **Assunto** para o email.
* Selecione **Concluído** para salvar estas informações.
5. Em seguida, prossiga para usar o editor.
#### Usando o editor
Talvez você precise atualizar seu editor de email para a versão mais recente antes de poder redigir seu email com facilidade. Para fazer isso, procure o banner azul no topo da página e selecione **Atualizar agora**.
Todas as imagens, textos e links no email são organizados em componentes individuais que compõem a estrutura do email. Esses componentes são os blocos de construção do email.
{% hint style="success" icon="memo-circle-check" %}
**Observação:** Consulte a [*Referência de componentes de email*](#component-reference-0-2) seção 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 email como um todo ou enviar um email de teste. Você também pode alternar entre a visualização da tela para desktop ou para dispositivos móveis.
* **Mostrar estrutura** - Esta opção aplica uma grade à tela para que você possa verificar o alinhamento dos vários componentes.
* **Mostrar tags de mesclagem** - Esta opção permite ativar a visualização de como seus valores dinâmicos 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 email** - Esta opção permite importar quaisquer modelos de email existentes que você tenha criado.
* **Exportar modelo de email** - Depois de redigir seu email, você pode usar esta opção para exportar o modelo de email.
Adicionar um componente de email
**Limitado:** Adicionar componentes extras a um email do Advocate está disponível apenas para edições específicas do Advocate. [Entre em contato com o suporte](https://app.impact.com/support/portal.ihtml) para fazer upgrade da 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 email onde você deseja que ele apareça. Uma barra verde aparecerá no email para ajudar a posicionar o novo componente.
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 opções de edição para esse componente.
4. **Salvar** suas alterações.
* O editor de email 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 interagirão com os componentes existentes no email, 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 à cópia existente.
{% endhint %}
Excluir um componente
1. Na *área de trabalho*, selecione o componente que deseja excluir.
2. Selecione  **\[Excluir]** para excluir o componente do email.
3. **Salvar** suas alterações.
Atualizar o texto do email
O texto do email é dividido em componentes de texto gerenciados em diferentes seções do email.
1. Adicione um novo componente de texto a partir da  **\[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, em *conteúdo* seção.
4. Depois que as atualizações estiverem concluídas, selecione **Ações** ![\[Drop-down menu\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-d6b35853a9aa1f1fe6bd66da29bd09fa.svg) **\[Menu suspenso] → Enviar email de teste** para enviar um email de teste para você.
5. Se o email de teste parecer bom, **Salvar** suas alterações.
Adicionar uma imagem personalizada
**Limitado:** Adicionar um componente extra de imagem personalizada a um email do Advocate está disponível apenas para edições específicas do Advocate. [Entre em contato com o suporte](https://app.impact.com/support/portal.ihtml) para fazer upgrade da sua conta e acessar este recurso.
1. Adicione um novo componente de imagem ou destaque o componente de imagem que deseja atualizar.
2. Depois de selecionado, clique duas vezes nele para abrir a janela *Selecionar imagem* Selecione a **Adicionar imagens** para selecionar a imagem que você gostaria de usar. Depois que a imagem for carregada na *Selecionar imagem* janela, clique duas vezes nela para adicioná-la ao novo componente.
3. Ajuste o tamanho e a posição da imagem usando os seletores na *Área de trabalho*.
4. Depois que as atualizações estiverem concluídas, selecione **Ações** ![\[Drop-down menu\]](https://paligoapp-cdn-eu1.s3.eu-west-1.amazonaws.com/impact/attachments/f01cdffa431a4d75ff09c130b66974d4-d6b35853a9aa1f1fe6bd66da29bd09fa.svg) **\[Menu suspenso]** → **Enviar email de teste** para enviar um email de teste para você.
5. Se o email de teste parecer 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 email. 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 email. Por exemplo, se você usar *"Olá `{{user.firstName}}`. Como você está?"* no seu email, mas o usuário não tiver dados no campo firstName, o email será exibido como *"Olá . Como você está?"*.
{% 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 deseja inserir a tag de mesclagem e, em seguida, selecione **Tags de mesclagem**.
3. **Salvar** suas alterações.
{% hint style="danger" %}
**Importante:** Um email de teste enviado dentro do editor não incluirá nenhum valor onde as tags de mesclagem foram inseridas.
{% endhint %}
#### Referência de componentes de email
Esta seção mostrará os vários ícones da barra de ferramentas disponíveis no editor de email.
Ícones de conteúdo
Esta guia é onde você pode inserir componentes e editar a aparência de cada componente depois de selecionado e inserido na tela:
| Elemento | Descrição |
| -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **\[Código de recompensa em dinheiro do Advocate]** | Insira um componente de código de recompensa em dinheiro do Advocate na tela 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 tela para criar códigos de recompensa fueltank. |
| **\[Código de recompensa de amigo]** | Insira um componente de código de recompensa de amigo na tela para criar códigos de recompensa fueltank para compartilhar com amigos. |
|  **\[Título]** | Insira um componente de texto de título na tela. |
|  **\[Parágrafo]** | Insira um componente de texto de parágrafo na tela. |
|  **\[Lista]** | Insira um componente de lista com marcadores na tela. |
|  **\[Imagem]** | Insira um componente de imagem na tela. |
|  **\[Botão]** | Insira um componente de botão interativo na tela. |
|  **\[Divisor]** | Insira um componente divisor na tela. |
|  **\[Espaçador]** | Insira um componente espaçador na tela. |
|  **\[Social** | Insira um componente social para adicionar botões de redes sociais com links para suas várias plataformas sociais. |
|  **\[Conteúdo dinâmico]** | Insira componentes de conteúdo dinâmico para incluir informações que você deseja preencher dinamicamente no momento do envio dos emails, para que o email tenha um toque personalizado. |
|  **\[HTML]** | Insira componentes codificados em HTML na tela. Você pode inserir o código à direita e ele será formatado na tela. |
|  **\[Ícones]** | Insira um componente de ícone na tela. |
Linhas
Aqui você encontra mais seções de email pré-criadas que podem ser adicionadas aos seus emails simplesmente arrastando e soltando-as no lugar.
* **Padrão** - blocos de conteúdo pré-criados.
* **Vazio** - insira espaço reservado para conteúdo que você possa 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 guia é onde você pode modificar e alterar as configurações de design. Essas configurações são aplicadas a todo o email.
* **Largura da área de conteúdo** - Altere a largura da área da tela onde seu conteúdo é adicionado.
* **Alinhamento da área de conteúdo** - Selecione se você deseja que o conteúdo do email fique alinhado à esquerda ou ao centro da tela.
* **Cor de fundo** - Selecione o bloco de cor para escolher um tom do gradiente de cores que aparecerá ou insira o código hex para uma cor precisa do fundo do email. Para fundos transparentes, basta digitar “transparent” como o código hex.
* **Cor de fundo da área de conteúdo** - Selecione o bloco de cor para escolher um tom do 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 o código hex.
* **Fonte padrão** - Selecione a fonte que você deseja usar nos seus componentes de texto. A lista suspensa mostra uma prévia de como cada opção de fonte ficará.
* **Cor do link** - Selecione o bloco de cor para escolher um tom do gradiente de cores que aparecerá ou insira o código hex para uma cor precisa dos links. Para fundos transparentes, basta digitar “transparent” como o código hex.
* **HTML personalizado do cabeçalho** - Selecione esta opção para inserir qualquer código HTML personalizado que você gostaria de incorporar ao modelo de email.
---
# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.
## 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, and the optional `goal` query parameter:
```
GET https://help.impact.com/brand/pt-br/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/email-experiences/create-and-customize-advocate-program-emails.md?ask=&goal=
```
`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.
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 em dinheiro do Advocate]** | Insira um componente de código de recompensa em dinheiro do Advocate na tela 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 tela para criar códigos de recompensa fueltank. |
| 
**\[Código de recompensa de amigo]** | Insira um componente de código de recompensa de amigo na tela para criar códigos de recompensa fueltank para compartilhar com amigos. |
|  **\[Título]** | Insira um componente de texto de título na tela. |
|  **\[Parágrafo]** | Insira um componente de texto de parágrafo na tela. |
|  **\[Lista]** | Insira um componente de lista com marcadores na tela. |
|  **\[Imagem]** | Insira um componente de imagem na tela. |
|  **\[Botão]** | Insira um componente de botão interativo na tela. |
|  **\[Divisor]** | Insira um componente divisor na tela. |
|  **\[Espaçador]** | Insira um componente espaçador na tela. |
|  **\[Social** | Insira um componente social para adicionar botões de redes sociais com links para suas várias plataformas sociais. |
|  **\[Conteúdo dinâmico]** | Insira componentes de conteúdo dinâmico para incluir informações que você deseja preencher dinamicamente no momento do envio dos emails, para que o email tenha um toque personalizado. |
|  **\[HTML]** | Insira componentes codificados em HTML na tela. Você pode inserir o código à direita e ele será formatado na tela. |
|  **\[Ícones]** | Insira um componente de ícone na tela. |