Editor de e-mail: blocos, variáveis e preview

EsforçoSem códigoCanalE-mailPlanoGrátis

Crie e-mails com a cara da sua marca sem escrever uma linha de código. Você empilha blocos prontos, chama cada contato pelo nome e vê exatamente como a mensagem chega antes de enviar.

#O que você vai conseguir

• Um modelo pronto para qualquer campanha, montado com blocos: cabeçalho, texto, imagem, botão, assinatura e redes sociais.
• Textos com o nome, a cidade ou qualquer campo do contato, com um valor de fallback para quem não tem o dado.
• Assunto e pré-visualização certos na caixa de entrada.
• A prévia na tela e um teste no seu e-mail, sem gastar envios.
• O rodapé com o link de preferências do contato em todo envio, sem você criar nada.

#Como funciona

1. 1Crie o modelo e preencha nome, assunto e pré-visualização
2. 2Monte o e-mail com blocos e variáveis do contato
3. 3Confira a prévia, envie um teste e salve

O editor tem duas áreas. À esquerda, o e-mail como ele vai ficar. À direita, o painel de ajustes:

• clique num bloco para editar o conteúdo, as cores e os espaçamentos dele;
• clique numa área vazia, fora dos blocos, para ajustar o fundo do e-mail e a caixa onde os blocos ficam.

Todo modelo novo nasce como Rascunho. Ele só aparece para escolher numa campanha depois que você clica em Salvar. A campanha lê o modelo na hora de cada envio: uma alteração salva vale para os próximos envios de todas as campanhas que usam esse modelo.

#Passo a passo

#1. Crie o modelo

1. No menu, abra Modelos de Email e clique em Novo Modelo.
2. A BIP cria um modelo [sem título], com o selo Rascunho, e abre o editor. Ele já vem com um fundo cinza, uma caixa branca no centro e um cabeçalho de boas-vindas com o primeiro nome do contato. Edite ou apague o que quiser.
3. Para partir de um e-mail que você já tem, clique em Duplicar (ícone de cópia) na linha dele. A BIP cria uma cópia com "(Clone)" no nome e abre o editor.

dash.bip.marketing/…/emails-templates

Captura de tela em breve

#2. Preencha as configurações do modelo

1. No topo do editor, clique em Configurações. Abre o painel Configurações do Modelo de Email.
2. Em Nome, use um nome que a equipe reconheça, como Boas-vindas · Padaria Aurora. Ao lado, escolha um emoji para o ícone.
3. Em Descrição, anote para que serve o modelo (opcional).
4. Em Grupo, escolha em que grupo o modelo aparece na lista. Os grupos são criados em Configurações → Grupos → Grupos de Modelos de Email.
5. Em Idioma, escolha o idioma em que o e-mail está escrito: Português, Inglês ou Espanhol. Modelos novos começam em Inglês.
6. Em Assunto, escreva o assunto. Digite @ para incluir dados do contato.
7. Em Pré-visualização, escreva a frase que aparece na caixa de entrada logo depois do assunto. Ela também aceita @.
8. Clique em Salvar.

dash.bip.marketing/…/emails-templates/…

Captura de tela em breve

#3. Ajuste o fundo e o container

Clique numa área vazia do e-mail. O painel da direita mostra Container, com duas partes:

• Principal: o fundo externo, que ocupa a tela toda. Escolha o Plano de Fundo e o Espaçamento Interno.
• Container: a caixa interna, onde ficam os blocos. Com Habilitado ligado, você define Plano de Fundo, Largura Máxima (px), Arredondado (px) e Margem / Espaçamento Interno (px). Desligado, os blocos ocupam a largura toda, direto sobre o fundo principal.

Um começo seguro: fundo Principal claro, Container branco com Largura Máxima (px) de 600 e Arredondado (px) de 10.

dash.bip.marketing/…/emails-templates/…

Captura de tela em breve

#4. Monte o e-mail com blocos

1. Para adicionar um bloco, use o botão + roxo no canto inferior direito (o bloco entra no fim do e-mail) ou selecione um bloco e clique no + da borda de baixo dele (o novo entra logo depois). Num modelo vazio, clique em Adicionar Bloco.
2. Escolha o bloco: Adicionar Cabeçalho, Adicionar Texto, Adicionar Divisor, Adicionar Imagem, Adicionar Grade, Adicionar Botão, Adicionar Assinatura ou Adicionar Redes Sociais.
3. Clique no bloco para abrir o painel dele à direita. Todos os campos de cada bloco estão na Referência.
4. Use a barra que aparece sobre o bloco selecionado: Mover para Cima, Mover para Baixo, Duplicar, Copiar para Área de Transferência, Colar da Área de Transferência e a lixeira, que pede confirmação.

Para reaproveitar um bloco em outro modelo, clique em Copiar para Área de Transferência, abra o outro modelo na mesma aba do navegador e escolha Colar Bloco no menu de blocos.

dash.bip.marketing/…/emails-templates/…

Captura de tela em breve

#5. Personalize com variáveis

1. Num cabeçalho, num texto, numa coluna de texto da grade, no Assunto ou na Pré-visualização, digite @.
2. Abre a lista Variáveis. Continue digitando para filtrar: o nome de um campo personalizado (@Data acha Data de nascimento) ou o termo em inglês dos dados padrão (@first acha o primeiro nome, @city acha a cidade). Escolha com as setas e Enter, ou com um clique.
3. A variável entra como uma etiqueta cinza. Um ponto laranja indica que ela ainda não tem valor de fallback.
4. Clique na etiqueta e preencha Valor de Fallback: é o texto que aparece para quem não tem o dado. Para o primeiro nome, use algo como cliente. Sem fallback, o trecho fica em branco.

Para formatar o texto, selecione um trecho. Aparece uma barra com tamanho do parágrafo, nível de título, alinhamento, negrito, itálico, sublinhado e link. O link abre Adicionar Link, com URL e, se nada estiver selecionado, Texto.

dash.bip.marketing/…/emails-templates/…

Captura de tela em breve

#6. Confira a prévia

1. No topo, clique em Pré-visualização → Prévia do Email.
2. Na aba Pré-visualização, a parte Inbox mostra o e-mail na caixa de entrada: nome do remetente, assunto e pré-visualização. A parte Corpo mostra o e-mail aberto, já com o rodapé de preferências.
3. A aba HTML mostra o código que a BIP gera.

As variáveis aparecem preenchidas com um contato fictício, para você ver o texto completo.

dash.bip.marketing/…/emails-templates/…

Captura de tela em breve

#7. Envie um teste e salve

1. Clique em Pré-visualização → Enviar Email de Prévia.
2. Digite o seu e-mail e clique em Enviar Prévia. A mensagem Email de prévia enviado com sucesso! confirma.
3. Abra o e-mail no computador e no celular. Clique nos links e nos botões.
4. Volte ao editor e clique em Salvar. O selo Rascunho sai e o modelo já aparece para escolher em Campanhas.

A prévia usa o que está na tela, mesmo antes de salvar. Ela sai de um endereço da BIP, com as variáveis preenchidas por um contato fictício, e não consome envios.

dash.bip.marketing/…/emails-templates/…

Captura de tela em breve

#Referência

#Lista de Modelos de Email

#Topo do editor

#Configurações do Modelo de Email

#Container

#Barra do bloco selecionado

#Cabeçalho e texto

Adicionar Cabeçalho e Adicionar Texto abrem o mesmo painel, Bloco de Texto. O cabeçalho já vem com o texto em formato de título.

#Divisor

Painel Bloco Divisor.

#Imagem

Painel Bloco de Imagem. O bloco novo vem com uma foto de exemplo: troque pela sua.

#Grade de 2 colunas

Painel Bloco de Grade. O bloco novo vem com texto na Coluna 1 e imagem na Coluna 2.

#Botão

Painel Bloco de Botão.

#Assinatura

Painel Bloco de Assinatura. Telefone, e-mail e site viram links clicáveis.

#Redes sociais

Painel Bloco de Redes Sociais. O bloco novo vem com Facebook, Instagram, X, LinkedIn e YouTube, sem link.

#Variáveis mais usadas

A lista Variáveis mostra uma descrição em inglês e o código da variável. Digite parte de qualquer um dos dois para filtrar.

Campos personalizados e KPIs aparecem com o nome que você deu a eles em Configurações.

#Rodapé automático

Todo e-mail que a BIP envia a um contato termina com a frase Nós respeitamos você, ajuste suas preferências de contato a qualquer momento. O trecho preferências de contato leva ao portal do contato, onde ele escolhe o que quer receber. Você não precisa criar esse rodapé nem um bloco de descadastro.

#Pronto para copiar

#Estrutura de um e-mail de boas-vindas

#Textos

Onde aparece [@primeiro nome], digite @first, escolha lead.firstName() e use cliente como Valor de Fallback.

[@primeiro nome], seu café da manhã está esperando ☕

Pão quentinho a partir das 7h e um mimo na sua primeira visita.

Que bom ter você aqui, [@primeiro nome]!

A Padaria Aurora assa pães, bolos e salgados todos os dias, desde cedo. A partir de agora, você fica sabendo antes de todo mundo das fornadas especiais e das novidades do cardápio.

Na sua primeira visita, mostre este e-mail no caixa e ganhe um café coado por nossa conta.

Ver o cardápio

#Assinatura

#Fallbacks que funcionam

#Como medir

• Antes de enviar: use Prévia do Email para conferir assunto, pré-visualização e variáveis, e Enviar Email de Prévia para ver o e-mail na sua caixa de entrada. Nada disso consome envios.
• Depois do envio: em Campanhas, abra a campanha e clique em Estatísticas da Campanha. Acompanhe Aberturas, Taxa de Abertura, Taxa de Cliques e Taxa de Cliques por Abertura.
• Links: a BIP conta os cliques de todos os links do e-mail sozinha, sem configuração. Em Links mais clicados, você vê qual botão ou imagem puxou mais gente.
• Teste de assunto: duplique o modelo, mude só o Assunto e use cada versão numa campanha para segmentos parecidos. Compare a Taxa de Abertura das duas.

#Perguntas frequentes

#Preciso criar um link de descadastro?

Não. Todo e-mail que a BIP envia a um contato traz no rodapé o link preferências de contato, que abre o portal do contato. Lá ele escolhe o que quer receber ou sai da lista.

#O que aparece quando o contato não tem o dado da variável?

Aparece o Valor de Fallback que você definiu. Sem fallback, aquele trecho fica em branco. Por isso, preencha o fallback de toda variável: o ponto laranja na etiqueta mostra quais ainda estão sem.

#Se eu mudar o modelo, as campanhas que já usam ele mudam também?

Sim, a partir do próximo envio. A campanha lê o modelo na hora de enviar. Para guardar uma versão antiga, use Duplicar antes de editar.

#A prévia gasta envios do meu plano?

Não. Prévia do Email e Enviar Email de Prévia não consomem envios. As variáveis aparecem preenchidas com um contato fictício.

#Veja também

• Campanhas: única, recorrente e por API
• Domínio de envio próprio
• Segmentos: os 10 critérios para filtrar contatos
• Conformidade: portal do contato, opt-out e tópicos
• Primeiros passos na BIP