Os e-mails para campanhas de e-mail podem ser montados de acordo com seu design usando blocos.

Textos, botões, mensageiros, imagens, bem como ferramentas para personalização de blocos — este é um nível totalmente novo de design.

Esqueça modelos chatos — crie e-mails exclusivos e com a sua marca com o Mavibot.

Seções (blocos) para e-mails

Você pode encontrar o construtor de e-mail na aba "E-mails" ao criar um mailing de e-mail:

No construtor, você verá uma tela em branco onde pode inserir os seguintes blocos (seções):

  1. Imagem
  2. Texto
  3. Bloco vazio
  4. Botão
  5. Redes sociais
  6. Bloco HTML

Além disso, os blocos podem ser combinados entre si — por exemplo, você pode adicionar vários elementos de e-mail dentro de uma única seção.

Cada bloco inclui configurações gerais de exibição para a seção, como:

  1. Preenchimento interno;
  2. Borda;
  3. Raio da borda;
  4. Fundo.

Vamos começar revisando as configurações disponíveis para cada seção. Em seguida, veremos um exemplo para mostrar como você pode personalizar vários blocos diferentes dentro de uma única seção.

Imagem

Para adicionar uma imagem, vá ao menu no lado direito da tela. Lá, você encontrará um ícone que permite fazer upload de uma imagem ao clicar:

Ao clicar no botão, você verá que a seção foi adicionada ao e-mail:

Para adicionar uma imagem, vá para a aba correspondente e faça upload do arquivo necessário, seja do seu dispositivo:

Em seguida, você verá que a imagem foi adicionada à seção:

Você pode transformar a imagem em um elemento do tipo botão para que, quando os destinatários clicarem nela no e-mail, sejam redirecionados para uma página específica.

Para fazer isso, basta inserir o link desejado no campo fornecido:

Texto

Um bloco de texto pode ser adicionado dentro de uma seção que contém uma imagem (ou qualquer outro bloco), ou como um bloco separado por conta própria.

Atenção!

A alteração de fontes não está disponível.

  1. Para adicionar texto dentro de uma seção — como uma com imagem — passe o mouse sobre o bloco de imagem (ou qualquer outro bloco à direita) e procure pelo ícone "+":

Em seguida, clique no ícone de mais e um menu suspenso com opções de bloco aparecerá:

Como você pode ver, o bloco de texto foi adicionado dentro da seção que já contém uma imagem:

Preste atenção!

Você pode adicionar até quatro elementos de conteúdo (blocos) dentro de uma única seção.

  1. Para adicionar uma seção separada no e-mail com um bloco de texto (ou qualquer outro bloco), passe o mouse sobre o lado esquerdo da tela e encontre o ícone "+" no menu de ações rápidas:

Em seguida, clique no ícone de mais e selecione a seção que deseja adicionar:

Uma nova seção com um bloco de texto será adicionada:

Para editar, clique no texto e uma barra de ferramentas com configurações — semelhantes às de qualquer editor de texto — aparecerá acima.

Na barra de ferramentas acima do bloco de texto, você pode aplicar formatação em negrito, itálico e sublinhado:

Você também pode formatar o texto como lista, adicionar um link e alinhá-lo à esquerda, direita ou centro.

Para ajustar o tamanho da fonte, altura da linha, espaçamento e cor, vá para as configurações do bloco "Texto" no menu à direita:

Botão

Um bloco de botão é adicionado da mesma forma que qualquer outro bloco: pode ser colocado como uma seção separada ou dentro de uma seção existente com outros elementos:

Você pode inserir um link para qualquer página necessária no botão:

Para alterar o texto, clique no campo de texto dentro do botão:

Em seguida, digite o texto desejado:

Para alterar o tamanho do botão, localize o campo com setas no menu:

Em seguida, defina o tamanho necessário inserindo um valor numérico — o campo aceita valores em pixels.

Para alterar o alinhamento do botão (centro, esquerda ou direita), use estas configurações:

O menu também contém um campo para alterar a cor do botão:

Botões de "Redes Sociais"

No e-mail, você também pode adicionar botões que redirecionarão os destinatários para as plataformas de redes sociais conectadas ao seu projeto:

Nas configurações do bloco, você pode escolher para qual canal específico deseja redirecionar seus clientes:

O menu de configurações também inclui uma opção de estilo para os botões de redes sociais:

  1. Padrão: usa o estilo original dos ícones do mensageiro:

  1. Com borda: ícones transparentes com uma cor de borda correspondente às cores padrão do respectivo mensageiro.

  1. Monocromático: ícones exibidos em um único esquema de cores.

Para arredondar os cantos dos ícones, insira o valor numérico desejado em pixels no campo "Cantos arredondados":

Configurações de Bloco Dentro de uma Seção

Cada elemento dentro de uma seção tem as mesmas configurações de preenchimento, bordas e fundo.

Você pode configurar um bloco separadamente de cada elemento, bem como escolher:

Preenchimento do Elemento

Você pode ajustar o preenchimento do elemento nos campos correspondentes:

Esses preenchimentos referem-se especificamente à posição do bloco de conteúdo em relação à sua borda.

Borda (Interna)

Uma seção contém duas bordas que podem ser personalizadas: a borda externa (para toda a seção) e a borda interna (para a imagem ou outros elementos).

Instruções sobre como editar a borda externa da seção podem ser encontradas na seção "Configurações Gerais da Seção" -> Borda. link "Borda"

A borda interna que envolve o bloco de conteúdo pode ser personalizada com qualquer cor, espessura, bem como bordas específicas para destacar e o estilo de linha desejado:

Cada lado da borda pode ser personalizado separadamente dos outros.

Para fazer isso, clique no lado da borda que deseja editar:

Em seguida, selecione a cor, espessura e estilo de linha para a borda.

Para personalizar a borda em todos os quatro lados, clique no ícone correspondente:

Raio da borda

Você também pode definir o raio do canto para a borda interna em pixels:

Os campos para cada canto da borda aceitam valores numéricos em pixels.

Fundo do Bloco de Conteúdo Dentro de uma Seção

O fundo interno, que se aplica apenas ao bloco que contém um elemento específico dentro da seção, pode ser definido fazendo upload de uma imagem ou selecionando uma cor da paleta de cores.

Você também pode escolher a posição e o tamanho da imagem para o fundo:

Configurações da Seção

Uma seção com elementos de conteúdo pode ser personalizada de forma diferente de outras seções do e-mail, aplicando cores de fundo, adicionando bordas e ajustando o preenchimento.

Preenchimento

O preenchimento da seção se aplica a todos os elementos localizados dentro da seção:

Para definir o preenchimento dos blocos em relação à borda externa de uma seção, arraste as bordas para ajustar a posição dos elementos em relação às bordas superior e inferior, bem como às bordas direita e esquerda.

Alternativamente, você pode definir valores numéricos nos campos localizados no menu direito sob a aba "Seção":

Borda

Uma seção contém duas bordas personalizáveis: a borda externa (para toda a seção) e a borda interna (para uma imagem ou outros elementos)

Instruções sobre como editar a borda externa da seção podem ser encontradas na seção "Borda (interna)" link "Borda (interna)"

A borda externa, que emoldura toda a seção com blocos de conteúdo, pode ser personalizada usando qualquer cor e espessura, bem como selecionando os lados desejados para destacar e o estilo da borda:

Cada lado da borda pode ser personalizado separadamente dos outros.

Para fazer isso, clique no lado desejado da borda:

Em seguida, selecione a cor, espessura e estilo da borda.

Para personalizar a borda em todos os quatro lados, clique no ícone correspondente:

Raio da borda

Você também pode definir o arredondamento dos cantos da borda da seção em pixels:

Os campos para cada canto da borda aceitam valores numéricos em pixels.

Fundo

O fundo interno, que se aplica apenas a toda a seção, pode ser definido fazendo upload de uma imagem ou selecionando uma cor da paleta de cores.

Você também pode escolher a posição e o tamanho da imagem de fundo: