Todas as notificações por email enviadas do seu Zendesk são formatadas em HTML e em texto simples. 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.
Edição dos modelos de email
A aparência dos emails é controlada por um modelo em HTML e um modelo em texto.
- Clique no ícone Admin. (
) na barra lateral e selecione Canais > Email. - Encontre a seção Modelos de email e modifique os modelos conforme necessário.
Se precisar de ajuda, consulte os tópicos a seguir:
- Se você desejar recomeçar com uma versão padrão do modelo, clique no link Reverter para o padrão abaixo do modelo.
- Clique em Salvar.
Dica: 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 (Enterprise).
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.
Esta seção abrange os seguintes tópicos:
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é.
- Clique no ícone Admin. () na barra lateral e selecione Canais > Email.
- Role o cursor para baixo, até Modelos de email.
- 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.
- 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;
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. Por exemplo:
<img src="http://SEUSITE.com/logo.png"/>
<a href="http://SUACONTA.zendesk.com"><img src="http://SEUSITE.com/logo.png"></a>
- Portal de CSS na Mozilla Developer Network
- Manual de CSS da Central de Ajuda
Diretrizes para a personalização de emails em HTML
- Não use declarações style de CSS3. Use CSS1 ou 2.
- Não adicione mais seções DIV.
- Não use
<style>...</style>para aplicar estilos. A maioria dos clientes de email retira essa marca. - Mantenha a formatação do texto mínima. Muito texto em negrito pode disparar filtros de spam.
- Ainda não há suporte para HTML5, então não o use.
- 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.
{{delimiter}} não é necessá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.
Obrigado por entrar em contato com o Suporte da MondoCam!
{{content}}
{{footer}}
Exibição de fotos de perfil do usuário em emails em HTML
Para exibir as fotos de perfil ao lado dos comentários do ticket em emails em HTML, selecione a opção Exibir fotos de perfil do usuário em emails na página Canais/email.
Esteja ciente das consequências e dos benefícios da exibição de fotos de perfil. Por um lado, as fotos resultam em uma experiência mais pessoal para os seus clientes. Em contrapartida, a maioria dos clientes de email não exibem as fotos por padrão.
Adição ou remoção de links de ticket em emails
Suas notificações por email podem fornecer um link de volta para o ticket em discussão. Por exemplo:
O tipo de link é definido em um gatilho ou uma automação e não no modelo. Por exemplo, a maioria dos gatilhos padrão tem uma ação que envia uma notificação por email com um link para um ticket. Se você oferecer suporte apenas por email, não deseja que os clientes vejam um link para um ticket que solicitaria que eles entrassem. Nesse caso, você deve editar seus gatilhos ou qualquer outra regra de negócios que gere notificações por email.
- Clique no ícone Admin. () na barra lateral e selecione Gatilhos ou Automações.
- Localize o gatilho ou automação de notificação e selecione Editar.
- Modifique a ação ou ações conforme for necessário.
Os placeholders a seguir inserem links do ticket no corpo do email:
{{ticket.link}}ou{{ticket.id}}. - Clique em Atualizar.
Se você fornecer suporte apenas por email, consulte Configuração para o fornecimento de suporte apenas por email. O artigo descreve como remover links de volta para a sua Central de Ajuda que solicitariam a entrada de seus usuários finais.
Edição do texto do delimitador
O texto no delimitador de email é usado para informar ao destinatário do email que qualquer texto inserido na resposta deve estar acima de uma determinada linha no email.
Mesmo não podendo remover o delimitador, você pode personalizar tipo, tamanho da fonte e cor do texto de seu delimitador.
Edição do texto do delimitador
- Acesse Admin. > Canais > Email.
- Na seção Delimitador do email, insira um delimitador personalizado contendo de 20 a 65 caracteres.
- Clique em Salvar.
Seu delimitador também pode dar suporte a vários idiomas se você usa o placeholder {{txt.email.delimiter}}. O texto no delimitador é retirado das traduções fornecidas para os idiomas aos quais o Zendesk oferece suporte. O idioma exibido na mensagem de email é baseado na preferência de idiomas do usuário. Essa é uma maneira conveniente de oferecer suporte a idiomas diferentes no modelo de seu email. No entanto, isso também significa que você não possui controle sobre as palavras nas versões traduzidas do delimitador.
Edição do tamanho da fonte, cor e tipo do delimitador
É possível editar o tamanho da fonte, a cor e o tipo de seu delimitador no HTML do Modelo de email. Suas edições devem estar na mesma linha do placeholder. Não faça essas alterações em nenhuma outra linha, pois isso afetará o resto de seu texto.
Para obter mais informações sobre a personalização de textos, consulte a dica de suporte de Jordan Wheelock sobre a mudança das fontes do conteúdo do modelo de email e a dica de Ben Lucier na comunidade sobre um modelo de email melhor para o Zendesk.
Uso da marcação Liquid
A marcação Liquid não funciona nos modelos de email. Ela funciona apenas nas regras de negócios (gatilhos, automações) que geram as notificações por email.
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.
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, como {{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 Edição do texto no delimitador do email e suporte a outros idiomas.
{{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.
0 Comentários
Por favor, entre para comentar.