Crie seu e-mail com o editor visual (arrastar e soltar)

Não é preciso saber design nem tocar em uma linha de código para montar um e-mail com cara profissional. O Designer modular da arrobaMail funciona como montar com blocos: você vai empilhando peças — logo, imagens, textos, botões — e as ajusta até o e-mail ficar do jeito que quer, vendo tudo ao vivo o tempo todo.

Neste guia percorremos o editor visual de ponta a ponta. É o caminho manual (sem IA): ideal quando você quer controle total sobre cada detalhe. Se em algum momento preferir que a inteligência artificial te dê uma base, existe o botão Editar com IA — e cobrimos isso em usar a Amanda IA —, mas aqui fazemos tudo na mão.

1. Escolha «Designer» ao criar a campanha

Quando você cria uma campanha, a arrobaMail oferece quatro formas de montar a mensagem: o Designer visual, Com IA (Amanda), o modo HTML avançado e A partir de uma URL. Para este guia, escolha o Designer: é o que permite compor arrastando blocos, sem escrever código.

2. Conheça o editor: tela e painel do módulo

O Designer tem duas áreas que vale a pena reconhecer logo de cara:

• À esquerda, a tela: seu e-mail como está ficando, montado por blocos empilhados (o logo, uma imagem, um texto, um botão…). É uma prévia ao vivo: o que você vê é o que será enviado.
• À direita, o painel do módulo: quando você clica em um bloco na tela, aqui aparecem suas opções, organizadas em abas — Módulos e template, Conteúdo e Design do módulo.
• Em cima, os botões Anterior, Editar com IA e Continuar.

A mecânica é sempre a mesma: você escolhe um bloco na tela e o edita no painel da direita, vendo o resultado na hora.

3. Parta de um template ou da tela em branco

Na aba Módulos e template, você pode partir de um template pronto (mais rápido) ou de uma tela em branco (mais controle). Se está começando agora, um template dá uma estrutura decente para ajustar; com o tempo, você vai querer montar do zero.

Dica: salve os designs que funcionaram bem na sua biblioteca. Na próxima campanha, você monta em minutos reaproveitando o que já deu certo, em vez de começar do zero toda vez.

4. Adicione e organize blocos arrastando

Aqui está o coração do editor visual: você adiciona blocos e os organiza arrastando. Os típicos são logo, imagem, texto, imagem + texto, botão (CTA) e colunas. Arraste cada um até a posição desejada e reordene sempre que precisar.

Uma dica de estrutura que vale ouro: pense o e-mail de cima para baixo como um funil — logo, uma imagem ou título que prenda a atenção, a mensagem, e o botão. E lembre da disciplina do foco: um objetivo, um botão (vemos isso em uma campanha, um objetivo).

5. Edite o conteúdo de cada bloco

Com um bloco selecionado, vá até a aba Conteúdo. Dependendo do tipo de bloco, você vai poder:

• Em uma imagem: substituir por uma sua ou colar uma URL, e ajustar o tamanho.
• Em um texto: escrever e formatar (negrito, links), e inserir campos personalizados como o nome do assinante.
• Em um botão: mudar o texto e o link de destino.

Tudo é refletido na tela na hora, então você não trabalha às cegas.

6. Ajuste o design do bloco

A aba Design do módulo controla como cada bloco aparece: cores (de fundo, de texto, do botão), tamanhos, alinhamento e espaçamentos. É aqui que você aplica sua identidade — as cores da sua marca, sua tipografia — para que o e-mail pareça seu, e não genérico.

Importante: mantenha a coerência. Use duas ou três cores da sua marca e repita-as; um e-mail com oito cores diferentes parece amador. Menos paleta, mais profissionalismo.

7. Revise no celular e continue

Antes de seguir, confira como fica na tela pequena: a maioria das pessoas lê pelo celular. Verifique se as imagens não ficam gigantes, se o texto se lê sem zoom e se o botão é fácil de tocar.

Quando o design estiver do seu jeito, toque em Continuar: você passa para os dados da campanha, o teste na sua caixa e o envio. Essa etapa final é coberta em crie sua primeira campanha.

Erros comuns para evitar

• Imagens pesadas ou gigantes. Demoram para carregar e ficam ruins no celular. Use imagens otimizadas e sempre revise no mobile.
• Cores e tipografias demais. Tiram profissionalismo. Duas ou três da sua marca, repetidas.
• Texto dentro da imagem. Se sua mensagem principal está embutida numa imagem, quem não carrega imagens não vê nada. O texto importante entra como texto de verdade.
• Não testar no celular. O que fica perfeito no computador pode quebrar numa tela pequena. Revise sempre.

Próximos passos

1. Garanta que o design tenha foco com uma campanha, um objetivo.
2. Se quiser uma base gerada por IA para depois ajustar na mão, veja usar a Amanda IA.
3. Revise as quatro formas de criar e o envio em criar e enviar campanhas.