This post is also available in: English
Neste tutorial, mostraremos todas as etapas para criar uma assinatura de e-mail profissional do zero, usando o editor da Bybrand. Criar do zero é um método avançado que permite criar seus próprios modelos.
Para completar esse tutorial, temos um vídeo passo a passo de todas as etapas abaixo.
Criando uma nova assinatura do zero
Ao clicar no botão para criar uma assinatura de e-mail, você pode ver uma opção de menu para Criar do zero.
Aqui temos um exemplo:
![Criando uma nova assinatura do zero](https://www.bybrand.io/docs/wp-content/uploads/2024/05/xcreateFromScratch-1024x425.png.pagespeed.ic.sBpl1hTN53.png)
Após o clique, você será redirecionado para a página de modelo. Existem três opções baseado no cliente de e-mail preferencial:
- 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.
![Opções de modelos do zero](https://www.bybrand.io/docs/wp-content/uploads/2024/05/xcreateFromScratch_templates-1024x552.png.pagespeed.ic.aUHpyDK5AA.png)
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.
Adicionando elementos
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:
![Assinatura do e-mail é carregada sem dados pessoais](https://www.bybrand.io/docs/wp-content/uploads/2021/05/xsignature-create-from-scratch.png.pagespeed.ic.zoP_TwV6Fy.png)
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:
![Adicionando uma opção de ícone](https://www.bybrand.io/docs/wp-content/uploads/2021/05/scratch-title.gif)
Veja outro exemplo adicionando uma tabela:
![Adicionando uma opção de tabela](https://www.bybrand.io/docs/wp-content/uploads/2021/05/scratch-column.gif)
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.
![Tabelas do editor Bybrand](https://www.bybrand.io/docs/wp-content/uploads/2021/05/xtables-scratch.png.pagespeed.ic.mBDbLiqSIe.png)
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.
![Criar do zero - assinatura de e-mail completa](https://www.bybrand.io/docs/wp-content/uploads/2021/05/final-result-create-from-scratch.png)
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.
![](https://www.bybrand.io/docs/wp-content/uploads/2023/08/xsplitColumnPercentagem.png.pagespeed.ic.-rfSljONB3.png)
Dicas essenciais
Em seguida, veja também esses outros tutoriais úteis.