Modelos de Design de E-mail

Caminho no painel: menu da esquerda > Configuração > cartão Modelos > Modelos de Design de E-mail. A tela Notificações também leva para cá, pelo link aqui do texto dela. A tela explica: “Aqui você pode personalizar o design de todas as notificações por e-mail enviadas pelo painel de controle.” O texto de cada aviso não fica aqui, e sim nas mensagens de Notificações. De fábrica, o e-mail é o da imagem acima: fundo escuro, o logo, o texto do aviso e um rodapé com o link KeyHelp Control Panel.

​

Mudar o design

1. Em Código, escreva o HTML do e-mail, com o ##content## onde o texto do aviso deve entrar.
2. Clique em Salvar.

O painel responde “As configurações foram atualizadas.”, e o design novo vale para os e-mails seguintes. A tela avisa: “Observe que a criação de e-mails HTML não é trivial. A fim de garantir que seu projeto personalizado seja compatível com uma ampla gama de clientes de e-mail, certas diretrizes devem ser seguidas.” O editor tem os atalhos “Busca: Crtl + F, Substituir: Crtl + H, Tela cheia: F11, Sair da tela cheia: F11 / Esc”.

​

Os três espaços reservados

A ajuda da tela fala só do ##content##. O código de fábrica usa mais dois, e os três foram trocados num e-mail de teste:

​

Sem o ##content##, não salva

Medido: um código sem o ##content##, e também o código vazio, foram recusados com “O espaço reservado necessário ##content## está ausente.”

​

O que o e-mail leva, medido

Com um design próprio salvo, foi enviado o e-mail de teste da tela Notificações, para uma caixa de e-mail do próprio servidor, e a mensagem foi lida lá:

• A mensagem tem duas versões, HTML e texto, e o design entrou nas duas. O programa de e-mail de quem recebe mostra uma ou outra.
• O logo e o endereço do painel entraram nos lugares do ##logo_url## e do ##panel_url##.

O e-mail de verdade leva o design do mesmo jeito. Medido criando uma conta com Enviar dados de acesso por e-mail: a mensagem “Sua conta de usuário foi criada” chegou com o design nas duas versões, HTML e texto. Nela, os espaços reservados do texto do aviso foram trocados, e o nome da conta aparece, ao contrário do e-mail de teste de Notificações.

​

”Texto simples” não tira a versão HTML

A ajuda diz: “Para um e-mail de texto simples, remova tudo, exceto o espaço reservado ##content##.” Medido com o código só com ##content##: o e-mail chegou sem logo, sem cores e sem rodapé, só com o texto do aviso. Mas continuou com as duas versões: a HTML virou o texto com quebras de linha, sem layout.

​

Ver o design antes

A introdução da tela tem o link pré-visualização, que abre numa aba nova o design gravado, com um texto de enchimento (Lorem ipsum) no lugar do ##content## e com o logo. É de onde vem a imagem do começo deste artigo.

​

Voltar ao design de fábrica

O botão Redefinir configurações só aparece depois do primeiro Salvar, mesmo que nada tenha mudado. Medido: salvar o design de fábrica sem mexer gravou uma cópia dele, e o botão apareceu. Cada gravação fica anotada no Registro de Eventos como “Email design template updated.”

1. Clique em Redefinir configurações.
2. Na janela “Tem certeza de que deseja redefinir as configurações?”, clique em Sim.

O painel responde “As configurações foram redefinidas.”, o design de fábrica volta, e o botão some. Conferido com um e-mail de teste depois: voltou a moldura de fábrica, com o rodapé KeyHelp Control Panel.

​

O que pode dar errado

​

Ver também

• Notificações, os avisos, o texto de cada um e o e-mail de teste
• White Label, de onde vem o logo do e-mail
• Importar/Exportar as Configurações, que leva o design para outro servidor