Editor de templates - colunas
Guilherme Moreira avatar
Escrito por Guilherme Moreira
Atualizado há mais de uma semana

Colunas

Para usar as colunas, a primeira coisa que você deve fazer é arrastar o elemento da coluna para o seu modelo e, uma vez adicionado, aparecerão os diferentes formatos e configurações das colunas, nesta etapa você também pode escolher como será a estrutura da sua coluna.

Uma vez selecionada a estrutura da coluna, você pode alterar suas propriedades, onde encontrará as opções de cor de fundo, margens e bordas.


Propriedades da coluna

Lembre-se de que existem configurações que afetam apenas a coluna selecionada, portanto, você deve configurar cada coluna na seção de propriedades da coluna.


Propriedades da linha

Na seção Propriedades da linha, há configurações que podem afetar a linha inteira.

A partir daqui, você pode escolher e configurar uma imagem de fundo e, uma vez adicionada, pode editá-la na opção aplicar efeitos e mais.

Sempre que aplicar efeitos, você deve selecionar Aplicar e no final salvar as alterações.


Versão mobile

Após configurar as colunas, você pode verificar como elas serão visualizadas nos smartphones.

Nessa aba você pode escolher configurações adicionais para a versão mobile do seu modelo. Essas configurações não afetam a aparência da campanha na versão para desktop.

O próximo passo seria adicionar o conteúdo à nossa coluna, isso é feito arrastando o tipo de conteúdo para o espaço que deseja que apareça.

Observe que você pode adicionar mais de um tipo de conteúdo à mesma coluna, e também é possível arrastar e ordenar.

Vejamos este exemplo com um botão e um título:


Comportamento responsivo

No final você tem a opção de comportamento responsivo, que o que ele faz é esconder a coluna, vejamos como funciona na versão desktop.

Por fim, também é possível ocultá-lo na versão mobile e a partir de aí configurar o efeito de empilhamento:

Respondeu à sua pergunta?