Introdução ao Construtor de e-mail

O Construtor de e-mail é o editor de mensagens drag-and-drop do Flexmail. Produz e-mails otimizados para mobile automaticamente, não requer conhecimentos de programação e dá-lhe controlo total sobre a disposição, estilo e personalização. É o editor recomendado para a maioria dos fins de e-mail marketing.

Este artigo explica como o editor está organizado, depois acompanha-o na criação da primeira mensagem do zero.

Pré-requisitos

Tem uma conta do Flexmail com acesso a Campanhas > Mensagens.
Se pretende que as cores, tipos de letra e logótipo da marca se apliquem automaticamente, configure primeiro o kit de marca em Definições > Kit de marca.
Tenha o conteúdo da mensagem pronto — texto, imagens e o URL ou destino para o apelo à ação.

Como o Construtor de e-mail está organizado

O Construtor de e-mail tem três áreas:

Painel esquerdo — adicionar conteúdo. Aqui encontra as Estruturas e os Elementos.
Área de trabalho (centro) — o e-mail como ficará quando recebido. Arraste estruturas e elementos para aqui, clique neles para editar e reordene arrastando.
Painel direito — configurar. Quando clica em qualquer estrutura ou elemento na área de trabalho, as respetivas definições aparecem aqui. É também aqui que encontra as definições de Estilo de e-mail.

As estruturas definem a disposição de colunas de cada linha no e-mail. Antes de poder adicionar qualquer conteúdo, precisa de colocar uma estrutura na área de trabalho. Os elementos são o conteúdo real — texto, imagens, botões, divisórias e mais — que arrasta para as colunas de uma estrutura. O painel de Estilo de e-mail controla a aparência global da mensagem.

Dica de suporte Configure as definições de Estilo de e-mail antes de adicionar estruturas e elementos. Tudo o que adicionar depois herda estas predefinições, o que significa muito menos estilização manual por elemento.

Criar uma nova mensagem

Aceda a Campanhas, depois a Mensagens.
Clique em Criar nova mensagem.
Clique em Começar a construir na secção do Construtor de e-mail.
Escolha um modelo para começar, ou clique em Sem modelo para começar com uma área de trabalho em branco. Pode pré-visualizar qualquer modelo antes de o selecionar.
Dê um nome à mensagem e escolha uma categoria, depois clique em Começar a construir.

Passo 1: Configurar o estilo de e-mail

Antes de adicionar conteúdo, abra o painel de Estilo de e-mail clicando no ícone de Estilo de e-mail no painel direito quando nada está selecionado. Verifique as definições globais — estas são preenchidas automaticamente a partir do kit de marca se tiver configurado um. Confirme que as cores, tipos de letra e largura do conteúdo estão corretos. Tudo o que adicionar à área de trabalho herda automaticamente estas definições.

Passo 2: Adicionar estruturas

Abra o painel de Estruturas à esquerda. Encontre a disposição de colunas que pretende e arraste-a para a área de trabalho. Uma linha indicadora azul mostra onde ficará.

Comece com a disposição mais comum para o e-mail — normalmente uma coluna única para o cabeçalho e rodapé, e uma disposição de duas colunas para as linhas de artigos. Pode combinar estruturas livremente.

Dica de suporte Para e-mails com artigos que tenham cada um uma imagem e texto, use uma estrutura separada para cada artigo. Dessa forma, cada imagem e o seu texto ficam empilhados corretamente no mobile, em vez de todas as imagens aparecerem antes de todo o texto.

Passo 3: Adicionar elementos de conteúdo

Com as estruturas no lugar, abra o painel de Elementos e arraste conteúdo para as colunas. Um indicador azul mostra onde cada elemento ficará. Clique em qualquer elemento na área de trabalho para abrir as suas definições no painel direito. Para elementos de texto, um editor de texto enriquecido aparece diretamente na área de trabalho.

Passo 4: Adicionar personalização

Para personalizar a mensagem com dados de contacto, coloque o cursor num elemento de texto onde pretende que o conteúdo personalizado apareça. Clique no ícone de marcador na barra de ferramentas de texto e selecione o campo que pretende inserir — nome próprio, nome da empresa ou qualquer campo personalizado. Os marcadores parecem #firstname# no Construtor de e-mail. Quando o e-mail é enviado, cada marcador é substituído pelo valor real do registo desse contacto.

Dica de suporte Antes de finalizar a mensagem, configure o perfil de teste em Definições. Isto preenche os marcadores com dados de amostra realistas para que a Pré-visualização mostre o que os contactos verão realmente.

Passo 5: Verificar computador e mobile

Use o botão de alternar computador/mobile no topo da área de trabalho para verificar como o e-mail fica em ambos. Alguns elementos podem ser configurados para mostrar ou ocultar em tamanhos de dispositivo específicos a partir do painel de definições.

Passo 6: Pré-visualizar e executar a Verificação de mensagem

Clique em Pré-visualizar para abrir uma pré-visualização em ecrã inteiro da mensagem com os dados do perfil de teste aplicados. Quando estiver satisfeito com o design, clique em Verificação de mensagem para executar uma análise de spam e ver pré-visualizações de renderização em clientes de e-mail populares.

Passo 7: Guardar

As alterações são registadas automaticamente enquanto trabalha. Use o botão Guardar regularmente para criar um ponto de gravação explícito. Quando terminar, feche o construtor e a mensagem aparece na lista de mensagens, pronta para usar numa campanha.

Para reutilizar esta mensagem como ponto de partida para mensagens futuras, use a seta no botão Guardar e clique em Guardar como modelo.

Atenção O histórico de desfazer e refazer no Construtor de e-mail é baseado em sessão. Uma vez que fecha o Construtor de e-mail, não pode desfazer alterações de uma sessão anterior. Se precisar de histórico de versões persistente, use o Editor HTML, que tem uma função de Reversão.

Dicas profissionais

Duplique estruturas para construir rapidamente disposições de newsletter com múltiplos artigos. Depois de ter construído uma linha de artigo, duplique-a e substitua o novo conteúdo.
Use elementos espaçadores em vez de parágrafos vazios para adicionar espaço vertical entre elementos. Os espaçadores são mais fiáveis em diferentes clientes de e-mail.
Nomeie as mensagens e categorias de forma consistente desde o início. Assim que tiver dezenas de mensagens, uma convenção de nomenclatura clara poupa muito tempo.

Erros comuns a evitar

Ignorar a configuração do Estilo de e-mail e estilizar os elementos individualmente. Isto cria inconsistência e torna as futuras alterações de modelo muito mais difíceis.
Não verificar a vista mobile antes de enviar. Uma disposição de duas colunas que fica ótima no computador pode ficar empilhada de forma estranha no mobile se as estruturas não estiverem configuradas corretamente.
Fechar o Construtor de e-mail sem guardar. Embora as alterações sejam registadas durante a sessão, crie sempre um ponto de gravação explícito antes de fechar para garantir que nada se perde.
Adicionar conteúdo sem uma estrutura. Os elementos só podem ser colocados dentro de estruturas — não pode arrastar conteúdo diretamente para a área de trabalho sem uma estrutura no lugar.

Próximos passos

Consulte "Construtor de e-mail: estruturas" para uma análise mais aprofundada de como as estruturas controlam a disposição e o comportamento mobile.
Consulte "Construtor de e-mail: elementos de conteúdo" para uma referência de todos os tipos de elementos disponíveis e as suas definições.
Consulte "Construtor de e-mail: definições de estilo de e-mail" para documentação completa do painel de estilo global.
Assim que a mensagem estiver pronta, crie uma campanha em Campanhas > Gerir campanhas.