Introdução ao Editor HTML

O editor HTML é um dos três editores de mensagens no Flexmail. É um editor WYSIWYG (o que vê é o que obtém) — edita uma representação visual do e-mail enquanto o Flexmail gere o código HTML subjacente.

O editor HTML funciona melhor em duas situações: quando quer enviar uma mensagem simples e com muito texto sem uma disposição complexa, ou quando tem uma mensagem HTML personalizada codificada por um programador que pretende carregar e usar diretamente. Para a maioria dos e-mails de marketing padrão, o Construtor de e-mail dá-lhe mais controlo de design com menos sobrecarga técnica.

O que o editor HTML suporta

Edição de texto completa com controlos de tipo de letra, tamanho, cor e alinhamento.
Inserção de imagens e ficheiros.
Gestão de ligações, incluindo ligações para formulários, inquéritos e ficheiros.
Marcadores de personalização.
HTML personalizado — mude para a vista de código HTML bruto em qualquer momento.
A função de Reversão — histórico de versões para até 10 versões guardadas. Isto está disponível apenas no editor HTML.
Conteúdo dinâmico usando estruturas if.
Modelos de conteúdo dinâmico de uma base de dados XML externa.

O que o editor HTML não suporta

O editor HTML não suporta construção de disposição drag-and-drop ou empilhamento automático de colunas mobile. Para controlo total de disposição sem necessidade de conhecimentos de HTML, use o Construtor de e-mail. Para uma disposição responsiva mobile pré-desenhada com configuração mínima, use o Modelo de Assistente.

Quando usar o editor HTML vs. os outros editores

Use o editor HTML ao carregar um modelo HTML codificado por um programador, ao trabalhar com uma mensagem muito simples baseada em texto, ou quando precisa da função de Reversão para controlo de versões.
Use o Construtor de e-mail para a maioria dos e-mails de marketing — dá-lhe controlo total de disposição, edição drag-and-drop e otimização automática para mobile sem qualquer conhecimento de HTML.
Use o Modelo de Assistente quando quer um design responsivo mobile pronto a usar com tempo mínimo de configuração.

Pré-requisitos

Tem acesso a Campanhas > Mensagens na conta do Flexmail.
Se está a carregar um modelo HTML codificado por um programador, tenha-o pronto como um ficheiro HTML limpo e adequado para e-mail.

Criar uma nova mensagem

Aceda a Campanhas, depois a Mensagens.
Clique em Criar nova mensagem.
Clique em I <3 HTML para selecionar o editor HTML.
Dê um nome à mensagem e selecione uma categoria. Opcionalmente escolha um modelo, ou clique em Sem modelo para começar do zero.
Clique em Guardar para abrir o editor.

Editar a mensagem

Formatação de texto

Use a barra de ferramentas para definir família de tipos de letra, tamanho, negrito, itálico, sublinhado, cor do texto, alinhamento e estilos de lista. Selecione o texto primeiro, depois aplique a formatação.

Adicionar uma imagem

Clique no ícone de imagem na barra de ferramentas. Carregue uma nova imagem ou selecione da biblioteca de media. Defina a largura, alinhamento, texto alternativo e uma ligação opcional.

Mudar para a vista de HTML bruto

Clique no botão Fonte na barra de ferramentas para editar o HTML subjacente diretamente. O HTML que funciona num browser muitas vezes comporta-se de forma diferente em clientes de e-mail. Execute a Verificação de mensagem após quaisquer edições de código.

Rastreamento de ligações

Desloque-se para o final do editor para encontrar a secção de Rastreamento de ligações. Todas as ligações na mensagem estão listadas aqui. Ative o rastreamento para as ligações que pretende medir e opcionalmente atribua um interesse a cada uma. Consulte "Rastreamento de ligações" para detalhes.

Pré-visualizar e guardar

Clique em Pré-visualizar para ver a mensagem com dados do perfil de teste aplicados. Quando terminar de editar, clique em Guardar. Cada gravação manual cria um ponto de Reversão — o Flexmail mantém até 10 versões.

Dica de suporte Guarde manualmente após cada alteração significativa. A função de Reversão é a rede de segurança no editor HTML, mas só funciona se tiver estado a guardar regularmente.

Reversão

Desloque-se para o final do editor e clique no botão Reversão para ver até 10 versões anteriores, cada uma com um carimbo de data/hora. Clique em Pré-visualizar junto a qualquer versão para a ver, depois "Reverter" para a restaurar.

Atenção A Reversão está disponível apenas no editor HTML. O Construtor de e-mail tem desfazer/refazer apenas dentro de uma sessão. O Modelo de Assistente não tem histórico de versões.

Dicas profissionais

Use o editor HTML para mensagens com muito texto como newsletters de estilo texto simples, comunicações internas ou conteúdo de estilo transacional onde a complexidade de design não é necessária.
Se carregar um modelo codificado por um programador, execute a Verificação de mensagem imediatamente após importar para verificar problemas de renderização em clientes de e-mail.
Guarde uma versão após cada secção principal de edições, não apenas no final. Pontos de restauração granulares são mais úteis do que uma única opção de reversão.

Erros comuns a evitar

Editar HTML bruto sem compreender como os clientes de e-mail o tratam. O HTML que renderiza corretamente num browser muitas vezes comporta-se de forma diferente no Outlook, Gmail ou Apple Mail.
Não guardar regularmente. A Reversão só funciona se tiver estado a guardar. Uma grande alteração feita sem guardar primeiro não tem ponto de restauração para onde recuar.
Alternar repetidamente entre a vista WYSIWYG e a vista de código. Mudar para a vista de código e voltar pode alterar a estrutura HTML. Faça edições de código numa única passagem quando possível.

Considerações sobre o RGPD

RGPD Certifique-se de que a mensagem HTML inclui uma ligação de cancelamento de subscrição funcional. Se estiver a construir o e-mail em HTML bruto, o marcador de cancelamento de subscrição (#unsubscribe#) deve estar presente. O Flexmail não permitirá o envio de uma campanha se a mensagem não tiver opção de cancelamento de subscrição.

Próximos passos

Consulte "Função de reversão" em Elementos de mensagem para instruções passo a passo sobre como restaurar uma versão anterior.
Consulte "Personalizar uma mensagem com marcadores" para todos os marcadores disponíveis e como usá-los.
Consulte "Configurar conteúdo dinâmico com estruturas if" para adicionar conteúdo condicional no editor HTML.