Como usar o Blaster: editor de emails

​

O que é o Blaster

• Digitação instantânea sem travamentos
• Modo foco em tela cheia para escrever sem distrações
• Atalho ”/” para comandos rápidos (adicionar elementos via teclado)
• Menu flutuante ao selecionar texto
• Preview em tempo real enquanto você edita

​

Como acessar o Blaster

1. No menu lateral esquerdo, clique em “Blast”
2. Você verá a tela com todos os seus emails: enviados, rascunhos, agendados
3. Para criar um novo email, clique no card no topo da página

​

Criando um novo email

​

Visão inicial

• Campo de assunto no topo
• Área de texto com placeholder “Escreva uma mensagem para seus contatos”
• Barra de formatação na parte inferior
• Botão “Revisar e Enviar” no canto superior direito

​

Modo foco em tela cheia

• Digita algo no assunto e pressiona Enter, ou
• Clica na área de texto e começa a escrever

• Mais espaço para escrever
• Menos distrações visuais
• Preview do email fica mais visível
• Experiência concentrada na criação

​

Preview do email

• Assunto: Novidades de Janeiro
• Preview: Confira as 5 principais atualizações que lançamos este mês

Novidades de Janeiro
Confira as 5 principais atualizações que lançamos este mês

1. Clique no accordion para expandir
2. Digite a descrição do preview (recomendado: 40-100 caracteres)
3. Seja direto e desperte curiosidade

​

Atalho ”/” para comandos rápidos

1. Posicione o cursor onde quer adicionar um elemento
2. Digite ”/” (barra)
3. Um menu aparece com todos os comandos disponíveis

• H1 - Título 1 (maior)
• H2 - Título 2
• H3 - Título 3
• H4 - Título 4
• H5 - Título 5
• H6 - Título 6 (menor)

• Lista desordenada - Marcadores (bullet points)
• Lista ordenada - Numerada (1, 2, 3…)

• Citação - Bloco de citação destacado
• Divisor - Linha horizontal para separar seções
• Botão - Call-to-action clicável
• Variáveis - Campos personalizados dos contatos
• Media Embed - Incorporar vídeos (YouTube, Vimeo, etc)
• Imagem - Upload ou URL de imagem
• Link - Adicionar hyperlink
• Bloco de código - Código formatado (para exemplos técnicos)

​

Barra de formatação

1. + Comandos - Abre o mesmo menu do ”/” (todos os elementos)
2. Arial - Seletor de fonte
3. Regular - Seletor de tamanho/peso da fonte
4. B - Negrito
5. I - Itálico
6. U - Sublinhado
7. S - Tachado
8. </> - Código inline
9. 🎨 - Cor do texto
10. 🔗 - Inserir link

​

Menu flutuante de formatação

• Negrito (B)
• Itálico (I)
• Sublinhado (U)
• Tachado (S)
• Código inline (</>)
• Cor do texto (🎨)
• Link (🔗)

​

Elementos do editor

​

Cabeçalhos (H1 a H6)

• H1 - Título principal do email (use apenas um)
• H2 - Seções principais
• H3 - Subseções
• H4 a H6 - Hierarquias mais específicas (use com moderação)

• Digite ”/” → selecione o cabeçalho desejado
• Ou selecione o texto → use o menu flutuante → escolha o heading

​

Listas

• Item 1
• Item 2
• Item 3

1. Primeiro item
2. Segundo item
3. Terceiro item

• Digite ”/” → “Lista desordenada” ou “Lista ordenada”
• Ou use o botão ”+ Comandos” → escolha o tipo de lista
• Pressione Enter para criar novo item
• Pressione Enter duas vezes para sair da lista

​

Botão

1. Digite ”/” → selecione “Botão”
2. Um botão padrão aparece no email
3. Clique no botão para editar:
   • Texto do botão: O que aparece escrito
   • URL: Para onde o botão leva quando clicado
   • Cor: Personalize a cor do botão
   • Alinhamento: Esquerda, centro ou direita

Quer saber mais sobre o produto?

[Ver demonstração gratuita]

• Use verbos de ação: “Baixar grátis”, “Agendar demo”, “Ver oferta”
• Mantenha o texto curto (máximo 3-4 palavras)
• Um botão principal por email (evite múltiplos CTAs competindo)

​

Imagem

1. Digite ”/” → selecione “Imagem”
2. Escolha uma das opções:
   • Upload: Envie imagem do seu computador
   • Unsplash: Selecione uma imagem de um banco de imagens gratuito
   • Giphy: Selecione uma imagem de um banco de imagens gratuito

• Clique na imagem para redimensionar
• Arraste as bordas para ajustar tamanho
• Clique para editar:
  • Alt text: Descrição da imagem (importante para acessibilidade)
  • Link: Tornar a imagem clicável
  • Alinhamento: Esquerda, centro, direita

• Use imagens otimizadas (máximo 500kb cada)
• Sempre adicione alt text descritivo
• Teste o email em mobile - imagens se adaptam automaticamente

​

Link

1. Selecione o texto que quer transformar em link
2. No menu flutuante, clique no ícone de link (🔗)
3. Cole a URL de destino
4. Pressione Enter

1. Digite ”/” → “Link”
2. Digite o texto do link
3. Adicione a URL

• ❌ “Para ver a documentação, clique aqui”
• ✅ “Veja a documentação completa”

​

Bloco de código

1. Digite ”/” → “Bloco de código”
2. Um bloco cinza formatado aparece
3. Digite ou cole seu código dentro

def enviar_email(destinatario):
    return pingback.send(destinatario)

• Tutoriais técnicos
• Exemplos de API
• Comandos de terminal
• Snippets de código

​

Divisor

1. Digite ”/” → “Divisor”
2. Uma linha horizontal aparece

• Separar seções temáticas diferentes
• Criar pausas visuais em emails longos
• Destacar mudança de assunto

​

Citação

1. Digite ”/” → “Citação”
2. Um bloco destacado aparece
3. Digite o texto da citação

“Depois da Pingback, nossas conversões de email aumentaram 40%. Melhor decisão que tomamos.” — João Silva, CEO da Empresa X

• Depoimentos de clientes
• Destacar estatísticas importantes
• Enfatizar uma mensagem-chave

​

Media Embed

1. Digite ”/” → “Media Embed”
2. Cole a URL do vídeo
3. O player aparece no email

• YouTube
• Vimeo
• Loom

• Thumbnail atrativa
• Link alternativo (“Assistir no YouTube”)
• Texto descritivo do conteúdo

​

Variáveis personalizadas

1. Digite ”/” → “Variáveis”
2. Ou use o botão “+Comandos” → Variáveis
3. Selecione a variável desejada

• {{ subscriberName }} - Nome do contato
• {{ subscriberEmail }} - Email do contato
• {{ subscriberPhone }} - Telefone do contato

• {{ fieldName:empresa }}
• {{ fieldName:cargo }}
• {{ fieldName:segmento }}
• E qualquer outro campo personalizado

Olá {{ subscriberName }}!

Vi que você é {{ fieldName:cargo }} na {{ fieldName:empresa }}.

Preparei um material específico sobre {{ fieldName:interesse }}.

Quer receber?

Olá Maria!

Vi que você é CEO na Acme.

Preparei um material específico sobre automação de marketing.

Quer receber?

1. Clique na variável inserida
2. Digite um fallback
3. Exemplo: {{ subscriberName [fallback: "você"] }}

​

Formatação de texto

• Atalho: Ctrl/Cmd + B

• Atalho: Ctrl/Cmd + I

• Atalho: Ctrl/Cmd + U

• Exemplo: ~~R$199~~ **R$ 99**

• Exemplo: Use o comando npm install para instalar

• Use cores da sua marca
• Evite cores muito claras (dificulta leitura)
• Use cores da sua marca
• Evite cores muito claras (dificulta leitura)

​

Fontes e tamanhos

• Arial (padrão)
• Georgia
• Verdana
• Times New Roman
• Courier

• Regular (padrão)
• Bold (negrito)
• Light (leve)
• Diferentes tamanhos de fonte

1. Selecione o texto
2. Clique em “Arial” ou “Regular” na barra inferior
3. Escolha a fonte ou tamanho desejado

​

Revisão e envio

1. Clique em “Revisar e Enviar” no canto superior direito
2. Você verá a tela de revisão com:
   • Preview do email
   • Opções de destinatários (listas, contatos, segmentos)
   • Agendar envio ou enviar imediatamente
   • Enviar teste

1. Na tela de revisão, clique em “Enviar teste”
2. Digite seu email
3. Confira como o email chega na sua caixa de entrada
4. Verifique formatação, links, variáveis

​

Dicas práticas

• Use cabeçalhos para estruturar
• Parágrafos curtos (2-3 linhas)
• Listas em vez de blocos de texto
• Destaque palavras-chave em negrito

• Não use CAIXA ALTA excessivamente
• Evite palavras como “grátis”, “urgente”, “clique aqui”
• Sempre inclua opção de descadastro (automático na Pingback)

​

Atalhos de teclado

• Ctrl/Cmd + B - Negrito
• Ctrl/Cmd + I - Itálico
• Ctrl/Cmd + U - Sublinhado
• Ctrl/Cmd + K - Adicionar link

• / - Abrir menu de comandos
• Esc - Sair do modo foco
• Ctrl/Cmd + Enter - Ir para revisão/envio

• Ctrl/Cmd + Z - Desfazer
• Ctrl/Cmd + Shift + Z - Refazer

​

Diferenças do editor antigo

• ✅ Performance muito mais rápida (sem travamentos)
• ✅ Modo foco em tela cheia
• ✅ Atalho ”/” para todos os comandos
• ✅ Menu flutuante ao selecionar texto
• ✅ Preview do email integrado
• ✅ Interface mais limpa e moderna

• Todas as formatações anteriores
• Variáveis personalizadas
• Botões e imagens
• Tudo que você já conhecia