Usando Blocos de Layout e Elementos em seus Emails
Última atualização: 8 de novembro de 2024
Para aprender a tornar os blocos de layout e elementos em dinâmicos, e como editar, duplicar ou excluir o conteúdo do bloco, leia Personalizando Blocos de Layout em Emails. Para entender quais blocos de layout estão disponíveis, leia Entendendo Blocos de Layout e Elementos.
Se você estiver usando o novo editor de email, leia Visão Geral do Novo Editor de Email em vez disso.
Conteúdo do Artigo
- Criando Emails a partir de Templates do Sistema
- Editando Emails
- O Painel de Conteúdo e Layout
- Como Adicionar Imagens em Largura Total
- Como Adicionar Imagens Lado a Lado
- Como Adicionar Texto ao Topo ou à Base de uma Imagem
- Como Adicionar Texto à Esquerda ou à Direita de uma Imagem
- Como Adicionar Botões ao Topo ou à Base de Texto
- Como Adicionar Botões ao Topo ou à Base de uma Imagem
| Teste | ✓ | |
| Essencial | ✓ | |
| Avançado | ✓ | |
| Ultimate | ✓ |
Email| Administradores | ✓ | |
| Gerentes de Empresa | ✓ | |
| Gerentes de Marketing | ✓ | |
| Gerentes de Vendas | ||
| Vendedores | ||
| Vendedores Jr. |
Criando Emails a partir de Templates do Sistema
Criar email marketing nunca foi tão rápido. Produza um email marketing bonito em minutos. Lance campanhas rapidamente com templates prontos e profissionalmente projetados.
Comece a partir de um template de email na seção Email, na barra de ferramentas à esquerda. Leia Criando Emails a partir de Templates para aprender como.
Editando Emails
Para editar emails, comece pela página Email na barra de ferramentas à esquerda.
- Clique no corpo do email.
- Modifique o email conforme necessário. Ajuste o layout do email arrastando e soltando blocos de layout no email ou incorporando elementos, como imagens, texto e botões em seu email.
- Clique em Salvar.
O Painel de Conteúdo e Layout
Use as abas Temático, Seções e Elementos no Painel de Conteúdo para construir seus emails.
O painel de 
Conteúdo e Layout fornece vários tipos diferentes de blocos personalizáveis para seus emails. Este painel permite que você acesse a função de arrastar e soltar do designer de email. Layouts temáticos, blocos de conteúdo simples e elementos de conteúdo individuais podem ser colocados em um email.
Para uma descrição de cada um dos blocos no painel de Conteúdo e Layout, leia Entendendo Blocos de Layout e Elementos.
Para aprender como tornar os blocos de layout e elementos dinâmicos, e como editar, duplicar ou excluir o conteúdo do bloco, leia Personalizando Blocos de Layout em Emails.
Como Adicionar Imagens em Largura Total
O Lead Gen & CRM facilita a adição de imagens em largura total aos seus emails. Você pode usar a seção de Imagem em Largura Total na aba Seções. Arraste este elemento para seu email.
Dê um clique duplo na seção em largura total e escolha a opção Imagem no Painel do Designer de Email. A partir daqui, você pode inserir uma imagem usando a URL da imagem ou fazendo o upload dela.
Como adicionar imagens lado a lado
Existem muitas opções para layouts de duas e três colunas no Editor de Email do Lead Gen & CRM. Escolha a seção com o número de colunas que você precisa e insira-o em seu email. Alguns blocos incluem uma coluna de imagem junto com texto e botões.
Uma vez que sua seção esteja inserida, faça os ajustes necessários. Passe o mouse sobre a região contendo conteúdo que você não precisa e clique no ícone da lixeira para remover este conteúdo.
Movimente o cursor dentro do espaço para capturar todas as regiões desnecessárias dentro da seção. Algumas regiões podem estar vazias e difíceis de identificar à primeira vista.
Uma vez que a coluna foi esvaziada, você pode arrastar um novo Elemento de Imagem para este espaço.
Você pode precisar modificar as larguras e alturas de suas imagens para garantir que elas correspondam ao espaço. Dê um clique duplo no elemento de imagem e escolha a opção Imagem no Painel do Designer de Email. A partir daqui, você pode inserir uma imagem usando a URL da imagem ou fazendo o upload dela.
Como adicionar texto ao topo ou à base de uma imagem
Uma vez que seu bloco ou elemento de layout de imagem tenha sido adicionado ao seu email, você pode adicionar texto acima ou abaixo da imagem facilmente, arrastando e soltando um dos elementos de texto em seu email em uma linha roxa.
O texto pode ser adicionado acima de uma seção, abaixo de uma seção, acima de um elemento ou abaixo de um elemento. Basta arrastar o elemento de texto e a linha roxa ajudará a guiá-lo.
Como adicionar texto à esquerda ou à direita de uma imagem
Para adicionar texto à esquerda ou à direita de uma imagem, use um dos blocos de layout com colunas. Por exemplo, o bloco 1 coluna img + 1 coluna txt. Leia Entendendo Blocos de Layout e Elementos em Emails para aprender mais sobre cada um dos blocos de layout disponíveis.
Uma vez que sua seção esteja incluído, faça os ajustes que você precisa. Passe o mouse sobre a região que inclui o conteúdo que você não precisa e clique no ícone da lixeira para removê-lo.
Dê um clique duplo na região da imagem da seção e escolha a opção Imagem no Painel do Designer de Email. A partir daqui, você pode inserir uma imagem usando a URL da imagem ou fazendo o upload dela.
Como adicionar botões ao topo ou à base de texto
Uma vez que seu elemento de texto tenha sido adicionado ao seu email, você pode adicionar botões acima ou abaixo dele facilmente, arrastando e soltando o elemento de botão em seu email, em uma linha roxa.
Os botões podem ser adicionados acima de uma seção, abaixo de uma seção, acima de um elemento ou abaixo de um elemento. Basta arrastar o elemento de botão e a linha roxa ajudará a guiá-lo.
Uma vez que um botão foi incluído em seu email, você pode clicar no botão para fazer ajustes no texto, link e cor do botão.
Como adicionar botões ao topo ou à base de uma imagem
Uma vez que seu bloco ou elemento de layout de imagem tenha sido adicionado ao seu email, você pode adicionar um botão acima ou abaixo da imagem facilmente, arrastando e soltando o elemento de botão em seu email, em uma linha roxa.
Os botões podem ser adicionados acima de uma seção, abaixo de uma seção, acima de um elemento ou abaixo de um elemento. Basta arrastar o elemento de botão e a linha roxa ajudará a guiá-lo.