Como usar um bloco de divisão em um e-mail

read
Last updated at:

O que você vai aprender 

Saiba como usar um bloco de divisão para organizar o conteúdo lado a lado em Klaviyo. 

Quando usar um bloco de divisão 

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

  • O senhor precisa de duas colunas e deseja ter controle total sobre a largura de cada uma.
  • O senhor só precisa colocar texto ou imagens lado a lado, pois não há suporte para outros tipos de conteúdo.
  • O senhor deseja escolher se as colunas devem ser empilhadas no celular ou permanecer lado a lado.

Saiba mais sobre divisão de blocos, colunas e tabelas no quadro abaixo.

conteúdo layout Número de colunas Opções de largura Tipos de conteúdo permitidos As colunas podem ser empilhadas na visualização móvel?
divisão bloco 2 Controle preciso (use as configurações de divisão > Larguras de coluna) Somente imagem ou texto Sim
Colunas 1-4 Seleção limitada Qualquer tipo de bloco de conteúdo (por exemplo, bloco de texto, bloco de imagem, bloco de citação de revisão) Sim
Bloco de mesa  Qualquer número Controle preciso (use a largura da coluna > Manual) Somente imagem ou texto Não

As tabelas podem ser um desafio para a acessibilidade, pois os leitores de tela têm dificuldade em analisá-las. 

Adicionar um bloco de divisão a um modelo de e-mail

  1. Em um modelo de e-mail, arraste um bloco de divisão para a tela.
  2. Em Column selector (Seletor de coluna), alternar entre os lados esquerdo e direito da divisão.
  3. Em Conteúdo da coluna, escolha se o lado atualmente selecionado da divisão deve conter uma imagem ou texto.
  4. Adicione seu texto ou imagem no campo abaixo. 
  5. Repita o processo para o outro lado da divisão. 
  6. Abra a guia Styles (Estilos ) do bloco.
  7. Defina a largura de cada coluna como uma porcentagem do todo. As porcentagens devem somar 100%. 
  8. Defina o preenchimento entre os lados da divisão nos campos de largura da coluna. 

Recursos adicionais

x
Esse artigo foi útil?
Usuários que acharam isso útil: 0 de 0