> 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 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 adaptar 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 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. em *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 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 os campos obrigatórios *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.
* Digite um **Endereço de remetente** de onde se origina o domínio personalizado do e-mail.
* Se você quiser ajustar o *Remetente* 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 de 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) na *Configurações* página.
* Digite um **CCO** para enviar uma cópia do e-mail.
* Digite um **Assunto** do e-mail.
* Selecione **Concluído** para salvar estas informações.
5. Em seguida, prossiga para usar o editor.
#### Usando o editor
Talvez seja necessário atualizar seu editor de e-mail para a versão mais recente antes de redigir seu e-mail com facilidade. Para isso, procure o banner azul na parte superior da página e selecione **Atualizar agora**.
Todas as imagens, textos e links no 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 de componentes de 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 que você escolha 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 seus diversos 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 seu 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ê deseja 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 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 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 ao conteúdo existente.
{% endhint %}
Excluir um componente
1. em *espaço 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 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 selecionado, você pode alterar a fonte, a cor, o peso ou o espaçamento do texto à esquerda, em *conteúdo* seção.
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 si 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 a janela **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 no *Espaço 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 si 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ê estiver usando, os participantes verão um espaço extra no texto do e-mail. Por exemplo, se você usar *"Olá `{{user.firstName}}`. Como você está?"* no seu e-mail, mas o usuário não tiver dados no campo firstName, o e-mail será exibido como *"Olá . Como você está?"*.
{% 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, coloque 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á quaisquer valores 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
Nesta aba, você pode inserir componentes e editar a aparência de cada componente, uma vez 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 do amigo]** | Insira um componente de código de recompensa do 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ídias sociais e linkar suas várias plataformas sociais. |
|  **\[Conteúdo dinâmico]** | Insira componentes de conteúdo dinâmico para adicionar 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 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ê encontrará mais seções de e-mail pré-criadas que podem ser adicionadas aos seus e-mails simplesmente arrastando e soltando no lugar.
* **Padrão** - blocos de conteúdo pré-criados.
* **Vazio** - insira um espaço reservado para conteúdo que você possa adicionar em uma etapa posterior.
* **Personalizada** - crie seu próprio conteúdo para inserir, especialmente útil quando se trata de reutilização de conteúdo.
Configurações
Nesta aba, 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 será adicionado.
* **Alinhamento da área de conteúdo** - Selecione se deseja que o conteúdo do e-mail seja 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 fundo da área de conteúdo. Para fundos transparentes, basta digitar “transparent” como código hexadecimal.
* **Fonte padrão** - Selecione a fonte que você deseja para 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 hexadecimal para uma cor precisa dos links. Para fundos transparentes, basta digitar “transparent” como código hexadecimal.
* **HTML personalizado no 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 do amigo]** | Insira um componente de código de recompensa do 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ídias sociais e linkar suas várias plataformas sociais. |
|  **\[Conteúdo dinâmico]** | Insira componentes de conteúdo dinâmico para adicionar 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 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. |