> 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 de e-mails do programa para colocá-lo em funcionamento o mais rápido possível. Essas versões padrão vêm carregadas 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/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 em 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 seu 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  **\[Engage] → Conteúdo**.
2. No *E-mails* cartão, selecione **Criar novo** ou **Editar e-mails** para editar modelos existentes.
3. Se estiver criando um novo modelo, selecione **Criar um novo modelo de e-mail** e insira um ID de modelo de e-mail curto e descritivo (por exemplo, Acme Advocates) para identificar o e-mail. Use esse ID para identificar o e-mail ao configurar as regras do seu programa.
* Selecione  **\[Mais]** para excluir um modelo.
* Selecione  **\[Ícone de saída]** para minimizar o menu lateral.
4. Antes de usar o editor, selecione **Editar** para preencher o campo obrigatório *Informações de contato* na parte superior da tela.
* Insira o **Nome do remetente** adicionando um nome estático que é exibido no e-mail, por exemplo, Acme Advocates.
* Insira um **Endereço do remetente** de onde se origina o domínio personalizado do e-mail.
* Se quiser ajustar o *Remetente* endereço de e-mail, você precisará ajustar suas configurações para garantir que nosso sistema esteja enviando e-mails 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 e-mail.
* Insira um **Assunto** para o e-mail.
* Selecione **Concluído** para salvar essas informações.
5. Em seguida, prossiga para usar o editor.
#### Usando o editor
Talvez você precise atualizar seu editor de e-mail para a versão mais recente antes de conseguir redigir seu e-mail com facilidade. Para fazer isso, procure o banner azul no topo da página e selecione **Atualizar agora**.
Todas as imagens, textos e links do e-mail são organizados em componentes individuais que compõem 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 [*Referência dos componentes do e-mail*](#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 e-mail como um todo ou enviar um e-mail 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 possibilidade de ver o que seus valores dinâmicos exibirão 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 quaisquer modelos de e-mail existentes 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 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 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ê quer que ele apareça. Uma barra verde aparecerá no e-mail para ajudar você 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 as opções de edição desse componente.
4. **Salvar** suas alterações.
* O editor de e-mail não salva 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:** Os novos componentes interagem com os componentes existentes no e-mail, o que pode fazer com que textos e imagens existentes sejam deslocados. Geralmente é mais fácil fazer alterações nos componentes existentes atualizando uma imagem existente ou adicionando texto à cópia existente.
{% endhint %}
Excluir um componente
1. No *área de trabalho*, selecione o componente que você quer 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 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 do componente digitando diretamente na área.
3. Com o componente de texto destacado, você pode alterar a fonte, cor, peso ou espaçamento do texto à esquerda, em *conteúdo* seção.
4. Depois que suas 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 e-mail de teste** para enviar um e-mail de teste para você mesmo.
5. Se o e-mail de teste parecer bom, **Salvar** suas alterações.
Adicionar uma imagem personalizada
**Limitado:** Adicionar um componente extra de imagem personalizada a um e-mail de 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 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 selecionar a imagem que você gostaria de usar. Depois que a imagem for carregada na janela *Selecionar imagem* , 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 que suas 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 e-mail de teste** para enviar um e-mail de teste para você mesmo.
5. Se o e-mail 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 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 informações correspondentes à tag de mesclagem que você está 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ê?"* em seu e-mail, mas o usuário não tiver dados no campo firstName, o e-mail será renderizado como *"Olá . Como vai você?"*.
{% endhint %}
1. Na área da tela, adicione ou selecione o componente de texto ao qual deseja adicionar uma tag de mesclagem.
2. Na barra de ferramentas vinculada ao componente, posicione o cursor na área onde deseja inserir 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 onde as tags de mesclagem foram inseridas.
{% endhint %}
#### Referência dos componentes do e-mail
Esta seção orientará você pelos 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 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 mídia social e vincular às suas várias plataformas sociais. |
|  **\[Conteúdo dinâmico]** | Insira componentes de conteúdo dinâmico para incluir informações que você deseja que sejam preenchidas dinamicamente no momento do envio dos e-mails, para que o e-mail tenha um toque personalizado. |
|  **\[HTML]** | Insira componentes com código HTML na tela. Você pode inserir o código à direita e ele será formatado dentro da tela. |
|  **\[Ícones]** | Insira um componente de ícones na tela. |
Linhas
Aqui você pode encontrar mais seções de e-mail prontas que podem ser adicionadas aos seus e-mails simplesmente arrastando e soltando-as no lugar.
* **Padrão** - blocos de conteúdo prontos.
* **Vazio** - insira espaço reservado para conteúdo que você pode adicionar em uma etapa posterior.
* **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ê gostaria que o conteúdo do e-mail fosse 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 hexadecimal para uma cor precisa do plano de fundo do e-mail. Para fundos transparentes, basta digitar “transparent” como código hexadecimal.
* **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 hexadecimal para uma cor precisa do plano de fundo da área de conteúdo. Para fundos transparentes, basta digitar “transparent” como código hexadecimal.
* **Fonte padrão** - Selecione a fonte que você gostaria que seus componentes de texto usassem. 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 do gradiente de cores que aparecerá, ou insira o código hexadecimal para uma cor precisa dos links. Para fundos transparentes, basta digitar “transparent” como código hexadecimal.
* **HTML personalizado do cabeçalho** - Selecione esta opção para inserir qualquer código HTML personalizado que você queira incorporar ao modelo de e-mail.
---
# 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 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 mídia social e vincular às suas várias plataformas sociais. |
|  **\[Conteúdo dinâmico]** | Insira componentes de conteúdo dinâmico para incluir informações que você deseja que sejam preenchidas dinamicamente no momento do envio dos e-mails, para que o e-mail tenha um toque personalizado. |
|  **\[HTML]** | Insira componentes com código HTML na tela. Você pode inserir o código à direita e ele será formatado dentro da tela. |
|  **\[Ícones]** | Insira um componente de ícones na tela. |