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 tabelaQuando 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 |
|
Colunas |
|
Bloco de tabelas |
|
Bloco dividido
Para adicionar um bloco dividido a um e-mail:
- Arraste um bloco Split para seu modelo.
- Ajuste as porcentagens do Layout para personalizar a largura das duas colunas.
- Na seção Content (Conteúdo ), escolha se cada lado do bloco dividido deve conter texto ou uma imagem.
- Clique nos ícones em Seletor de coluna para alternar entre as colunas.
- Clique em Save para salvar o bloco.
Colunas
Para adicionar colunas a um e-mail:
- Arraste a opção Columns (Colunas ) em Layout para criar colunas em seu e-mail.
- Escolha o layout desejado entre as opções do modal.
- 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.
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 tabelasBloco 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