Personalização de modelos para notificações por email

Caminho rápido: Admin. > Canais > Email

Importante: por padrão, a opção de editar modelos de email não está ativada para contas em período de avaliação e podem não estar ativadas para algumas contas. Para ativar a edição, entre em contato com o suporte ao cliente Zendesk com o seu subdomínio.

Todas as notificações por email enviadas do seu Zendesk são formatadas em HTML e em texto sem formatação. Ambos os formatos estão inclusos em cada email. A versão que os usuários finais veem depende das preferências configuradas em seus clientes de email. Você pode personalizar o modelo em HTML para que ele corresponda à sua marca fazendo alterações simples de estilo. Você também pode editar as informações nas versões em texto de seus emails.

Se você deseja usar a marcação Liquid para controlar melhor o conteúdo das notificações por email, consulte Uso da marcação Liquid para personalizar comentários e notificações por email.

Este artigo abrange as seções a seguir:

• Edição dos modelos de email
• Edição do modelo em HTML
• Edição do modelo em texto
• Noções básicas sobre os placeholders do sistema

Artigos relacionados:

• Adição ou remoção de links de ticket em emails
• Personalização do texto do delimitador de email
• Exibição de fotos de perfil do usuário em emails em HTML

Edição dos modelos de email

A aparência dos emails é controlada por um modelo em HTML e um modelo em texto. Se você está no Enterprise, pode modificar e testar as alterações de email em uma sandbox antes de implantá-las publicamente (consulte Teste de alterações em sua sandbox).

Como editar seus modelos de email

1. Clique no ícone Admin. () na barra lateral e selecione Canais > Email.
2. Encontre a seção Modelos de email e modifique os modelos conforme necessário.

   Se precisar de ajuda, consulte os tópicos a seguir:

   • Edição do modelo em HTML
   • Edição do modelo em texto
3. Se você desejar recomeçar com uma versão padrão do modelo, clique no link Reverter para o padrão abaixo do modelo.
4. Clique em Salvar.

Além de personalizar seus modelos de email, você pode alterar os emails da seguinte maneira:

• Exibir as fotos de perfil do usuário
• Adicionar ou remover links do ticket
• Editar o texto do delimitador
• Usar a marcação Liquid

Edição do modelo em HTML

Você pode alterar a aparência de emails em HTML editando o HTML e CSS no modelo em HTML.

Observação: por padrão, a edição do modelo HTML não está ativada. Para ativar a edição do modelo HTML, entre em contato com o suporte ao cliente Zendesk com o seu subdomínio.

Esta seção abrange os tópicos a seguir:

• Alteração da aparência de emails em HTML
• Diretrizes para a personalização de emails em HTML

Alteração da aparência de emails em HTML

O modelo em HTML consiste em marcas DIV e placeholders do sistema.

Os placeholders fornecem a maioria do conteúdo para o email. Os dois placeholders do sistema a seguir são necessários e não devem ser apagados: {{delimiter}}, {{content}}. Os placeholders {{styles}} e {{attributes}} servirão para uso futuro e, às vezes, são usados pelo sistema para inserir estilos e atributos para oferecer suporte a idiomas cuja a escrita é da direita para a esquerda. O placeholder {{footer}} é opcional. Nenhum outro placeholder pode ser usado no modelo. Para obter mais informações, consulte Noções básicas sobre os placeholders do sistema.

As marcas DIV aplicam estilos de CSS ao conteúdo. Ao adicionar ou modificar estilos de CSS, você pode alterar a aparência do email por completo, o delimitador ou o rodapé.

Dica da comunidade: se você configurou várias marcas, confira Como criar uma estrutura para o seu modelo de email para usar layouts em HTML personalizados para diversas marcas (em inglês), uma dica enviada por Andrew Soderberg.

Como editar os estilos no modelo

1. Clique no ícone Admin. () na barra lateral e selecione Canais > Email.
2. Role o cursor para baixo, até Modelos de email.

   

3. Faça suas alterações.

   Se você desejar usar algum placeholder de modelo padrão, comece a digitar o nome do placeholder e escolha dentre as opções disponíveis que aparecerão.

   

4. Clique em Salvar ao terminar.

Por exemplo, eis como alterar a cor da fonte do rodapé para azul-petróleo:

...
 <div style=" color: #009966;
              margin: 10px 0 14px 0;
              padding-top: 10px;
              border-top: 1px solid #eeeeee;" >
    {{footer}}{{footer_link}}
  </div>
...

A cor da fonte é definida para o valor hexadecimal de azul-petróleo com seguinte declaração style a seguir:

color: #009966;

Observação: a cor dos links não pode ser personalizada. Os links são estilizados com pseudoclasses CSS como :hover. Exemplo: a:hover {color:#FF00FF;}. Infelizmente, as pseudoclasses CSS não são suportadas em CSS embutido e grandes clientes de email como o Gmail retiram qualquer CSS que não esteja embutido.

Para adicionar uma imagem como o logotipo da empresa ao modelo, insira uma marca IMG que faça uma referência a essa imagem. Exemplo:

<img src="http://YOURWEBSITE.com/logo.png"/>

Observação: antes de adicionar logotipos e outras imagens, lembre-se que grande parte dos clientes de email não exibe imagens por padrão.

Se você desejar adicionar um hyperlink ao logotipo, inclua a marca IMG em uma marca de ancoragem, como neste exemplo:

<a href="http://YOURACCOUNT.zendesk.com"><img src="http://YOURWEBSITE.com/logo.png"></a>

Para obter mais informações, consulte os recursos a seguir:

• Portal de CSS na Mozilla Developer Network
• Manual de CSS da Central de Ajuda

Diretrizes para a personalização de emails em HTML

Você pode personalizar o modelo em HTML extensivamente. No entanto, lembre-se de que criar emails em HTML é difícil devido ao modo como o HTML e CSS são renderizados em diferentes tipos de navegadores e clientes de email. Alguns tipos de formatação podem até mesmo ser interpretados como spam. Em geral, mantenha a personalização a mais simples possível e siga estas diretrizes:

• Não use declarações style de CSS3. Use CSS1 ou 2.
• Não adicione mais seções DIV.
• Mantenha a formatação do texto mínima. Muito texto em negrito pode disparar filtros de spam.
• Não adicione muitas imagens (outro gatilho para os filtros de spam) e diminua as imagens usadas.
• Use uma marca ALT em todas as imagens. Essa marca exibe uma descrição da imagem antes que os usuários permitam que as imagens sejam exibidas.
• Se você souber a altura e largura da imagem, defina-as. Isso força o cliente de email a reservar o espaço da imagem no layout do email antes que as imagens sejam baixadas.
• Nem todos os clientes de email oferecem suporte a imagens de fundo, por isso não confie nelas para transmitir informações ou design funcional.
• Não coloque links para imagens em um Zendesk fechado. Se o recipiente esperado não for um usuário registrado e conectado, as imagens ficarão corrompidas.

Edição do modelo em texto

O modelo em texto é usado quando o usuário desabilita a leitura de mensagens de email em formato HTML. Para editar o modelo em texto, abra a página de configurações do canal Email e role para baixo até Modelos de email. Certifique-se de clicar em Salvar ao terminar.

O modelo de email em texto consiste em dois placeholders do sistema:

{{content}}

{{footer}}

O placeholder {{content}} contém o delimitador de texto, o título do ticket, o texto gerado a partir de regras de negócios (gatilhos, automações ou macros) e comentários do ticket. O placeholder {{footer}} é opcional. Você pode removê-lo, se desejar. Para obter mais informações, consulte Noções básicas sobre os placeholders do sistema.

Observação: o placeholder {{delimiter}} não é obrigatório em um modelo de texto. O placeholder {{content}} contém o texto do delimitador.

Se desejar adicionar uma linha aos seus emails, simplesmente adicione-a ao modelo.

Thanks for contacting MondoCam Support!

{{content}}

{{footer}}

Noções básicas sobre os placeholders do sistema

A maioria do conteúdo nos emails de notificação é gerada dinamicamente pelo sistema do Zendesk. O conteúdo gerado dinamicamente é representado por placeholders nos modelos de email. Os placeholders são incluídos em chaves duplas, assim {{footer}}.

Os placeholders inserem texto do delimitador, os conteúdos do email e um rodapé.

{{delimiter}}

Exibe a linha "##- Não escreva abaixo desta linha -##". O delimitador é usado pelo sistema para separar o conteúdo antigo do novo. Quando uma pessoa responde a um email, o novo conteúdo na resposta é adicionado ao ticket como um comentário. Esse placeholder é necessário no modelo em HTML. Para obter mais informações, consulte Personalização do texto do delimitador de email.

{{content}}

Exibe o conteúdo do email, que pode incluir comentários do ticket e fotos de perfis de usuário. O conteúdo é definido no gatilho, na automação ou qualquer outra coisa que envie emails de sua conta. Consulte Criação e gerenciamento de gatilhos para notificações e atualizações de tickets.

{{footer}}

opcional. Exibe a linha "Este email é um serviço de SeuNomeZendesk." Ele também exibe as propriedades do ticket, como status e solicitante, nos emails enviados para agentes. As propriedades não são exibidas em emails enviados para os usuários finais. No momento, a lista de propriedades não pode ser personalizada.

{{footer_link}}

opcional. Exibe a linha "Fornecido por Zendesk". A palavra Zendesk é um link para http://www.zendesk.com.

{{styles}}

opcional. Para uso futuro. Atualmente, o sistema usa esse placeholder para inserir estilos quando ele detecta que o idioma tem escrita da direita para a esquerda.

{{attributes}}

opcional. Para uso futuro. Atualmente, o sistema usa esse placeholder para inserir atributos quando ele detecta que o idioma tem escrita da direita para a esquerda.