O editor de e-mail da Inngage é do tipo arrastar e soltar. Antes de montar seu primeiro layout, é importante entender o conceito de estruturas e colunas — a base de qualquer e-mail responsivo.

Estruturas e colunas

Uma estrutura é o bloco de construção fundamental do modelo: ela ocupa uma linha inteira e define o layout daquela seção. Cada estrutura contém de uma a quatro colunas.

Uma coluna é uma área dentro da estrutura que recebe um bloco de conteúdo — texto, imagem, botão, GIF, vídeo, etc.

Regra importante: cada coluna comporta apenas um bloco, enquanto uma estrutura pode ter vários blocos (um por coluna). Aqueles botões "+" azuis no modelo vazio são, na verdade, uma estrutura de coluna única esperando conteúdo.

Montando o layout

Arraste as estruturas pré-definidas para o modelo — todas têm a mesma função, mudando apenas o número e a distribuição das colunas. Um layout típico pode combinar várias estruturas: uma linha com 1 coluna, outra com 2, outra com 4, e assim por diante.

Propriedades personalizáveis

Ao clicar em uma estrutura, você ajusta no menu à esquerda: largura, cor de fundo, estilos de borda, preenchimento (padding), margens e até imagem de fundo. Cada coluna também pode ser configurada separadamente.

Ao selecionar uma estrutura, uma borda interativa com botões aparece, permitindo: adicionar estrutura vazia acima/abaixo, comentar, salvar uma cópia temporária ou permanente na galeria, excluir, arrastar para outra posição e trocar de lugar com a estrutura anterior ou seguinte.

Responsividade

As estruturas são totalmente responsivas. A opção "Empilhar colunas no celular" controla o comportamento em telas pequenas: ativada, as colunas ficam uma sobre a outra no mobile; desativada, permanecem lado a lado.

Estruturas pré-fabricadas

Para acelerar o design, use os modelos prontos na aba Pré-fabricadas do menu Conteúdo, organizados por categoria (cabeçalho, conteúdo, e-commerce ou rodapé). Todos podem ser personalizados para a identidade da sua marca.