Como adicionar colunas a um e-mail

Estimado 4 minuto de leitura
|
Atualizado 17 de dez. de 2024, 18:56 EST
O que você vai aprender

O que você vai aprender

Saiba como adicionar colunas aos seus e-mails quando necessário para tornar seus modelos mais agradáveis esteticamente. Há algumas maneiras de adicionar colunas aos seus modelos. Este artigo abordará todas as maneiras pelas quais o senhor pode adicionar colunas ao seu e-mail e como otimizar o design com base no dispositivo.

Quando usar um bloco dividido, colunas ou uma tabela

Quando usar um bloco dividido, colunas ou uma tabela

Há três maneiras de organizar o conteúdo lado a lado usando o editor de e-mail do Klaviyo: bloco dividido, colunas e bloco de tabela. Cada opção oferece certas vantagens e desvantagens. 

Bloco dividido
  • Exatamente 2 colunas
  • Controle preciso sobre a largura de cada coluna usando a opção Largura das colunas nas configurações de divisão
  • Escolha entre uma imagem ou texto para cada lado da divisão
  • Outros blocos (por exemplo, blocos de tabelas, blocos de produtos, blocos de botões) não podem ser adicionados a um bloco dividido
  • Especifique se as colunas devem ser empilhadas no celular ou permanecer lado a lado
Colunas
  • Escolha o número de colunas (1-4)
  • Seleção limitada de opções de largura
  • Adicionar qualquer tipo de conteúdo (por exemplo, bloco de texto, bloco de imagem, bloco de citação de revisão) em uma coluna 
  • Sempre empilhe no celular quando a otimização para celular estiver ativada
  • Não pode ser colocado dentro de seções existentes; em vez disso, coloque-o entre as seções 
Bloco de tabelas
  • Escolha qualquer número de colunas 
  • Cada coluna tem a mesma largura
  • Escolha entre uma imagem ou texto para cada coluna
  • Outros blocos (por exemplo, blocos de tabela, blocos de produto, blocos de botão) não podem ser adicionados a um bloco de tabela
  • As colunas permanecem lado a lado no celular
  • As tabelas podem ser um desafio para a acessibilidade, pois os leitores de tela têm dificuldade para analisá-las
Bloco dividido

Bloco dividido

Para adicionar um bloco dividido a um e-mail: 

  1. Arraste um bloco Split para seu modelo. 
  2. Ajuste as porcentagens do Layout para personalizar a largura das duas colunas.
  3. Na seção Content (Conteúdo ), escolha se cada lado do bloco dividido deve conter texto ou uma imagem.
  4. Clique nos ícones em Seletor de coluna para alternar entre as colunas.
  5. Clique em Save para salvar o bloco.
Colunas 

Colunas 

Para adicionar colunas a um e-mail:

  1. Arraste a opção Columns (Colunas ) em Layout para criar colunas em seu e-mail.
  2. Escolha o layout desejado entre as opções do modal. 
  3. Arraste blocos de qualquer tipo para suas colunas. 

Ao contrário do bloco dividido, o senhor pode usar qualquer bloco, ter vários blocos na mesma coluna e optar por ter mais de duas colunas. Por exemplo, este é um e-mail com uma imagem de um lado e um texto e um botão do outro.

Um exemplo de uma coluna com texto e botões à esquerda e uma imagem à direita

Além disso, quando um navegador móvel abrir o e-mail, as colunas serão empilhadas umas sobre as outras, com o lado esquerdo empilhado sobre o direito. Se o senhor não quiser que as colunas sejam empilhadas no celular, opte por usar um bloco de tabela.

Bloco de tabelas

Bloco de tabelas

O senhor pode usar um bloco de tabela para criar colunas em seu e-mail. Embora os blocos de tabela só possam conter texto e imagens, eles permitem que o senhor personalize seus e-mails com colunas, mantendo colunas lado a lado no celular. Assim como qualquer bloco, arraste e solte um bloco de tabela em seu e-mail para começar.

 

Para alterar a aparência do bloco da tabela, vá para as configurações do bloco, onde o senhor pode ajustar o preenchimento, ou espaçamento, em torno das colunas, bem como as cores e as fontes das bordas.

Para otimizar a experiência móvel, teste a visualização móvel de sua tabela. Se o senhor tiver uma tabela com muitas colunas, ela provavelmente só terá a aparência ideal no desktop. Para alterar ou ocultar uma coluna para celular, ajuste a configuração na guia da coluna.

Para obter mais informações sobre design de e-mail, confira nosso curso sobre design de e-mail

Recursos adicionais

Recursos adicionais

Esse artigo foi útil?
Use esse formulário somente para fazer comentários sobre artigos. Saiba como entrar em contato com o suporte.

Saiba mais sobre a Klaviyo

Comunidade
Conecte-se com colegas, parceiros e especialistas da Klaviyo para encontrar inspiração, compartilhar percepções e obter respostas para todas as suas perguntas.
Treinamentos ao vivo
Participe de uma sessão ao vivo com especialistas da Klaviyo para aprender sobre as práticas recomendadas, como configurar os principais recursos e muito mais.
Suporte

Acesse o suporte por meio da sua conta.

Suporte por e-mail (teste gratuito e contas pagas) Disponível 24 horas

Chat/assistência virtual
A disponibilidade varia conforme o local e o tipo de plano