# Criar & Personalizar Emails do Programa Advocate

<a href="https://pxa.impact.com/student/activity/2356725?sid=0c0e3e5c-54c9-4435-9bee-ebcdccb7f292&#x26;sid_i=0?utm_source=app.impact.com&#x26;utm_medium=owned-platform&#x26;utm_content=&#x26;utm_campaign=help-center" class="button primary">Faça o curso PXA</a>

Seu programa é inicialmente configurado 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 seu programa e produto.

Consulte nossa documentação sobre [tags de mesclagem](https://help.impact.com/brand/pt-br/sobre-o-que-voce-gostaria-de-aprender/advocate-program/manage-advocate-participant-experiences/email-experiences/merge-tags-for-program-emails) 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 de programa criado quando estiver configurando as regras do programa. Recomendamos editar os e-mails do programa existentes e criar um novo somente se necessário.

1. No menu de navegação à esquerda, selecione ![](https://impact-1.gitbook.io/docs/emvxfLrwrlacc4y3y02Y/~gitbook/image?url=https%3A%2F%2F4048883401-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252FwMLlMoFBtKJa8ptd3zaw%252Fuploads%252Fgit-blob-230534471fef5f40808e921e41ee44e4a06ded03%252Fe6cb9548999afdc1ed3ce4942e4cb5b45b5cecbd323267aac2a7cd1915fccc09.svg%3Falt%3Dmedia\&width=300\&dpr=3\&quality=100\&sign=71dd50ef\&sv=2) **\[Engage] → Conteúdo**.
2. No *cartão E-mails* , 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 de modelo de e-mail curto e descritivo (por exemplo, Acme Advocates) para identificar o e-mail. Use este ID para identificar o e-mail ao configurar as regras do seu programa.

<div data-with-frame="true"><figure><img src="https://526234278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-849920ea3dc0a6e4c62f5841e312f4b5f5e1dc54%2Fd2b2c3352a1f5168a154d7e0976e61de9cda121ecf5c40050ddc41af37bfb468.jpg?alt=media" alt="" width="563"><figcaption></figcaption></figure></div>

* Selecione ![](https://res.cloudinary.com/product-enablement/image/upload/v1768910844/Accessibility%20Icons/More_vNext.svg) **\[Mais]** para excluir um modelo.
* Selecione ![](https://526234278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-90673bb8db696bdefe7b207cfc07c46caf1d43f1%2Fce7a994978f06dd84cc6a31b890071502b4831990afd8fdd73f73c6d2e203660.png?alt=media) **\[Ícone Sair]** para minimizar o menu lateral.

<div data-with-frame="true"><figure><img src="https://526234278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-f84f82151b8b3a0d0567f1101221de276a4dbed2%2Fc34a999c9e16cd7d37a818556b42f56ec7d946eb7872451e369945d99fa74b6a.jpg?alt=media" alt="" width="422"><figcaption></figcaption></figure></div>

1. Antes de usar o editor, selecione **Editar** para preencher as *Informações de Contato* obrigatórias na parte superior da sua 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 *Remetente* endereço de e-mail, será necessário ajustar suas configurações para garantir que nosso sistema envie e-mails autênticos em seu nome. Para usar um domínio que você possui como *Endereço do Remetente*, você deve [configurar um domínio](https://help.impact.com/brand/pt-br/sobre-o-que-voce-gostaria-de-aprender/advocate-program/manage-advocate-participant-experiences/set-up-a-domain-for-advocate) na *página Configurações* .
   * Insira um **CCO** para enviar uma cópia do e-mail.
   * Insira um **Assunto** para o e-mail.
   * Selecione **Concluído** para salvar estas informações.
2. Em seguida, prossiga para usar o editor.

#### Usando o editor

Todas as imagens, textos e links no e-mail estão colocados em componentes individuais que compõem a estrutura do e-mail. Esses componentes são os blocos de construção do e-mail.

<div data-with-frame="true"><figure><img src="https://526234278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-11de1498b24c2187761fb3e1d16cfce9363891cf%2F4630f1b35d3ef94cea6d1dcde93c04ca893c3af26b791fe489958553053a08c2.jpg?alt=media" alt=""><figcaption></figcaption></figure></div>

{% hint style="info" %}
**Observação:** Consulte a [*referência da barra de ferramentas*](#section-idm143415649584296) abaixo para entender melhor como os ícones do editor funcionam.
{% endhint %}

<details>

<summary>Adicionar um componente</summary>

**Limitado:** Adicionar componentes extras a um e-mail 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 atualizar sua conta e acessar este recurso.

1. Selecione ![](https://526234278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c1d884ff1112d5990b114815f5dd442c1d374631%2Feb59caa126fc2615226c1c412a8c1543b235d5adb7a38efaa8f213685b669c79.svg?alt=media) **\[Abrir Blocos]** para escolher um novo componente.
2. **Selecione e arraste** o componente para a área do e-mail onde você deseja que o componente apareça. Uma barra verde aparecerá no e-mail para ajudá-lo a posicionar o novo componente no seu e-mail.
3. Opcionalmente, ajuste o conteúdo ou a aparência do componente usando a barra de ferramentas à direita.
   * **Clique duas vezes em** seu novo componente.
   * Selecione ![](https://526234278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-552523088922df2fa565c0c024980a2db24ddf7c%2F71c490c94595149bd761ed4357c12f615a30f9141ad8aa73391988bc53c3837f.svg?alt=media) **\[Editar]** na barra de ferramentas à direita.
   * Se você adicionou um componente de texto, clique então no **Tipografia** ![](https://526234278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c2cb550b55c51ea1eeff0acbd6f437a03b621a2c%2F60d033ae8a04c14498d5229c3c0160ac05feea7f605dbd770741793c900469f0.svg?alt=media) **\[Menu suspenso]** e altere a formatação.
4. **Salvar** suas alterações.

   * O editor de e-mail não salva automaticamente as alterações. Certifique-se de selecionar **Salvar** no canto superior direito da tela. Se você cometeu um erro, pode sair do editor e as alterações não serão salvas.

   <div data-gb-custom-block data-tag="hint" data-style="info" class="hint hint-info"><p><strong>Observação:</strong> 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 em componentes existentes atualizando uma imagem existente ou adicionando texto à cópia já existente.</p></div>

</details>

<details>

<summary>Excluir um componente</summary>

1. No *área de trabalho*, selecione o componente que deseja excluir.
2. Selecione ![](https://526234278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c5ab8423372b2c345ded634b7aa4cab16c87fe3a%2Fd17a259fe817ff10ea9fd87140a89bd62ece6fa9940e05902574dcf95bed5960.svg?alt=media) **\[Excluir]** para remover o componente do e-mail.
3. **Salvar** suas alterações.

</details>

<details>

<summary>Atualizar o conteúdo do e-mail</summary>

O conteúdo 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 ou clique duas vezes para destacar um componente existente.
2. Ajuste o texto no componente.
3. Com o componente de texto destacado, selecione ![](https://526234278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-552523088922df2fa565c0c024980a2db24ddf7c%2F71c490c94595149bd761ed4357c12f615a30f9141ad8aa73391988bc53c3837f.svg?alt=media) **\[Editar]** na barra de ferramentas vertical para fazer alterações na fonte, cor, peso ou espaçamento do texto.
4. Depois de concluir suas atualizações, selecione ![](https://526234278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-ffc6658e079e839b29f85f5cc2dd9e09779a8ae6%2F13dd243bc36c7758d390845ea2fea7a3afe90178064940f112e6affc4c113f57.svg?alt=media) **\[Enviar Teste]** para enviar a si mesmo um e-mail de teste.
5. Se o e-mail de teste estiver bom, **Salvar** suas alterações.

</details>

<details>

<summary>Adicionar uma imagem personalizada</summary>

**Limitado:** Adicionar um componente extra de imagem personalizada a um e-mail 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 atualizar sua conta e acessar este recurso.

1. Adicione um novo componente de imagem ou destaque o componente de imagem que deseja atualizar.
2. Uma vez selecionado, clique duas vezes nele para abrir a janela *Selecionar Imagem* . Selecione o **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 localização da imagem usando os seletores na *Área de Trabalho*.
4. Depois de concluir suas atualizações, selecione ![](https://526234278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-ffc6658e079e839b29f85f5cc2dd9e09779a8ae6%2F13dd243bc36c7758d390845ea2fea7a3afe90178064940f112e6affc4c113f57.svg?alt=media) **\[Enviar Teste]** para enviar a si mesmo um e-mail de teste.
5. Se o e-mail de teste estiver bom, **Salvar** suas alterações.

</details>

<details>

<summary>Adicionar conteúdo dinâmico</summary>

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="info" %}
**Observação:** Se não houver informação correspondente à 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 você está?"* em seu e-mail, mas o usuário não possuía dados no campo firstName, o e-mail seria renderizado como *"Olá . Como você está?"*.
{% endhint %}

1. Selecione uma tag de mesclagem da nossa [tags de mesclagem](https://help.impact.com/brand/pt-br/sobre-o-que-voce-gostaria-de-aprender/advocate-program/manage-advocate-participant-experiences/email-experiences/merge-tags-for-program-emails) lista.
2. No *Área de Trabalho*, clique duas vezes no texto ao qual deseja adicionar uma tag de mesclagem.
3. Adicione a tag de mesclagem. Certifique-se de preservar a estrutura da tag. Deve ser duas chaves "handlebar" seguidas pelo conteúdo da tag, seguidas por outras duas chaves "handlebar" na direção oposta.

   Como exemplo: `{{user.firstName}}`.
4. **Salvar** suas alterações.

{% hint style="warning" %}
**Importante:** Um e-mail de teste enviado dentro do editor não incluirá quaisquer valores onde as tags de mesclagem foram colocadas.
{% endhint %}

</details>

#### referência da barra de ferramentas

Esta seção irá guiá-lo pelos vários ícones da barra de ferramentas acessíveis no editor de e-mail.

<details>

<summary>Ícones da barra de ferramentas</summary>

No topo do editor você encontrará a **barra de ferramentas** que permite fazer o seguinte:

| Elemento                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | Descrição                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
| --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| ![](https://526234278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-9a50309ee9d0e10094bf68c9b9ae1999dbec4f48%2F7cf9c6c1f6544aa358de22e77201e216647a70ab22c854c02334f51f45892424.svg?alt=media) **\[Visualizar desktop]** / ![](https://526234278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2FLzM2LWIUSyzEYsesvGnC%2Fimage.png?alt=media\&token=d30a2b2c-cbca-4ed1-ac40-6a1e3081f0ae) **\[Visualizar tablet]** / <i class="fa-mobile">:mobile:</i> **\[Visualizar mobile]** | Visualize como o e-mail é exibido em uma tela de desktop, tablet ou celular.                                                                                                                                                                                                                                                                                                                                                                                                                                             |
| ![](https://526234278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-83769eced40295b3adddc8139db5dee9e6106ea0%2F65396388eb13a7bc1c8693fceb58845f9b6ee692c76282f5fcedc33ccb1665eb.svg?alt=media) **\[Exibir Componente]**                                                                                                                                                                                                                                                                                                             | Veja como os componentes individuais do e-mail se sobrepõem e interagem entre si.                                                                                                                                                                                                                                                                                                                                                                                                                                        |
| ![](https://526234278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-190c6a03e6a68d67509d00452b10fd803bee5c87%2F57c7cba09bd1b97dd75b7c245e517c8d1ca0469d7c57bdc13ee6e427b75a860a.svg?alt=media) **\[Pré-visualizar]**                                                                                                                                                                                                                                                                                                                | Pré-visualize o modelo de e-mail.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        |
| ![](https://526234278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-ef24507db3f42deb3afb56262dda11ac1876a542%2F2e28fedcf39dbb091996c5883501adaf309f3c53abfc8ea6e023960c516dcdd9.svg?alt=media) **\[Ver código]**                                                                                                                                                                                                                                                                                                                    | Veja o código-fonte HTML subjacente do e-mail. Você também pode exportar designs de e-mail.                                                                                                                                                                                                                                                                                                                                                                                                                              |
| ![](https://526234278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-df3660aacc4fc172eb81147616b602e4b9e57f4b%2F2804036b53985c93cf08a9b5b4343829b38a5f6636e55d51394df728a710b285.svg?alt=media) **\[Alternar imagens]**                                                                                                                                                                                                                                                                                                              | Pré-visualize o e-mail com ou sem imagens. Alguns usuários optam por não carregar imagens ao visualizar seus e-mails, então você deve garantir que o e-mail permaneça legível sem imagens.                                                                                                                                                                                                                                                                                                                               |
| ![](https://526234278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-84d004df419c8221e6ce18d139e015fa1f8239c3%2Fc30065167673a5482b8da0f45e9a8573b2c5b7af392d62d910691fc8f7853bc6.svg?alt=media) **\[Desfazer]** / ![](https://526234278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-9e3bf9b7c43e4c33ccae67b62be7957fd06046ad%2Fa5fa778d7d0bb7bf3be1a01f9cc1a2a3a53ba99cd64a1aac1059d3e85050440e.svg?alt=media) **\[Refazer]**                                      | Desfaça ou refaça as alterações do seu modelo.                                                                                                                                                                                                                                                                                                                                                                                                                                                                           |
| ![](https://526234278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c5ab8423372b2c345ded634b7aa4cab16c87fe3a%2Fd17a259fe817ff10ea9fd87140a89bd62ece6fa9940e05902574dcf95bed5960.svg?alt=media) **\[Limpar canvas]**                                                                                                                                                                                                                                                                                                                 | Remova todos os elementos da tela. Limpar a tela precisará ser confirmado.                                                                                                                                                                                                                                                                                                                                                                                                                                               |
| ![](https://526234278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-54167787e221a7f031fb6cc12a40f08c2329b2d4%2Fc4557d39498273acb3f9543487a51afbd590e065563bae2650f39046fbba0a6d.svg?alt=media) **\[Enviar teste]**                                                                                                                                                                                                                                                                                                                  | Envie um e-mail de teste para um endereço de e-mail que você especificar.                                                                                                                                                                                                                                                                                                                                                                                                                                                |
| ![](https://526234278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-642b384f63b4d8896a831dde9f37b45376ba8dd5%2Fba76e488396069116f205f71c28a3cfc983c55eba0449b7fab6797b0593e589f.svg?alt=media) **\[Importar modelo]**                                                                                                                                                                                                                                                                                                               | [Importe seu próprio código-fonte HTML para o e-mail](https://help.impact.com/brand/pt-br/sobre-o-que-voce-gostaria-de-aprender/advocate-program/manage-advocate-participant-experiences/email-experiences/import-an-advocate-email-template). Observe que esse recurso irá **substituir** qualquer coisa que você tenha salvo no editor.                                                                                                                                                                                |
| ![](https://526234278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-552523088922df2fa565c0c024980a2db24ddf7c%2F71c490c94595149bd761ed4357c12f615a30f9141ad8aa73391988bc53c3837f.svg?alt=media) **\[Abrir gerenciador de estilo]**                                                                                                                                                                                                                                                                                                   | Ajuste o estilo do componente destacado. Isso inclui adicionar classes, ajustar dimensões, formatação de texto e formatação visual, como bordas, fundos e cores.                                                                                                                                                                                                                                                                                                                                                         |
| ![](https://526234278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-b41bccda02eaed8c7460e5fff68d88faba98b23c%2Ffd32e503ed9f0744024a11f8cc94b7bd8b46b02169d70247c7128c8950e7a7cd.svg?alt=media) **\[Configurações]**                                                                                                                                                                                                                                                                                                                 | Ajuste as configurações do componente destacado, incluindo texto alternativo para imagens ou IDs e títulos para células e caixas de texto.                                                                                                                                                                                                                                                                                                                                                                               |
| ![](https://526234278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-d8cc714dcf0405d1f945afc4a15467485a125f24%2F7edb613f3de0db96728b6bca0cbcf63fa251900d6896612a69d41cdc4291fc74.svg?alt=media) **\[Abrir gerenciador de camadas]**                                                                                                                                                                                                                                                                                                  | <p>Veja todos os componentes em sua estrutura hierárquica começando pela tag <code>body</code> no topo e descendo. Você pode ajustar o nível de um componente clicando e segurando o ícone de mover e arrastando o componente para cima ou para baixo. </p><p></p><p>Os componentes também podem ser ocultados usando o ícone de olho à direita. Ajustar essas configurações também ajustará quaisquer componentes aninhados dentro do componente que você destacou.</p>                                                 |
| ![](https://526234278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-c1d884ff1112d5990b114815f5dd442c1d374631%2Feb59caa126fc2615226c1c412a8c1543b235d5adb7a38efaa8f213685b669c79.svg?alt=media) **\[Abrir blocos]**                                                                                                                                                                                                                                                                                                                  | <p><strong>Limitado:</strong> Adicionar componentes extras a um e-mail do Advocate está disponível apenas para edições específicas do Advocate. <a href="https://app.impact.com/support/portal.ihtml">Entre em contato com o suporte</a> para atualizar sua conta e acessar este recurso. </p><p></p><p>Veja uma lista de novos componentes que você pode arrastar e soltar na área de trabalho. Você pode usar isso para adicionar texto, imagens, links e componentes de layout adicionais ao corpo do seu e-mail.</p> |

</details>
