Como adicionar colunas a um e-mail

O que você vai aprender

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.

Quando usar um bloco de divisão, colunas ou uma tabela

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.

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

Para adicionar um bloco de divisão a um e-mail:

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

Adicionar colunas a um e-mail

Para adicionar colunas a um e-mail:

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

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

Além disso, quando um navegador móvel abre o e-mail, as colunas serão empilhadas uma em cima da outra, com o lado esquerdo empilhado sobre o lado direito. Se você não quiser que suas colunas fiquem empilhadas no celular, opte por usar um bloco de tabela.

Adicione um bloco de tabela a um e-mail

Você pode usar um bloco de tabela para criar colunas no seu e-mail. Embora blocos de tabela possam conter apenas texto e imagens, eles permitem que você personalize seus e-mails com colunas, mantendo colunas lado a lado no celular. Assim como qualquer bloco, arraste e solte um bloco de tabela no seu e-mail para começar.

Para alterar a aparência do bloco de tabela, vá até as configurações do bloco, onde você pode ajustar o preenchimento, ou espaçamento, ao redor das colunas, assim como as cores da borda e as fontes.

Para otimizar a experiência em dispositivos móveis, teste a visualização para celular da sua tabela. Se você tiver uma tabela com muitas colunas, é provável que ela só fique ideal no desktop. Para alterar ou ocultar uma coluna no celular, ajuste a configuração na guia da coluna.

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

Recursos adicionais