O editor de e-mail de arrastar e soltar da Brevo facilita a criação de e-mails profissionaissem necessidade de programação! Quer você comece do zero ou escolha um modelo predefinido, personalize os designs facilmente na etapa de design ao criar campanhas ou modelos. Personalize e-mails com conteúdo dinâmico, como detalhes de contato ou histórico de compras, para uma experiência personalizada do destinatário!
Descubra o editor de e-mail de arrastar e soltar e saiba mais sobre suas diferentes seções:
| 🎨 Tela do e-mail |
⬅️ Painel de navegação à esquerda 🗄️ Conteúdo 🖌️ Estilo |
⬆️ Barra de navegação superior |
🧑💻 Acesse o editor de e-mail de arrastar e soltar
Para começar a criar seus e-mails com o editor de arrastar e soltar:
- Crie uma campanha de e-mail ou modelo de e-mail e configure-o.
- Acesse a etapa Design (Criar) para selecionar um modelo de e-mail com qual começar.
-
Dependendo se você estiver criando um modelo de e-mail ou uma campanha, o procedimento será diferente:
Clique em Start designing (Iniciar criação) e:
- Consulte seus e-mails e categorias de de modelos pré-criados para selecionar um modelo de e-mail pré-criado com o qual começar ou
- Clique em Start from scratch (Comece do zero) > Drag and drop editor (Editor de arrastar e soltar) para começar de um desenho em branco.
Navegue pelas diferentes guias para visualizar os designs de e-mail e clique no modelo de e-mail que deseja usar.
O editor de e-mail de arrastar e soltar será aberto, permitindo que você crie seu e-mail com uma interface simples e sem necessidade de código! Na próxima vez, você poderá escolher seu próprio modelo de e-mail e as campanhas de e-mail anteriores para começar, tudo na mesma página. Use os e-mails criados com o editor de e-mail de arrastar e soltar nas suas campanhas de e-mail, automações e conversas!
🎨 Tela do e-mail
A tela do e-mail é o espaço de trabalho principal onde você cria o layout do seu e-mail e o preenche com conteúdo. Basta arrastar e soltar elementos do painel de navegação à esquerda e configurá-los para dar vida ao seu e-mail e personalizá-lo sem precisar de código. Desfrute de uma visualização em tempo real do seu e-mail enquanto o cria, o que você vê é o que você obtém!
➡️ Para saber mais sobre como preencher sua tela de e-mail, consulte a nossa seção dedicada ao Editor de e-mail de arrastar e soltar.
⬅️ Navegação à esquerda
A barra lateral esquerda é o centro de controle para criar e formatar seu e-mail. Está dividida em três guias principais —Content (Conteúdo), Style (Estilo) e Aura AI— cada uma projetada para guiá-lo por uma parte específica do seu processo de criação de e-mails. Desde arrastar blocos de conteúdo até aplicar estilos globais e gerar texto com IA, tudo começa aqui.
➡️ Para saber mais sobre as diferentes guias, consulte nossas seções dedicadas abaixo para Content (Conteúdo), Style (Estilo) e Aura AI.
🗄️ Content (Conteúdo)
A guia Content (Conteúdo) é onde você encontrará todos os elementos básicos do seu e-mail. Você pode arrastar e soltar elementos como texto, imagens, botões, links para redes sociais, divisores e seções inteiras diretamente na tela de e-mail. Esses componentes são a base da estrutura e da mensagem do seu e-mail.
|
|
Os blocos de conteúdo são diferentes tipos de conteúdo que você pode adicionar ao seu e-mail. Você pode arrastar e soltar os blocos de conteúdo nos blocos de estilo. |
Os blocos de conteúdo disponíveis são:
|
|
|
Os blocos Title (Título) e Text (Texto) permitem que você adicione conteúdo escrito ao seu e-mail:
|
Ambos oferecem opções de formatação — estilo, tamanho, cor da fonte, alinhamento e link — para manter uma mensagem clara e alinhada à marca.
➡️ Para saber mais sobre os blocos de conteúdo Title (Título) e Text (Texto) , consulte nosso artigo dedicado Sobre os blocos de conteúdo Title (Título) e Text (Texto).
|
|
O blocoImage (Imagem) permite adicionar elementos visuais ao seu e-maill—como fotos de eventos, ícones e ilustrações. Você pode inserir suas próprias imagens, escolher entre nossa galeria de imagens de banco de imagens e GIFs integrada, ou até mesmo criar imagens personalizadas diretamente do editor. Ajuste facilmente o alinhamento, o tamanho, o texto alternativo e adicione links para tornar seus recursos visuais atraentes e funcionais. |
➡️ Para saber mais sobre o bloco de conteúdo Image (Imagem), consulte nossos artigos dedicados Inserir e editar imagens em seus designs de e-mail e Adicionar e gerenciar imagens na Biblioteca de conteúdo.
|
|
O bloco Video (Vídeo) permite adicionar uma miniatura de vídeo vinculada a um vídeo hospedado (por exemplo, no YouTube ou Vimeo). Como a maioria dos clientes de e-mail não suporta a reprodução de vídeos incorporados, clicar na miniatura redirecionará o destinatário para o vídeo em sua plataforma original. Você pode personalizar a imagem em miniatura, o estilo do botão de reprodução e a URL do link para aumentar o engajamento. |
➡️ Para saber mais sobre o bloco de conteúdo Video (Vídeo), consulte nosso artigo dedicado Inserir vídeos na minha campanha de e-mail.
|
|
O bloco Button (Botão) permite adicionar uma chamada para ação (CTA) clara ao seu e-mail, como Compre agora, Cadastre-se ou Saiba mais. Você pode personalizar o texto, as cores, o tamanho, o alinhamento e o destino do link para combinar com o seu design e aumentar os cliques. |
➡️ Para saber mais sobre o bloco de conteúdo Button (Botão), consulte nosso(s) artigo(s) dedicado(s) Insira chamadas para ação (CTA) eficazes em seus designs de e-mail (botão).
|
|
O bloco Dynamic content (Conteúdo dinâmico) permite que você use um único layout de e-mail para criar vários e-mails personalizados para cada destinatário, dando a sensação de uma conversa individual. Por exemplo, crie um único layout para o e-mail de confirmação do pedido que será preenchido automaticamente com as informações do destinatário no momento do envio, como o total do pedido e a lista de produtos comprados. |
➡️ Para saber mais sobre como usar o bloco Dynamic content (Conteúdo dinâmico), consulte nosso artigo dedicado Entendendo o bloco de conteúdo dinâmico (Feeds de dados e dados de eventos).
|
|
O bloco Logo (Logotipo) permite inserir o logotipo da sua marca no e-mail— geralmente posicionado na parte superior. Isso garante que seus destinatários possam reconhecer instantaneamente quem enviou a mensagem, reforçando a identidade da sua marca e aumentando a confiança. Você pode ajustar o tamanho e o alinhamento do logotipo para que se adapte ao seu layout. |
➡️ Para saber mais sobre como usar o bloco de conteúdo Logo (Logotipo), consulte nosso artigo dedicado Salve os ativos da sua marca na Biblioteca de marca.
|
|
O bloco Social (Redes sociais) permite adicionar ícones clicáveis que levam às páginas da sua empresa nas redes sociais (como Facebook, Instagram, LinkedIn, Twitter etc.). Personalize o estilo, o tamanho, o alinhamento e a cor dos ícones para combinar com a sua marca enquanto incentiva o engajamento entre plataformas. |
➡️ Para saber mais sobre como usar o bloco de conteúdo Social (Redes sociais), consulte nosso artigo dedicado Salve os ativos da sua marca na Biblioteca de marca.
|
|
O bloco HTML permite ir além da simples ação de arrastar e soltar elementos, incorporando código HTML personalizado diretamente no design do seu e-mail. Isso é perfeito para adicionar layouts personalizados, widgets incorporados, cronômetros de contagem regressiva ou integrar com ferramentas de terceiros que fornecem código de incorporação. Alguns clientes de e-mail não oferecem suporte a todos os elementos HTML. |
➡️ Para saber mais sobre o bloco de conteúdo HTML, consulte nosso artigo dedicado Limitações ao usar HTML em sua campanha de e-mail.
|
Divider (Divisor) |
O bloco Divider (Divisor) permite inserir uma linha horizontal para separar visualmente o conteúdo do seu e-mail. Isso ajuda a organizar as seções, criar espaço e tornar sua mensagem mais fácil de ler rapidamente. Você pode personalizar a espessura, o estilo, a cor e a largura da linha. |
➡️ Para saber mais sobre o bloco de conteúdo Divider (Divisor), consulte nossa seção dedicada Separar visualmente as seções com uma linha.
|
|
O bloco Product (Produto) permite que você exiba produtos da sua loja online, sem precisar copiar nada. Crie e-mails personalizados exibindo seus produtos exatamente como eles aparecem no seu site. |
➡️ Para saber mais sobre o bloco Product (Produto), consulte nosso artigo dedicado Insira produtos da sua loja online em seus e-mails com o bloco de produto.
|
|
O bloco Navigation (Navegação) permite criar links âncora que permitem aos destinatários pular para seções específicas dentro de um e-mail longo. Isso é especialmente útil para e-mails ricos em conteúdo, como boletins informativos, cardápios ou catálogos de produtos. Você pode estilizar o link como se fosse uma barra de navegação de site. |
➡️ Para saber mais sobre o bloco de conteúdo Navigation (Navegação), consulte nossos artigos dedicados Adicione um índice e links de âncora ao seu e-mail.
|
Spacer (Espaçador) |
O bloco Spacer (Espaçador) permite inserir espaços em branco entre os blocos de conteúdo para melhorar o layout e o fluxo visual do seu e-mail. Use-o para separar seções, evitar que os elementos pareçam amontoados ou alinhar o conteúdo com precisão. Você pode ajustar a altura do espaçador para que se ajuste à quantidade de espaço desejada. |
|
|
A guia Sections (Seções) reúne layouts de conteúdo pré-criados para texto, imagens, botões e links de redes sociais, eliminando a necessidade de habilidades de design e simplificando o processo de criação de seus e-mails. Personalize as seções pré-criadas com seus próprios elementos para criar conteúdo exclusivo e envolvente que se conecte com o seu público, mantendo a voz e a identidade da sua marca. ➡️ Para saber mais sobre a guia Sections (Seções), consulte nosso artigo dedicado. Economize tempo ao criar seus e-mails com seções pré-criadas. |
|
|
A guia Saved (Salvo) permite que você facilmente reutilize seu conteúdo favorito. Salve as seções que você pode reutilizar em todos os seus designs de e-mail. Crie seções personalizadas, como cabeçalhos e rodapés, salve-as e reutilize-as facilmente em seus outros designs de e-mail! ➡️ Para saber mais sobre a guia Saved (Salvo), consulte o nosso arquivo dedicado Salve seções para reutilizá-las em seus designs de e-mail. |
🖌️ Style (Estilo)
|
A guia Style (Estilo) permite que você defina a aparência geral e o layout do seu e-mail. Desde a configuração de estilos de fonte e cores de fundo até o ajuste de espaçamento, preenchimento e estruturas de coluna, essa guia controla a aparência visual do seu e-mail e garante a consistência do design. ➡️ Para saber mais sobre a guia Style (Estilo) , consulte nosso artigo dedicado Defina o estilo de design para todo o seu e-mail. |
⬆️ Navegação superior
A barra de navegação superior oferece acesso rápido a ferramentas essenciais que ajudam você a gerenciar, pré-visualizar e ajustar o design do seu e-mail. A partir daqui, você pode navegar de volta às configurações do seu modelo ou campanha, desfazer alterações, alternar entre visualizações de dispositivos, testar seu e-mail e muito mais, tudo em um só lugar!
-
Ícone da Brevo
Passe o mouse sobre o ícone da Brevo e clique nele para retornar à sua campanha de e-mail ou criação de modelo. -
Name of the email design (Nome do design do e-mail)
Clique no nome do design do seu e-mail para renomeá-lo. -
Cancel or restore actions and last saved (Cancelar ou restaurar ações e últimas ações salvas)
Cancele (Ctrl ou ⌘ + Z) ou restaure ( + Ctrl or ⌘ + Z) uma ação que você acabou de realizar no design do seu e-mail. Você também pode acessar a versão anterior do seu design e restaurá-la clicando em last saved (último salvo). -
Desktop and mobile preview (Pré-visualização em desktop e dispositivo móvel)
Alterne entre as visualizações em desktop e dispositivo móvel para adaptar o design do seu e-mail a todos os tamanhos de tela.
➡️ Para saber mais sobre a visualização em dispositivo móvel, consulte o nosso artigo dedicado Otimize o design de seu e-mail para dispositivos móveis (otimizado para dispositivo móvel). -
Preview & test (Pré-visualizar e testar)
Pré-visualize o design do seu e-mail, como destinatário ou em diferentes clientes de e-mail, ou envie um e-mail de teste para garantir que seu e-mails seja exibido conforme o esperado nas caixas de entrada dos destinatários.
➡️ Para saber mais sobre como pré-visualizar e testar seu e-mail, confira nosso artigo dedicado Pré-visualizar e testar a campanha de e-mail. -
Save & quit (Salvar e sair)
Salve seu design e retorne à sua campanha de e-mail ou à criação do modelo. -
More actions (Mais ações)
Biblioteca de marcasEconomize tempo na criação de seus e-mails salvando os ativos de sua marca na Biblioteca de marca. Depois de configurado, cada novo modelo selecionado por você herdará as propriedades de sua marca,tais como logo, cores, fontes e links para redes sociais.
➡️ Para saber mais sobre a Biblioteca de marca, consulte nosso artigo dedicado Crie automaticamente seus e-mails com seus ativos de marca usando a Biblioteca de marca.
Developer mode (Modo de desenvolvedor)❗️ ImportanteEssa opção só estará disponível se você entrar em contato com a equipe de suporte para habilitar o Developer mode (Modo de desenvolvedor) no Editor de arrastar e soltar.Utilize essa função para aprofundar a personalização do design do seu e-mail usando código.
➡️ Para saber mais sobre o modo de desenvolvedor, consulte o nosso artigo dedicado Use o modo de desenvolvedor para personalização avançada dos designs de e-mail.
Atalhos do tecladoAprenda os atalhos de teclado que podem ser usados dentro do editor para trabalhar com facilidade e economizar tempo ao criar suas campanhas de e-mail.
SalvarClique em Save (Salvar) para salvar suas alterações manualmente. A Brevo salva automaticamente seu design a cada minuto.
Salvar como modeloSalve o design do seu e-mail como modelo para reutilizá-lo em futuras comunicações de e-mail. Seu modelo salvo pode ser encontrado em Marketing > Templates (Modelos) > Email (E-mail). A partir daí, você poderá definir suas configurações, editá-las, se necessário, e ativá-las.
➡️ Para saber mais, consulte nosso artigo dedicado Onde posso usar meu modelo de e-mail? (Campanhas, Automação e Transacional).
Salvar como PDFSalve o design da sua campanha de e-mail como um arquivo PDF para imprimir ou compartilhar com outras pessoas.
⏭️ O que vem a seguir?
🤔 Dúvidas?
Em caso de dúvida, sinta-se à vontade para entrar em contato com nossa equipe de suporte, criando um tíquete a partir da sua conta. Caso ainda não tenha uma conta, entre em contato conosco aqui.
Se você está procurando ajuda com um projeto usando o Brevo, podemos encontrar à agência parceira da Brevo certa.