Temas deste artigo
- Introdução
- Antes de começar
- Passo-a-passo
- Perguntas frequentes
O Email Builder ajuda a criar emails e newsletters profissionais de forma rápida e intuitiva.
O que é o Email Builder?
O Email Builder é o editor de emails do E-goi que facilita todo o desenho e criação dos elementos da sua campanha de email.
O editor ajuda a criar rapidamente o conteúdo de forma totalmente visual (drag-and-drop), pois basta arrastar os elementos que pretende (texto, imagem, etc.) e largá-los no local desejado do email.
Cada elemento de conteúdo pode ser completamente personalizado, incluindo links, estilo e aspecto.
Os emails gerados pelo Builder são compatíveis com Gmail, AppleMail, Outlook e muitos outros, bem como totalmente adaptáveis a smartphones e tablets de forma automática.
Requisitos para usar o Email Builder
- Qualquer conta E-goi.
- Permissão do seu usuário (ou utilizador) para criar e editar campanhas de email.
Custos
O Email Builder está disponível em qualquer conta E-goi.
A utilização não tem custos, mas, dependendo das características do seu plano E-goi, algumas funcionalidades do Builder podem não estar disponíveis (terão a labela "upgrade").
O envio das mensagens de email criadas com o Builder terá também os seus próprios custos associados, que dependerão das características do seu plano E-goi.
Antes de começar
Onde pode usar o Email Builder no E-goi
O Builder é o principal editor de emails do E-goi.
Como opera de forma totalmente visual, não será possível usá-lo quando for necessário ter acesso a todo o código HTML do email.
Assim, o Builder não estará disponível se:
- Importar um email criado fora do E-goi (via arquivo ZIP)
- Importar um email a partir do conteúdo de uma página web
- Criar o email do zero através do Editor Avançado
Nesses casos, será sempre usado o Editor Avançado, com o qual pode modificar o HTML de todo o email.
Código HTML no Email Builder
O Builder gera emails com código HTML próprio que segue rigorosamente as normas do email marketing e de compatibilidade com diversos serviços de email (como Gmail, AppleMail e Outlook).
Por este motivo, embora seja possível incorporar HTML adicional no conteúdo, não é possível modificar todo o HTML do email.
Modelos
Para ajudar a criar rapidamente o seu email com o Email Builder, temos dezenas de modelos com conteúdo pré-preparado, organizados por área de negócio, que pode personalizar a seu gosto.
Widgets de conteúdo
Para facilitar o desenho do seu email, o Email Builder tem vários elementos (a que chamamos "widgets") de conteúdo que pode inserir diretamente no email. Basta arrastar um widget e largar no local onde pretende.
Os widgets são estes:
- Simples:
- Texto: Área de texto livre, com formatação e links.
- Título: Área de texto para títulos ou subtítulos, com formatação e links.
- Imagem: Mostra a imagem que escolher (carregada do computador, de um URL ou selecionada da galeria). Veja as limitações de tamanho.
- Botão: Botão com link, ideal para um "call-to-action" (ex. "Comprar agora").
- Vídeo: Vídeo inserido através de um link, por exemplo, do YouTube.
- Separador: Linha horizontal para ajudar a dividir as áreas do email.
- Countdown: Mostra uma contagem regressiva a partir da data que quiser. Excelente para incentivar a inscrição em eventos, webinars ou ofertas com tempo limitado.
- HTML: Se precisar de inserir HTML (ex. formatação específica) no email, pode usar este widget.
- Avançados
- Cabeçalho: Mostra uma área de cabeçalho, que pode ter links para o contato se remover, editar a sua inscrição ou ver o email em versão Web.
- Rodapé: Mostra uma área de rodapé, com o selo E-goi e links para o contato se remover, editar a sua inscrição ou ver o email em versão Web. Nesta área também pode fazer com que apareça o endereço postal da sua empresa e o seu logotipo.
- Colunas: Cria uma estrutura de até 3 colunas com imagem, título, descrição e botão. Pode ordenar estes elementos e as próprias colunas.
- Imagem com legenda: Mostra uma imagem mais legenda.
- Vídeo com legenda: Mostra um vídeo mais legenda.
- Bloco de conteúdo: Mostra um bloco com imagem, título, descrição e botão.
- Código de barras: Mostra um código de barras gerado a partir do texto que quiser.
- Código QR: Mostra um código QR com um link ou texto que os contatos podem ler com o leitor de códigos QR do seu smartphone.
- RSS: Insere automaticamente no email o conteúdo do link de um RSS.
- Redes sociais: Se a sua empresa estiver nas redes sociais, pode usar este widget para colocar os links delas no seu email.
- Compartilhar: Insere no email botões para que os contatos que recebam o email possam compartilhá-lo diretamente no Facebook, X, LinkedIn e WhatsApp. Útil para potenciar o efeito viral.
- Evento: Mostra uma imagem, título, descrição e botão com link do evento. O link pode ser um link normal ou criar diretamente o evento no calendário do contato.
- NPS: Insere no email um NPS para que possa obter a opinião das pessoas sobre determinado tema.
- Ecommerce
- Produtos: Mostra os produtos da sua loja online que escolher de um catálogo que já tenha importado para o E-goi.
- Carrinho abandonado: Mostra os produtos que o contato tenha adicionado ao seu carrinho de compras mas não tenha comprado.
- Produtos dinâmicos: Mostra automaticamente produtos da sua loja que se enquadrem em determinadas condições (ex. óculos amarelos para criança).
- Produtos similares ou alternativos: Mostra produtos semelhantes aos que estão no carrinho de compras do contato.
- Produtos relacionados: Mostra produtos relacionados com os que estão no carrinho de compras do contato.
- Produtos visualizados: Mostra os produtos que o contato viu recentemente na sua loja online.
Importante! Para usar os widgets de ecommerce, é necessário integrar a sua loja online com o E-goi através do nosso Track & Engage.
- Modelos
- Diversos widgets com conteúdo pré-preparado por nós (ex. cabeçalhos, banners, botões, etc.) que pode personalizar livremente.
Passo-a-passo
Criar um email com o Email Builder
1) Crie uma campanha de email e avance até ao passo da edição do email.
2) Aparecerá o Email Builder. Agora basta arrastar elementos (widgets) do painel esquerdo. Por exemplo, para adicionar um título, clique em Título do lado esquerdo e arraste para o sítio do email onde quer colocá-lo. Depois de largá-lo, pode clicar nele para mudar o texto, tamanho e aspecto, inserir links e personalizar várias outras coisas.
3) Vá arrastando para dentro do seu email os elementos que pretende (texto, imagens, vídeos, botões, colunas, etc.). Encaixarão automaticamente na vertical (é como montar Legos).
Mover, duplicar e eliminar widgets
1) Passe o ponteiro do rato por cima do widget e vá aos três pontinhos que aparecem no lado direito. Vai surgir uma faixa com opções para mover o elemento para cima ou para baixo, duplicá-lo e eliminá-lo.
Ver e modificar as opções do widget
1) Clique no widget e depois no separador Opções ou Aspecto do painel no lado direito para personalizá-lo.
Trocar a ordem das colunas no widget "Colunas"
1) Clique no widget e vá ao separador Opções no painel direito. Aí verá uma caixa de opções para cada coluna. Clique na setinha no canto superior direito dessa caixa para trocar as posições das colunas. Também pode aí mesmo clicar no ícone com a forma de uma cruz e arrastar a caixa para cima ou para baixo para inverter as posições das colunas.
Editar as redes sociais do widget Redes sociais ou Compartilhar
1) Clique no widget e vá ao separador Opções no painel direito. Aí verá uma caixa de opções para cada rede social. Clique na setinha no canto superior direito dessa caixa para trocar as posições delas. Para retirar uma, é só clicar no ícone do lixo. Para adicionar outras redes, clique no "+" no fundo de todo o painel.
Inserir links
1) Edite o bloco de texto onde quer inserir o link (se não tiver nenhum bloco de texto, arraste Texto do painel esquerdo para onde quiser no conteúdo).
2) Clique duas vezes na palavra ou texto que vai ter link e clique no ícone Link no painel que surgir.
3) Vai aparecer a janela de criação do link. Em Tipo de link, escolha Web, escreva o endereço completo do link e clique em Confirmar.
Para testar o link, é só pré-visualizar o email ou fazer um teste de envio.
Inserir vídeos
1) Arraste o widget Vídeo (no painel esquerdo) para o ponto do email onde quer que o vídeo apareça.
Se o vídeo for da web
O E-goi aceita automaticamente vídeos do
- Youtube
- Vimeo
1) Clique no bloco de vídeo que adicionou ao email. Em Link do vídeo (painel direito), coloque o link do YouTube ou Vimeo a que corresponde o vídeo. A imagem dele aparecerá automaticamente no bloco.
2) Para testar o vídeo, pré-visualize o email ou faça um teste de envio.
Se o vídeo for do seu computador ou do seu próprio URL
1) Clique no bloco de vídeo que adicionou ao email e depois em Galeria (no painel direito).
2) Na Galeria, clique em Carregar (ou Carregar de um URL, caso tenha o vídeo num link próprio).
3) Uma vez carregado o vídeo na Galeria, passe o ponteiro do rato por cima dele e clique no símbolo "i" para ver as informações do vídeo.
4) Na janela de informações que aparecer, copie o URL do vídeo e feche a janela da Galeria clicando no "X" no canto superior direito.
5) Voltará ao editor. Clique no bloco do vídeo e cole o URL do vídeo em Link do video no painel à direita. Use as opções Carregar ou Galeria para atribuir uma imagem ao vídeo.
7) Para testar o vídeo, pré-visualize o email ou faça um teste de envio.
Anular modificações
O E-goi grava o seu email automaticamente à medida que vai fazendo alterações. A qualquer momento também é possível ir buscar as últimas versões gravadas. Por exemplo, se tiver feito algumas alterações ao email na última hora mas depois decidir que afinal ficava melhor a versão sem alterações, pode recuperá-la:
1) Ao editar o email no E-goi, clique no botão Versões e escolha a data e hora à qual quer regressar.
2) Vai aparecer uma janela com uma pré-visualização dessa versão. Basta clicar em Ir para esta versão para substituir o email em edição por essa versão mais antiga.
Desta forma, não só é fácil "recuar no tempo" (uma espécie de "undo"), como pode também recuperar o seu trabalho em caso de acidente.
Criar modelos de widget
Qualquer widget que tenha inserido e personalizado no seu email pode ser a qualquer momento gravado como modelo de widget.
Desta forma consegue reutilizar noutros emails blocos de conteúdo que utilize com frequência, poupando tempo:.
Gravar conteúdo como modelo de widget
1) Passe o rato sobre o botão que está a direita do widget para mostrar mais opções.
2) Nessa barra de opções, clique no botão à direita para salvar o widget.
3) Escreva o nome do modelo e confirme.
Usar o modelo de widget que criou
1) Vá à barra da esquerda, onde estão os modelos de widget e arraste para a área de edição o widget que gravou.
.
Criar conteúdo com variações automáticas
Com o Builder pode criar um email que mostra conteúdo diferente dependendo de quem recebe.
1) Comece por criar um segmento na sua lista de contatos que abranja quem vai receber o conteúdo diferente (neste caso, seriam os contatos só com gato).
2) Crie um email com o Email Builder e insira uma imagem (neste exemplo, um cachorrinho).
3) Vá ao "+" do lado esquerdo da imagem e clique em "Adicionar variação".
5) Como queremos que essa imagem apareça só aos donos de gatos, vamos ao painel do lado direito e, em "Mostrar esta variação só para...", escolhemos o segmento criado no passo 1.
6) Grave a campanha e está feito! Quando fizer o envio dela, os contatos no segmento de quem só tem gato vão receber o email com o gatinho.
Enquanto que todos os outros contatos verão um cachorrinho.
Basta clicar no "+" de cada widget que adicionou ao seu email e seguir os mesmos passos acima descritos.
Incorporar produtos da minha loja no email
Se tiver uma loja online, pode integrá-la com o E-goi e inserir automaticamente os produtos da sua loja nos emails criados no Builder.
Tipos de produto que se podem colocar no email
- Produtos: Escolhidos manualmente do seu catálogo.
- Produtos no carrinho abandonado: Para inserir automaticamente os artigos que estão no carrinho abandonado do cliente.
- Produtos dinâmicos: Ideal para inserir vários produtos com determinadas condições (ex. óculos amarelos para criança).
- Produtos alternativos/similares: Mostra artigos alternativos aos que estão no carrinho abandonado. O E-goi vai procurar produtos que pertencem à mesma categoria ou subcategoria (ex. teclados da mesma marca, mas modelos variados).
- Produtos relacionados: Ideal para fazer cross-selling. Mostra artigos relacionados com os que estão no carrinho abandonado. O E-goi vai procurar produtos complementares (ex. teclado + rato + tapete + cabo HDMI).
- Produtos que o cliente viu: Mostra artigos que o cliente viu quando navegou no site.
Colocar produtos manualmente
1) Faça a importação dos seus produtos para o E-goi.
2) Depois, ao editar o email, arraste o Widget Produtos para o corpo do email e escolha o artigo dentro do catálogo.
Colocar automaticamente produtos que estão no carrinho abandonado
1) Faça a importação dos seus produtos para o E-goi.
2) Ative o Track & Engage, só assim o E-goi consegue identificar os produtos abandonados no carrinho e colocá-los no email.
3) Depois, ao editar o email, arraste o Widget Carrinho Abandonado para a área do conteúdo e defina as opções do widget à direita. Como os produtos variam de cliente para cliente, verá códigos em vez de imagens e textos dos items. Os códigos são variáveis que ficarão substituídas pelos produtos do cliente ao enviar o email.
4) Escolha o segmento de contactos antes de fazer o envio. Neste caso Quem tem produtos no carrinho.
Colocar produtos dinâmicos
1) Faça a importação dos seus produtos para o E-goi.
2) Depois, ao editar o email, arraste o Widget Produtos Dinâmicos para a área do conteúdo e, nas opções do widget à direita, crie um Segmento de produtos.
Colocar produtos alternativos/similares
1) Faça a importação dos seus produtos para o E-goi.
2) Ative o Track & Engage, só assim o E-goi consegue identificar os produtos dos seus clientes e colocar produtos semelhantes no email.
3) Depois, ao editar o email, arraste o Widget Produtos Alternativos/Similares para a área do conteúdo e defina as opções do widget à direita. Os produtos alternativos que aparecerão ao cliente podem ter como base:
- Carrinho abandonado pelo cliente
- Última compra do cliente
- Um produto alternativo específico do catálogo de produtos que importou para o E-goi.
Como os produtos variam de cliente para cliente, verá no Email Builder códigos em vez de imagens e textos dos items. Os códigos são variáveis que ficarão substituídas pelos produtos do cliente ao enviar o email.
4) Escolha o segmento de contatos antes de fazer o envio.
Colocar produtos relacionados
1) Faça a importação dos seus produtos para o E-goi. Confirme que o seu documento CSV com os produtos tem uma coluna related_product com os produtos relacionados com cada produto. Veja o nosso CSV de exemplo.
2) Ative o Track & Engage, só assim o E-goi consegue identificar os produtos dos seus clientes e inserir produtos relacionados no email.
3) Depois, ao editar o email, arraste o Widget Produtos Relacionados para a área do conteúdo e defina as opções do widget à direita. Os produtos que aparecerão ao cliente podem estar relacionados com:
- Carrinho abandonado pelo cliente
- Última compra do cliente
- Um produto específico do catálogo de produtos que importou para o E-goi
Como os produtos variam de cliente para cliente, verá no Email Builder códigos em vez de imagens e textos dos produtos. Os códigos são variáveis que ficarão substituídas pelos produtos do cliente quando enviar o email.
4) Escolha o segmento de contatos antes de fazer o envio.
Colocar produtos que o cliente viu
1) Faça a importação dos seus produtos para o E-goi.
2) Ative o Track & Engage, só assim o E-goi consegue identificar os produtos abandonados no carrinho e colocar produtos relacionados no email.
3) Depois, ao editar o email, arraste o Widget Produtos visualizados para a área do conteúdo e defina as opções do widget à direita. Como os produtos variam de cliente para cliente, verá códigos em vez de imagens e textos dos items. Os códigos são variáveis que ficarão substituídas pelos produtos do cliente ao enviar o email.
4) Escolha o segmento de contatos antes de fazer o envio. Neste caso Últimos produtos vistos.
Personalizar o rodapé do email
O Builder insere automaticamente um rodapé ("footer") no seu email para assegurar que segue as normas e boas práticas do email marketing.
Para personalizá-lo:
1) No Email Builder, clique no rodapé. Pode mudar aí mesmo os textos como se editasse um bloco de texto normal.
2) O endereço postal (ou morada) que aparece é o que está definido na lista de contatos para a qual vai enviar o email. Se quiser mudá-lo, pode:
- Clicar no endereço postal e editá-lo diretamente. A mudança será aplicada só a este email.
- Ir às opções da lista de contatos (no menu Contatos e depois Opções da lista que pretende) e, na área de endereço postal, clicar em Mostrar um endereço diferente e introduzir o que quer usar. A mudança será aplicada a todos os emails enviados para a lista.
3) Se quiser que algum elemento do rodapé não apareça (ex. o logo, o link "versão web", etc.), desmarque a opção correspondente no painel direito.
4) Na área "Aspecto" do painel, pode também mudar todo o estilo visual do rodapé.
O link de remoção é obrigatório para que os seus contatos possam cancelar a inscrição e deixar de receber emails. O selo E-goi é também obrigatório para receber os pedidos de esquecimento que os contatos façam ao abrigo do RGPD e LGPD.
No entanto, em certas condições, e desde que o seu rodapé cumpra todas as normas do email marketing, é possível usar um rodapé alternativo. Fale com o nosso suporte pela área de Ajuda para vermos o seu caso.
Criar links com mapas de imagem
As imagens que colocar no seu email com o Builder podem ter links em diferentes partes da imagem.
Para criar um link deste tipo:
1) No Email Builder, arraste um widget de imagem para o ponto do email onde quer que a imagem apareça. Carregue a imagem pretendida ou escolha da Galeria.
2) Clique no bloco de imagem que criou, escolha Link da imagem no painel à direita e selecione Mapa de imagem.
3) Em Mapa de imagem, clique em Criar.
4) Escolha o tipo de desenho que vai usar para definir a área da imagem onde aparecerá o link.
5) Desenhe na imagem as áreas que vão ter os diferentes links.
6) Depois de desenhadas as áreas, introduza no painel à direita o link correspondente a cada área da imagem (estarão numeradas conforme as áreas que desenhou).
7) Quando terminar, clique em Gravar, no topo.
Perguntas frequentes
O Email Builder não me aparece como opção ao criar um email
Se o método de criação de email que escolheu obriga a ter acesso a todo o código HTML do email, o Builder não estará disponível.
Que formato e tamanho devem ter as imagens no Email Builder?
Podem ser JPEG, GIF e PNG e ter no máximo cerca de 2 MB de tamanho cada uma. Se tiverem mais, o Builder tentará reduzi-las a esse tamanho.
Além disso, para serem devidamente apresentadas no email em diferentes dispositivos e tamanhos (ex. computador e smartphone), as imagens devem ter no máximo 600 píxeis de largura e 1200 píxeis de altura.
Todas as imagens ficam num gestor, onde pode mudar o nome delas ou organizá-las em pastas.
Que tamanho máximo deve ter o meu email?
Um email não deve ultrapassar cerca de 100 KB de tamanho, pois, se for maior, os serviços de correio (Gmail, Outlook.com, Yahoo, etc.) tendem a considerá-la spam.
Com que serviços de correio o Email Builder é compatível?
Além de gerar emails que seguem rigorosamente as normas do email marketing, o Builder aplica as normas de design do Gmail, AppleMail e Outlook, as quais garantem compatibilidade com estes e muitos outros serviços de correio.
Os emails do Email Builder são compatíveis com smartphones e tablets?
Sim, automaticamente. Pode usar a pré-visualização do email no Builder para ver o aspecto com que vai ficar nos dispositivos móveis.
Posso usar emojis no meu email?
Sim, pode usar qualquer símbolo ou emoji no corpo e no título (assunto) do email que enviar pelo E-goi.
- Se utiliza macOS, utilize esta combinação de teclas: ctrl + cmd ⌘ + espaço e escolha o emoji.
- Se utiliza Windows, utilize esta combinação de teclas: win ⊞ + . (ponto final) e escolha o emoji.
O aspeto do símbolo varia bastante dependendo do software ou serviço que as pessoas usam para ler o email (por exemplo, a versão mais colorida e engraçada dos símbolos costuma aparecer no iOS e Android). Alguns só se podem ver em certos computadores. Por isso, use sempre um símbolo que apareça bem no maior número de situações possível.
Como mudo o endereço postal que aparece no rodapé do email?
O endereço postal é o que está definido na lista de contatos para a qual vai enviar o email.
Posso retirar o selo E-goi do rodapé?
Não, pois é obrigatório para assegurar que cumpre as normas do email marketing. É como o selo de uma carta. Ao vê-lo, as pessoas e serviços de correio sabem que a carta é genuína e têm mais confiança em abri-la. E quanto maior a confiança, melhor a entrega dos seus emails.
É também através do selo que os seus contatos podem pedir o esquecimento (ao abrigo do RGPD e LGPD) ou deixar alguma queixa caso tenham recebido mensagens que nunca solicitaram (spam).
No entanto, se já tiver o seu próprio sistema de remoção de contatos (fora do E-goi) que também faz o tratamento de pedidos de esquecimento ao abrigo do RGPD e LGPD, envie mensagem pela área de Ajuda para vermos o seu caso.
Como assegurar que o meu email é compatível com o Outlook?
O Email Builder foi idealizado para gerar emails compatíveis com as versões modernas do Outlook, mas nas versões mais antigas pode ser necessário fazer alguns ajustes ao conteúdo para que apareça devidamente.
Margens
Opte por usar o widget Separador do Email Builder para criar margens no conteúdo do seu email, dado que as versões antigas do Outlook não suportam margens.
Pode também usar o espaçamento vertical e horizontal em qualquer bloco de conteúdo no Builder para o mesmo efeito.
Imagens distorcidas
Procure usar sempre imagens que não sejam maiores do que a largura normal de um email (cerca de 600 píxeis de largura), dado que versões antigas do Outlook podem mostrá-las com o tamanho real, desformatando o conteúdo.
Animações GIF
Se usar animações GIF, confirme que a primeira imagem do GIF representa a mensagem que quer transmitir, pois as versões mais antigas do Outlook não reproduzem estas animações e só mostram a primeira imagem.
Imagens de fundo
Opte por blocos de conteúdo com fundos de cores simples em vez de imagens de fundo, dado que não só dificultam a leitura do bloco como podem não aparecer nas versões antigas do Outlook.
O meu email ficou sem imagens e os links não funcionam. O que aconteceu?
Normalmente há dois motivos:
- Desconfiguração do seu CNAME
Caso tenha inserido um CNAME E-goi no seu domínio para melhorar a eficácia de entrega, é esse CNAME que autoriza o E-goi a mostrar as imagens e links dos seus emails. Portanto, se for feita qualquer modificação no domínio que invalide o CNAME, o E-goi perde essa autorização e deixará de mostrar imagens e links.
Solução: Comece por confirmar que o CNAME está mesmo desconfigurado.
1) Vá ao menu no canto superior direito da sua conta E-goi e escolha "Remetentes".
2) A área "CNAME" está vazia e diz "Sem CNAME"? Então o seu domínio perdeu o CNAME E-goi devido a alguma modificação recente. Por favor, fale com os responsáveis pela gestão do domínio e peça que voltem a inserir o CNAME do E-goi.
Uma vez reconfigurado o nosso CNAME, as imagens e links devem voltar ao normal.
- Desconfiguração na rede interna da sua empresa
Caso as imagens e links do email funcionem com uma conexão à Internet diferente (ex. fora da sua empresa), pode haver algo na sua rede interna que interfira com o E-goi.
Solução: Fale com os responsáveis pelo acesso à Internet da sua empresa e peça que façam estes testes. Vão ajudá-los a configurar a rede de modo a que os emails, links e domínios do E-goi não sejam modificados.