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 conteúdo lado a lado na Klaviyo.
Quando usar um bloco de divisão
Há 3 maneiras de organizar conteúdo lado a lado usando o editor de e-mail do Klaviyo: bloco de divisão, colunas e bloco de tabela. Cada opção oferece certas vantagens e concessões. Um bloco de divisão é melhor quando:
- Você precisa de 2 colunas e quer controle total sobre a largura de cada uma.
- Você só precisa colocar textos ou imagens lado a lado, já que outros tipos de conteúdo não são compatíveis.
- Você quer escolher se as colunas são empilhadas no mobile ou permanecem lado a lado.
Saiba mais sobre blocos de divisão, colunas e tabelas no gráfico abaixo.
Layout do conteúdo | Quantidade de colunas | Opções de largura | Tipos de conteúdo permitidos | As colunas podem ser empilhadas na visualização para dispositivos móveis? |
Bloco de divisão | 2 | Controle preciso (use Configurações de divisão > Larguras das colunas) | 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 avaliação) | Sim |
Bloco de tabela | Qualquer número | Controle preciso (use Largura da coluna > Manual) | Somente imagem ou texto | Não |
Tabelas podem ser um desafio para a acessibilidade, pois os leitores de tela têm dificuldade para interpretá-las.
Adicione um bloco de divisão a um modelo de e-mail
- Em um modelo de e-mail, arraste um bloco Divisão para a tela.
- Em Seletor de coluna, alterne 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 ao campo abaixo.
- Repita o processo para o outro lado da divisão.
- Abra a aba Estilos do bloco.
- Defina a largura de cada coluna como uma porcentagem do total. As porcentagens precisam somar 100%.
- Defina o espaçamento interno entre os lados da divisão em Campos de largura da coluna.
Recursos adicionais
- Como criar blocos dinâmicos em um e-mail de fluxo
Saiba como usar blocos de tabela dinâmica para adicionar informações de produtos e outros eventos aos seus fluxos acionados por métrica. Neste artigo, você vai 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 deixar seus modelos mais atraentes visualmente. Existem algumas formas de adicionar colunas aos seus modelos. Este artigo vai abordar todas as formas de adicionar colunas ao seu e-mail e como otimizar seu design com base no dispositivo.