Adicione elementos de design e conteúdo
Agora que o seu layout está pronto, é hora de preenchê-lo com conteúdo envolvente. Adicione elementos de e-mail para dar vida à sua mensagem, destacar um produto, compartilhar notícias ou gerar cliques.
Blocos de construção de e-mail do Canva
O editor de e-mail do Canva é flexível, mas nem todos os elementos são ideais para e-mail. Algumas funcionam melhor do que outras em diferentes plataformas e dispositivos.
Veja o que você deve usar para criar conteúdo bem estruturado e amigável para a caixa de entrada.
Blocos de design
Os blocos de design são seções pré-fabricadas que agrupam o texto, imagens, formas ou fundos em um layout estruturado. Eles ajudam a organizar seu conteúdo e a melhorar a capacidade de resposta móvel.
Os blocos de design essenciais incluem cabeçalhos, rodapés e blocos de ícones, que ajudam a definir as principais áreas do seu e-mail.
- Os cabeçalhos ficam na parte superior e geralmente incluem seu logotipo ou uma breve introdução.
- Os rodapés ficam na parte inferior e geralmente contêm informações de contato, links para cancelar a inscrição ou avisos de isenção de responsabilidade.
- Os blocos de ícones são um grupo de ícones clicáveis com texto curto para destacar recursos, benefícios ou pontos-chave e conectar os leitores às suas plataformas sociais.
Fontes adequadas para uso em e-mails
Apenas fontes seguras para e-mail têm a garantia de serem exibidas corretamente em todos os clientes de e-mail. Fontes não seguras para e-mail podem ser substituídas por opções alternativas quando visualizadas pelos destinatários. Para garantir consistência, use sempre fontes da lista de fontes seguras para e-mail do Canva.
Botões
Use os botões para destacar as principais chamadas para ação (CTAs), como “Compre agora” ou “RSVP”. Mantenha-os curtos, claros e visualmente distintos para chamar a atenção e gerar cliques.
Imagens
Adicione recursos visuais de marca ou imagens de produtos para apoiar a sua mensagem. Certifique-se de que eles estejam devidamente dimensionados e alinhados. Confira Adicionar imagens aos designs para saber mais.
Elementos interativos como vídeos, enquetes ou questionários não são aceitos pela maioria das plataformas de e-mail:
- Os vídeos serão convertidos em GIFs
- Enquetes e questionários aparecerão como conteúdo estático (não clicável)
Colunas
Use colunas para exibir o conteúdo lado a lado, como recursos do produto, comparações ou layouts de imagem de texto. Eles são úteis para organizar informações complexas.
Adicionar e personalizar cada elemento
Estes são os passos para estilizar cada elemento de acordo com os objetivos da sua marca e do seu e-mail. Você pode adicioná-los onde eles fazem sentido em seu design.
Escolha fontes seguras para e-mail
Importante: apenas fontes seguras para e-mail são exibidas corretamente em todas as plataformas de e-mail. Se você escolher uma fonte que não seja segura para e-mail, ela pode não ser processada como pretendido e pode ser substituída por uma fonte alternativa quando entregue aos destinatários. Para obter melhores resultados, selecione sempre na lista de fontes seguras para e-mail do Canva.
- Na barra de ferramentas, selecione o botão Fonte . Por padrão, a fonte está definida como Arial.
- No painel Fontes, selecione na lista de fontes seguras para e-mail do Canva.
- Você pode ajustar o tamanho da fonte selecionando os botões + / - na barra de ferramentas.
Para legibilidade nos e-mails, use:
- 14–16 pixels para o corpo do texto
- 20–30 pixels para cabeçalhos e títulos
Adicionar uma cor de fundo
Adicione uma cor de fundo ao seu design para combinar com a sua marca ou destacar seções específicas. Escolha as cores do Kit de Marca ou das cores do Documento.
- Clique no canto da página para selecioná-la.
- Selecione o ícone da cor de fundo.
- No painel Cor, escolha uma cor entre Cores do documento ou Kit de marca.
- Se a cor que você está procurando não estiver disponível, selecione o bloco + rainbow color (Adicionar uma nova cor) para mais opções.
Adicionar estrutura com colunas
Estruture seu layout de e-mail usando colunas para organizar o conteúdo lado a lado. As colunas são responsivas e são automaticamente empilhadas verticalmente em dispositivos móveis.
- No design do seu e-mail, acesse a aba Elementos e selecione Colunas.
- Escolha entre colunas básicas, colunas estilizadas e colunas pré-projetadas.
- Selecione para inserir o que se encaixa no seu layout.
- Alternativamente, selecione o ícone de adição ao lado do cursor de texto. Role para baixo e selecione Colunas.
- Escolha seu layout de coluna preferido (por exemplo, 2 ou 3 colunas).
- Clique dentro de cada coluna para adicionar texto, imagens ou botões.
- Arraste o divisor entre as colunas para redimensioná-las.
Adicione blocos de design (cabeçalhos e rodapés)
Economize tempo e crie layouts consistentes reutilizando seções como cabeçalhos e rodapés em todos os seus designs de e-mail.
- Cabeçalho – Coloque o logotipo e as cores da sua marca no topo dos boletins informativos.
- Rodapé – Inclua detalhes de contato, links de cancelamento de assinatura ou isenções de responsabilidade legais na parte inferior de cada campanha de e-mail.
- Vá para a aba Elementos e selecione Cabeçalhos ou Rodapés.
- Navegue e clique para inserir o que se encaixa no seu layout.
Defina um cabeçalho ou rodapé na borda do seu design
Posicione um bloco de cabeçalho ou rodapé para que ele se alinhe perfeitamente com a borda superior ou inferior do layout do seu e-mail.
- Selecione o bloco de cabeçalho ou rodapé em seu design para selecioná-lo.
- Na barra de ferramentas flutuante, selecione o ícone Mais.
- No menu, escolha:
- Defina como superior – para mover o bloco para a borda superior do e-mail.
- Defina para baixo – para movê-lo para a borda inferior. Observação: seu bloco agora se encaixará na borda da tela de design, mantendo seu layout limpo e alinhado.
Alguns rodapés de e-mail pré-fabricados incluem um espaço reservado "Cancelar assinatura". Este link não funciona ao exportar seu design como HTML.
Se você estiver enviando seu e-mail por meio de um provedor de serviços de e-mail (ESP) como o Mailchimp:
- Você deve adicionar ou substituir o link de cancelamento de assinatura dentro do seu ESP antes de enviar.
- Isso é necessário para cumprir as leis de e-mail, como CAN-SPAM e GDPR.
Saiba mais sobre como gerenciar links e preferências de cancelamento de assinatura.
Adicionar blocos de ícones
Os blocos de ícones combinam elementos visuais simples com texto curto. Use-os para links de redes sociais, destaques de recursos ou vantagens de serviço. Eles funcionam bem em rodapés, perto de CTAs ou para dividir as seções visualmente.
- No painel lateral do editor, selecione a aba Elementos.
- Selecione Blocos de ícones.
- Selecione ou arraste um bloco de ícones onde ele faça sentido no seu design, geralmente o rodapé ou seu CTA principal.
- Na barra de ferramentas de edição, selecione o bloco de cor que você quer mudar. Você verá as opções de cor no painel lateral.
- Selecione uma nova cor para aplicar ao ícone.
Adicionar botões de Call-to-action (CTA)
Um botão de call-to-action (CTA) incentiva os leitores a tomar uma ação específica como “Compre agora”, “Saiba mais” ou “Inscreva-se”. Adicionar um botão ajuda a impulsionar o engajamento e os cliques em seu e-mail ou design.
- Para adicionar um botão de CTA:
- Vá para a aba Elementos e selecione Botões.
- Ou selecione o ícone Mais e, em seguida, selecione Botão.
- Insira o nome do botão e adicione o link da URL.
- Clique em Pronto.
- Personalize o estilo do botão na barra de ferramentas (altere a cor, o alinhamento, etc.).
Adicionar imagens
As imagens tornam seu e-mail mais atraente e com um visual atraente. Você pode adicionar fotos do produto, fotos da equipe, ilustrações ou imagens para apoiar a sua mensagem e a sua marca.
Dica de profissional: comprima imagens grandes antes de enviar para garantir tempos de carregamento de e-mail rápidos.
- No painel lateral do editor, selecione a aba Elementos para navegar ou procurar imagens.
- Para usar suas próprias imagens, vá para a aba Uploads e selecione Fazer upload de arquivos para adicionar imagens do seu dispositivo.
- Selecione a imagem para adicioná-la ao seu e-mail. Redimensione e posicione a imagem conforme necessário.
Agora que você adicionou seu conteúdo, está pronto para visualizar, baixar seu e-mail ou enviar um e-mail de teste.
Próximo passo: testar e exportar seu e-mail
Esta informação foi útil?
Foi útil
Não achei útil