Como usar um bloco de divisão em um e-mail
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
- Em um modelo de e-mail, arraste um bloco de divisão para a tela.
- Em Column selector (Seletor de coluna), alternar entre os lados esquerdo e direito da divisão.
- Em Conteúdo da coluna, escolha se o lado atualmente selecionado da divisão deve conter uma imagem ou texto.
- Adicione seu texto ou imagem no campo abaixo.
- Repita o processo para o outro lado da divisão.
- Abra a guia Styles (Estilos ) do bloco.
- Defina a largura de cada coluna como uma porcentagem do todo. As porcentagens devem somar 100%.
- Defina o preenchimento entre os lados da divisão nos campos de largura da coluna.
Recursos adicionais
- Como criar blocos dinâmicos em um e-mail de fluxo
Saiba como usar blocos de tabelas dinâmicas para adicionar informações sobre produtos e outros eventos aos seus fluxos acionados por métricas. Neste artigo, o senhor aprenderá a criar um bloco dinâmico usando o exemplo de um lembrete de carrinho abandonado que mostra os produtos que foram deixados para trás.
- Como adicionar colunas a um e-mail
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.