This post is also available in: English
Neste tutorial, mostraremos todas as etapas para criar uma assinatura de e-mail em HTML do zero, usando o editor da Bybrand. Criar do zero é um método avançado que permite criar seus próprios modelos.
Ao clicar no botão para criar uma nova assinatura de e-mail, você pode ver uma opção de menu para Criar do zero.
Aqui temos um exemplo:
Após o clique, você será redirecionado para a página de templates. Existem três opções baseado no cliente de e-mail preferêncial:
- 600px
- 480px
- 320px
Você deve escolher o tamanho fixo da assinatura de e-mail que deseja iniciar. Esse valor não pode ser modificado posteriormente.
Em nosso exemplo, para começar a criar uma nova assinatura de e-mail a partir do zero, vou clicar no modelo com 600px de largura.
Criando a assinatura de e-mail do zero
Observe que a assinatura do e-mail é carregada sem dados pessoais. Então, você deve adicionar os campos que deseja, usando o editor Bybrand. Por exemplo, uma linha de título, texto ou tabela.
Aqui temos um exemplo:
Você pode adicionar novas opções na área da assinatura de e-mail clicando no botão de (+) do editor. E depois, completar as informações com dados pessoais.
Veja um exemplo rápido adicionando um campo de título:
Veja outro exemplo adicionando uma tabela:
Tabelas HTML
As tabelas são muito úteis para você dividir os elementos. Como, por exemplo, área de logotipo, informações da empresa e ícones sociais. Desta forma, você vai montando a sua assinatura de e-mail do zero.
Existem 7 tipos de tabelas com colunas.
Em nosso exemplo acima, se você clicar na coluna com 2/8, vai criar uma nova tabela com duas colunas, sendo uma com 20% e outra com 80% de largura.
Aqui você pode ver um resultado do nosso exemplo de uma assinatura de e-mail criada do zero. Você pode observar que a área onde tem o logotipo da empresa é uma tabela HTML com três colunas (1/3).
Os outros campos são linhas normais.
Recomendamos que você assista ao vídeo abaixo para uma compreensão completa de como o Criar do zero funciona.
Redimensionar colunas internas
Você pode alterar a largura de uma coluna interna, mas observe que as colunas internas recebem o valor em porcentagem.
Vídeo tutorial
Para completar esse tutorial, temos um vídeo passo a passo de todas as etapas acima.
Dicas essenciais
Em seguida, veja também esses outros tutoriais úteis.