Página de início do Canva
Ajuda

Adicione elementos de design e conteúdo


Este artigo foi traduzido automaticamente. Se encontrar algum erro, conte para nós.

Agora que 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 novidades ou gerar cliques.

Componentes do Canva E-mail

O editor de e-mail do Canva é flexível, mas nem todo elemento é ideal para e-mails. Alguns funcionam melhor do que outros em diferentes plataformas e dispositivos.

Veja o que usar para criar um conteúdo bem estruturado e que funcione bem na caixa de entrada.

Blocos de design

Os blocos de design são seções prontas que agrupam texto, imagens, formas ou planos de fundo em um único layout estruturado. Eles ajudam a organizar seu conteúdo e melhoram a adaptação para dispositivos móveis.

Os blocos de design essenciais incluem cabeçalhos, rodapés e blocos de ícones, que ajudam a definir áreas importantes do seu e-mail.

  • Cabeçalhos ficam na parte superior e costumam incluir seu logotipo ou uma breve introdução.
  • Rodapés ficam na parte inferior e geralmente incluem informações de contato, links para cancelar a inscrição ou avisos legais.
  • Blocos de ícones são um conjunto de ícones clicáveis com textos curtos para destacar recursos, benefícios ou pontos importantes e conectar leitores às suas redes sociais.

Fontes compatíveis com e-mail

Somente fontes compatíveis com e-mail têm exibição correta garantida em diferentes clientes de e-mail. Fontes que não são compatíveis podem ser substituídas por alternativas quando os destinatários visualizarem a mensagem. Para garantir a consistência, use sempre fontes da lista de fontes compatíveis com e-mail do Canva.

Botões

Use botões para destacar chamadas para ação (CTAs) importantes, como “Compre agora” ou “Confirme sua presença”. Mantenha-os curtos, claros e visualmente distintos para chamar a atenção e gerar cliques.

Imagens

Adicione imagens da sua marca ou de produtos para reforçar sua mensagem. Verifique se elas estão dimensionadas e alinhadas corretamente. 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 conteúdo lado a lado, como recursos de produtos, comparações ou layouts com texto e imagem. Elas são úteis para organizar informações complexas.

Adicione e personalize cada elemento

Siga estas etapas para estilizar cada elemento de acordo com sua marca e os objetivos do seu e-mail. Você pode adicioná-los onde fizer sentido no 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.

  1. Na barra de ferramentas, selecione o botão Fonte . Por padrão, a fonte está definida como Arial.
  2. No painel Fontes, selecione na lista de fontes seguras para e-mail do Canva.
  3. 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

Ajustar o espaçamento entre parágrafos

Você pode ajustar o espaçamento entre parágrafos, linhas e letras no Canva Docs e no Canva E-mail. Isso ajuda a criar documentos mais fáceis de ler e com a formatação que você prefere.

  1. Selecione o texto que você quer ajustar.
  2. Selecione
    Configurações avançadas na barra de ferramentas de texto.
  3. Ajuste o Espaçamento entre parágrafos. Use a barra ou insira um valor para definir o espaço antes e depois dos parágrafos.
  4. Ajuste o Espaçamento entre linhas e o Espaçamento entre letras, se necessário.

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.

  1. Clique no canto da página para selecioná-la.
  2. Selecione o ícone da cor de fundo.
  3. No painel Cor, escolha uma cor entre Cores do documento ou Kit de marca.
  4. 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.

  1. No design do seu e-mail, acesse a aba
    Elementos e selecione Colunas.
    1. Escolha entre colunas básicas, colunas estilizadas e colunas pré-projetadas.
    2. Selecione para inserir o que se encaixa no seu layout.
  2. Alternativamente, selecione o
    ícone de adição ao lado do cursor de texto. Role para baixo e selecione Colunas.
    1. Escolha seu layout de coluna preferido (por exemplo, 2 ou 3 colunas).
    2. Clique dentro de cada coluna para adicionar texto, imagens ou botões.
    3. Arraste o divisor entre as colunas para redimensioná-las.

Ajustar o espaçamento entre blocos

Você pode controlar o espaço em branco entre blocos no Canva Docs e no Canva E-mail, como imagens, layouts e outras seções de conteúdo, para que seu design tenha uma aparência consistente em diferentes tamanhos de tela.

  1. Selecione o bloco que você quer ajustar (imagem, layout ou seção).
  2. Escolha
    Espaçamento na barra de ferramentas do editor.
  3. Use os controles deslizantes de Espaçamento entre blocos para ajustar o espaço entre os blocos.

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.
  1. Vá para a aba
    Elementos e selecione Cabeçalhos ou Rodapés.
  2. 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.

  1. Selecione o bloco de cabeçalho ou rodapé em seu design para selecioná-lo.
  2. Na barra de ferramentas flutuante, selecione o ícone
    Mais.
  3. 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.

  1. No painel lateral do editor, selecione a aba
    Elementos.
  2. Selecione Blocos de ícones.
  3. Selecione ou arraste um bloco de ícones onde ele faça sentido no seu design, geralmente o rodapé ou seu CTA principal.
  4. 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.
  5. 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.

  1. Para adicionar um botão de CTA:
    1. Vá para a aba
      Elementos e selecione Botões.
    2. Ou selecione o
      ícone Mais e, em seguida, selecione Botão.
  2. Insira o nome do botão e adicione o link da URL.
  3. Clique em Pronto.
  4. 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.

  1. No painel lateral do editor, selecione a aba
    Elementos para navegar ou procurar imagens.
  2. Para usar suas próprias imagens, vá para a aba
    Uploads e selecione Fazer upload de arquivos para adicionar imagens do seu dispositivo.
  3. 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, pode pré-visualizar e baixar seu e-mail ou enviar um e-mail de teste.

Próxima etapa: Teste e exporte seu e-mail

Esta informação foi útil?

Foi útil

Não achei útil

As pessoas também viram