Campanhas de e-mail: usar um e-mail pronto em HTML

Este guia é para quem já tem um e-mail preparado em outra ferramenta e quer usá-lo em uma campanha do Sonarview Hub. Criar a lista, criar a campanha e enviar o e-mail de teste estão no guia Listas de e-mail e campanhas: criar, enviar e descadastro.

Trazer um e-mail pronto em HTML (e continuar editando aqui)

Se você já tem o e-mail preparado em outra ferramenta e tem o HTML dele, não precisa refazer nada nem mexer em código:

1. Na coluna de blocos, à esquerda, desça até o fim e clique em Importar e-mail em HTML.
2. Cole o código inteiro na caixa, ou clique em Escolher arquivo .html e selecione o arquivo que você tem no computador. Pode ser o documento todo, com as marcações de página html e head: é justamente para isso que este caminho existe.
3. Assim que você colar, a tela mostra quantos blocos vão nascer e de que tipo (título, texto, imagem, botão), e avisa o que mudou de forma. Leia os avisos antes de confirmar.
4. Escolha Substituir o conteúdo (troca o que já estava preparado) ou Acrescentar no fim (mantém o que existe e põe o novo embaixo).

Pronto: o e-mail que era um bloco de código vira blocos normais. Você clica em cada um e edita o texto, a cor, a imagem e o link, do mesmo jeito que faria em um e-mail preparado aqui do zero.

O que a importação faz com as cores e as fontes. Um e-mail exportado por outra ferramenta guarda a formatação em uma folha de estilo, no alto do arquivo. Isso funciona em uma página de internet, mas não funciona em um e-mail: os programas de e-mail ignoram essa parte. Por isso a importação escreve a formatação dentro de cada elemento, que é a única forma que eles respeitam. É por isso que o e-mail importado aparece com as cores certas aqui e na caixa de quem recebe.

Os avisos que podem aparecer, e o que fazer com cada um:

• "As regras de celular não vieram." A formatação que só vale em tela pequena depende do tamanho da tela de quem lê, e não pode ser escrita dentro do elemento. Não é problema: o modelo do Hub já traz as regras de celular dele, e o seu e-mail continua se adaptando.
• "O e-mail traz um link de descadastro da ferramenta de origem." Este merece atenção. Esse link tira a pessoa da lista da OUTRA ferramenta, não da sua: quem clicar nele continua recebendo os seus e-mails, e é assim que uma reclamação de spam nasce. Troque o endereço desse link por {{unsubscribe}}, ou apague o link e deixe o rodapé de descadastro que a campanha já acrescenta sozinha.
• "N pedaços vieram como HTML." São partes que o Hub não soube separar em campos (uma tabela complicada, por exemplo). Elas aparecem no e-mail exatamente como estavam, e nada se perdeu: só não ganharam campos para editar. Se quiser mexer nelas, é no bloco de HTML.
• "N imagens apontam para um caminho do site de origem." Em um e-mail, uma imagem precisa de endereço completo, começando por https://. Abra cada bloco de imagem e cole o endereço certo, senão quem receber vê um quadrado vazio.
• "Havia código de programa (script)." Foi retirado. Nenhum programa de e-mail executa código, então ele só ocuparia espaço.

Personalização continua valendo. As marcações {{primeiro_nome}}, {{nome}}, {{email}} e {{empresa}} que estiverem no HTML são preservadas e funcionam normalmente.

O rodapé de descadastro continua sendo adicionado automaticamente, então o seu HTML não precisa trazer isso.

Colar um pedaço de HTML sem importar

Se o que você tem é um pedaço de código (um trecho de tabela, um selo, um rodapé) e você quer que ele fique exatamente como está, sem virar blocos:

1. Na coluna de blocos, clique em Colar HTML.
2. Selecione o bloco e cole o seu código no campo Código HTML. Ele aparece na prévia como vai ficar no e-mail.
3. Você ainda pode usar {{nome}}, {{email}} e {{empresa}} dentro do HTML para personalizar.

A diferença entre os dois caminhos, em uma linha: Importar transforma o e-mail em blocos que você edita; Colar HTML guarda o código como está, em um bloco só.

Quando algo dá errado