Construtor de e-mail: Elementos de conteúdo

Os elementos de conteúdo são os blocos de construção que coloca dentro das estruturas. Cada tipo de elemento trata um tipo específico de conteúdo e tem as suas próprias definições. Arraste elementos do painel Elementos à esquerda para as colunas na área de trabalho. Também pode arrastar elementos entre estruturas já existentes na área de trabalho.

Título

Os elementos de título criam hierarquia visual no e-mail, títulos, cabeçalhos de secção e subtítulos. Estão disponíveis múltiplos níveis de título (H1, H2, H3) com estilos predefinidos no painel de Estilo de e-mail. Use títulos para ajudar os leitores a percorrer a mensagem rapidamente.

Texto

O elemento de texto é para o corpo do conteúdo. Clique nele para abrir um editor de texto enriquecido onde pode estilizar o tipo de letra, tamanho, cor, alinhamento e espaçamento. Pode adicionar ligações, inserir marcadores de personalização e incluir imagens inline. Para blocos de texto condicional, pode usar estruturas if diretamente dentro dos elementos de texto.

Linha

Uma linha horizontal que separa secções visualmente. Configurável em cor, espessura, largura e espaçamento.

Espaçador

Adiciona espaço em branco vertical entre elementos. Mais fiável do que usar parágrafos vazios em elementos de texto, especialmente em diferentes clientes de e-mail.

Botão

Os botões são o principal apelo à ação. São mais visíveis do que as ligações de texto e tornam o próximo passo imediatamente claro. Totalmente personalizável: etiqueta, URL, cor, espaçamento, raio de borda e tipo de letra. Consulte "Adicionar um apelo à ação (botão)" para instruções detalhadas.

Imagem

Adicione imagens arrastando o elemento de imagem para uma coluna. Carregue diretamente, escolha da biblioteca de media ou cole um URL. Após colocar, configure o texto alternativo, uma ligação, largura e alinhamento no painel direito. Consulte "Adicionar uma imagem (animada)" para instruções detalhadas.

Redes sociais

Adiciona ícones de redes sociais com ligações para os seus perfis. Os ícones e URLs são preenchidos automaticamente a partir das definições de redes sociais da conta em Definições > Redes Sociais. Pode escolher quais as plataformas a mostrar e em que ordem.

Lista

Um elemento de lista com estilo de marcadores. Útil para listas de funcionalidades, visões gerais de passos ou qualquer conteúdo que se leia melhor como lista. Suporta marcadores de personalização e ligações.

Dica de suporte Pode arrastar elementos não apenas do painel para a área de trabalho, mas também entre estruturas já existentes na área de trabalho. Agarre qualquer elemento e arraste-o para uma nova posição, dentro da mesma estrutura ou para uma diferente.

Estilo do elemento (definições do elemento)

Após clicar num elemento, pode configurá-lo usando o painel Estilo do elemento que aparece à direita. As definições exatas que encontrará aqui podem diferir consoante o elemento selecionado e se está a visualizar a versão de computador ou a versão móvel do e-mail.

Todas as definições neste painel serão agrupadas em secções como Conteúdo, Disposição, Visibilidade, ... e podem ser configuradas separadamente para Computador e para Mobile usando os separadores no topo. O painel de Estilo do elemento manterá a sincronização com a vista atual: se a versão móvel do elemento tiver definições diferentes da versão de computador, será indicado com um ponto.

Erros comuns a evitar

Usar parágrafos vazios em elementos de texto para espaçamento. Estes comportam-se de forma inconsistente em diferentes clientes de e-mail. Use um elemento Espaçador em vez disso.
Usar o elemento HTML sem testar em diferentes clientes. O HTML inline que parece correto num cliente pode não funcionar noutros. Execute a Verificação de mensagem após adicionar qualquer elemento HTML.
Esquecer o texto alternativo nos elementos de imagem. Qualquer imagem sem texto alternativo é invisível para leitores de ecrã e aparece como uma caixa em branco quando as imagens estão bloqueadas. Preencha sempre o campo de texto alternativo.
Usar múltiplos níveis de título sem uma hierarquia clara. H1 deve ser o título principal do artigo, H2 para secções, H3 para subsecções. O uso inconsistente de títulos torna o e-mail mais difícil de percorrer.

Próximos passos

Consulte "Adicionar um apelo à ação (botão)" para orientações sobre como escrever etiquetas de botão eficazes e posicionamento.
Consulte "Textos alternativos" para orientações sobre como escrever texto alternativo eficaz para elementos de imagem.
Consulte "Construtor de e-mail: definições de estilo de e-mail" para configurar os estilos predefinidos que todos os elementos herdam.