Email em HTML

Use nosso editor para criar suas newsletter em HTML

Suelen Pereira avatar
Escrito por Suelen Pereira
Atualizado há mais de uma semana

O nosso editor Drag'n'Drop contém todas as funções necessárias que lhe permitem criar uma newsletter.

No entanto, se você quiser criar algo fora do padrão, poderá usar um editor de HTML para isso.

Na seção "Design" (abaixo do editor) há um botão que permite alterar o editor Drag'n'Drop para o editor HTML:

A prática mais popular é fazer upload de arquivos .zip inteiros, graças aos quais podemos enviar gráficos ou estilos CSS de uma forma conveniente. Os scripts JS são bloqueados para que não possam ser importados.

Importante: alternar entre Drag'n'Drop e o editor HTML faz com que o design atual seja perdido e não possa ser recuperada. Lembre-se de manter um backup.

É muito importante inserir o assunto da mensagem

no campo "Assunto". em design

Há algumas coisas a serem lembradas ao criar um design em HTML:

  • a codificação deve ser definida como UTF-8,

  • a newsletter deve conter um link para cancelar a assinatura,

  • o arquivo deve estar no formato .zip.

Nossos desenvolvedores prepararam um código pronto que permite que você cancele a inscrição. Sem este link, o envio não será possível:

<a href="*|UNSUBSCRIBE_LINK|*"> cancelar inscrição </a>

A estrutura do arquivo .zip

A estrutura do arquivo .zip é muito importante. Se não estiver correto, a importação será impossível.

Estrutura correta:

---arquivo zip

index.html

Imagem1

Imagem2

Imagem3 etc...

Estrutura incorreta:

-arquivo zip

---- pasta

-------- index.html

-------- pasta com arte

-------- Pasta de estilos CSS (opcional)

Resumindo: quaisquer itens a serem importados não devem estar em nenhuma pasta pai, mas diretamente no arquivo .zip.

Desvantagens de criar uma newsletter em HTML:

  • Seus estilos CSS podem não funcionar em alguns clientes de e-mail,

  • leva muito mais tempo do que criar uma criação Drag'n'Drop,

  • você pode precisar do suporte de seu desenvolvedor,

nosso departamento de suporte nem sempre poderá ajudá-lo.


TAGS Uteis:

*|FIRST_NAME|* - Nome

*|LAST_NAME|* - Sobrenome

*|VISIT_DAYS_AGO|* - Quantos dias desde a última visita

*|CUSTOMER_VALUE|* - Valor acumulado de compras do cliente

*|COUPON|* - Cupom

*|THRESHOLD|* - Limite de desconto (usado no programa de fidelidade)

*|MISSING_AMOUNT|* - valor que está faltando para obter um desconto (usado no programa de fidelidade)

*|UNSUBSCRIBE_LINK|* - link para cancelar inscrição

Exemplo de uso:

<a href="*|UNSUBSCRIBE_LINK|*"> Cancelar assinatura <br> z listy mailingowej.</a>

Você pode usar todas essas tags conforme necessário.

OBS: Você pode editar todas as criações de correspondência usando HTML. Você não pode editar o pop-up de saída, o widget push e o widget GDPR.

Elementos HTML dinâmicos

Se você decidiu criar um criativo em HTML, também poderá usar os itens dinâmicos (Produtos visualziados, carrinho abandonado, recomendações, best sellers etc).

A maneira mais conveniente de "puxar" elementos dinâmicos é adicioná-los no editor Drag'n'Drop e depois baixar o HTML. Dessa forma, você pode baixar todos os elementos dinâmicos.

Você pode baixar HTML com o botão.

Isto respondeu à sua pergunta?