Scribd Logo
Importer

Bienvenue sur Scribd !

  • HTML Templates

    Transféré par

    Luciano Santos
    25 vues4 pages

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Formats disponibles

    PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document

    Droits d'auteur :

    Attribution Non-Commercial (BY-NC)
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    25 vues4 pages

    HTML Templates

    Transféré par

    Luciano Santos

    Droits d'auteur :

    Attribution Non-Commercial (BY-NC)
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    sur 4

    Como criar HTML Templates

    Introduo
    HTML Template o cdigo em texto que define o que e como aparecem as coisas que vemos em navegadores de internet e e-mails. Este documento contempla: os padres que devem ser seguidos para que nosso sistema saiba manipular corretamente o HTML Template; as chamadas boas prticas do e-mail marketing, a fim de mostrar credibilidade da parte de sua empresa; uma lista de comandos referente s informaes do destinatrio que receber a mensagem. Pedimos que este seja lido pelos designers, desenvolvedores e responsveis pela operao de newsletter e e-mail marketing na sua empresa.

    Sistema AR Marketing
    No painel do cliente AR Marketing, h um boto com o texto HTML Templates, que d acesso a uma tela de listagem dos seus HTML Templates. O boto Novo HTML Template, desta tela, redireciona a uma outra tela para a entrada de informaes, objetivando a incluso de um novo registro. Nos campos Nome e Descrio, deve-se entrar com um nome (para reconhecimento fcil do HTML Template posteriormente), e opcionalmente uma descrio, respectivamente. No campo HTML, deve-se entrar com o cdigo integral do HTML criado. Tambm h a opo de enviar um arquivo HTML. Ao criar seu HTML Template, pedimos que leve em considerao as chamadas boas prticas de e-mail marketing, a fim de mostrar credibilidade da parte de sua empresa. Tambm necessrio o seguimento de algumas regras, para que nosso sistema possa tratar seu HTML Template corretamente. No caso de envio de Newsletters, possvel colocar, no corpo da mensagem, informaes sobre o contato que vai receber a mensagem. Ao clicar no boto Editar (segundo da esquerda para a direita), da tela de listagem, aparecer uma tela de Detalhes do HTML Template, idntica tela de incluso, porm com informaes referentes ao registro relacionado ao boto clicado.

    Insero do cdigo HTML


    H duas maneiras de inserir cdigo HTML num registro de HTML Template:

    Enviar um arquivo pronto de HTML


    Clique no boto Procurar (o nome pode variar conforme o navegador utilizado), prximo palavra arquivo. Abrir-se- uma janela para voc procurar e apontar o arquivo com o cdigo HTML. Depois clique em Enviar.

    Todo o texto do arquivo aparecer no campo HTML, possibilitando modificaes.

    Escrever os dizeres diretamente na pgina


    Simplesmente digite o que voc desejar no campo HTML. Voc pode optar pela opo HTML, se quiser digitar cdigos, ou pela opo normal, que faz o campo funcionar como um editor de texto normal. Se voc deseja utilizar formatao com CSS, recomendamos que, antes de comear o trabalho, entre no modo HTML do editor, e coloque, antes de qualquer coisa, uma tag <style> com todo o cdigo CSS.

    Padres da AR Marketing
    Para que nosso sistema trate corretamente seu HTML Template, necessria a seguinte estrutura. Quando voc salvar um HTML Template, o sistema ir adaptar automaticamente a entrada aos padres, caso haja desconformidade. Mas vlido que eles sejam conhecidos pelos designers. As primeiras quatro linhas de TODOS os HTML Templates devem ser as seguintes:
    <!AR <!AR <!AR <!AR MARKETING MARKETING MARKETING MARKETING VAR VAR VAR VAR TIPO=#@TIPO#> ID_ENVIOINDIVIDUAL=#@ID_EI#> ID_DESTINATARIO=#@ID_DESTINATARIO#> ID_DISPARO=#@ID_DISPARO#>

    No necessrio que voc digite essas tags. O sistema as cria automaticamente.Esse cdigo aparecer tanto no corpo da mensagem quanto nos headers. Antes de enviar, o sistema ir substituir esses valores por informaes relacionadas ao envio, da base de dados. Isso ser muito importante caso o e-mail volte. <html> <head> <style> body { /*padres de formatao do e-mail.*/ } /*outras classes CSS*/ </style> </head> <body>
    <div ></div> style="text-align: center;"><!--DIV DE VER NO BROWSER--

    <!--DIV DE VER NO BROWSER--> uma indicao que dar lugar ao texto e link que oferece ao seu usurio a possibilidade de abrir a mensagem na internet. Use a <div> para

    format-la, caso precise. Voc pode escolher o lugar, mas obrigatrio que aparea dentro do <body>.
    <div style=" text-align: center;"><!--DIV DE OPT OUT--></div> <!--DIV DE OPT OUT--> uma indicao que dar lugar ao texto e link que oferece ao seu usurio a opo de opt out. Use a <div> para format-la, caso precise. Voc

    pode escolher o lugar, mas obrigatrio que aparea dentro do <body>.

    Links:
    <a href="http://www.aranhaautomacao.com.br/" target="_blank" > Contedo do link (texto, imagens) </a>

    Deve haver ao menos os atributos href e target="_blank". O sistema ir substituir a URL do href pela URL de nosso redirecionador, que se encarregar de contabilizar o clique e redirecionar o usurio para a URL especificada.
    <!--CONTA VISUALIZACAO--> - Trata-se de um mecanismo transparente ao usurio (web

    bug). Ele responsvel por contabilizar a visualizao da mensagem. Pode estar em qualquer lugar dentro do <body>. </body> </html> Recomendamos que fosse usado o navegador Microsoft Internet Explorer 7 ou superior para lidar com HTML Templates, pois a renderizao dos demais atrapalha a confeco do template.

    Boas Prticas de E-mail Marketing


    Transparncia Sempre dispare as mensagens com o nome da sua empresa no campo Remetente, e deixando claro que o e-mail no deve ser respondido. No se esquea tambm de escrever um assunto atraente, mas honesto ao usurio. Atitudes simples assim podem te deixar mais prximo do usurio, tornando seu nome confivel. Acessibilidade No abuse do tamanho do e-mail, escreva apenas o necessrio para atrair a ateno do pblico. Quanto menor for o corpo melhor, tanto para no tornar a leitura cansativa, quanto para evitar a rolagem, permitindo que o usurio visualize tudo de uma vez. No use Flash nem JavaScript, pois quase nenhum programa de e-mail os abre. Contedo Sempre pense na relevncia e importncia do contedo da mensagem para o usurio, sempre faa HTML Templates com cores e logotipo da sua empresa, para reconhecimento imediato. Outros Nos links, sempre use, o target=_blank (comando que exige a abertura em nova janela), por via das dvidas. Nas imagens, recomendamos o uso do alt(texto alternativo para as imagens), para o usurio ter noo da imagem, mesmo que ela no seja carregada. Outras exigncias do mercado, como visualizao on-browser (link para o usurio ver o mensagem na internet, caso seu programa de e-mail no a exiba corretamente) e opt-out (oferecimento de sada da lista de destinatrios) so atendidos automaticamente pelo sistema da AR Marketing.

    Indicao de Informaes sobre Destinatrios (Newsletter)


    Para personalizar suas newsletters, o sistema de envio da AR Marketing reconhece as seguintes indicaes no corpo do HTML Template:
    Indicao Significado

    #VAR_EMAIL# #VAR_NOME# #VAR_SOBRENOME# #VAR_NASCIMENTO# #VAR_SEXO# #VAR_EMPRESA# #VAR_DEPARTAMENTO# #VAR_CARGO# #VAR_LOGRADOURO# #VAR_NUMERO# #VAR_COMPLEMENTO# #VAR_BAIRRO# #VAR_CIDADE# #VAR_UF# #VAR_CEP# #VAR_TELEFONERESIDENCIAL# #VAR_TELEFONECOMERCIAL# #VAR_TELEFONECELULAR# #VAR_FAX# #VAR_OBS#

    E-mail do Contato Nome do Contato Sobrenome Data de Nascimento (dd/mm/aaaa) Sexo (Masculino, Feminino, Indefinido) Empresa em que trabalha Departamento Cargo que exerce Logradouro (Rua, Avenida) Nmero Complemento Bairro Cidade Estado / UF CEP Telefone Residencial Telefone Comercial Telefone Celular Fax Observaes Gerais Cadastradas

    Essas indicaes devem ser inseridas com letras maisculas e sem acentos. As informaes sero obtidas do cadastro compartilhado de contatos de cliente da AR Marketing. Exemplo: Se o corpo da mensagem Ol #VAR_NOME#, Voc est cadastrado no e-mail #VAR_EMAIL#, como residente em #VAR_CIDADE#! e o destinatrio se chama Daniel, usa o e-mail daniel@armmarketing.com.br, e mora em So Paulo, ele receber uma mensagem com os dizeres: Ol Daniel, Voc est cadastrado no e-mail daniel@armmarketing.com.br, como residente em So Paulo!

    Vous aimerez peut-être aussi