O editor de arrastar e soltar facilita a criação de e-mails com aparência profissional. Ele fornece mais opções para personalizar seu e-mail e também garante que o e-mail pareça perfeito em qualquer cliente de e-mail e dispositivo.
Neste artigo, veremos como definir os estilos para todo o modelo na seção Design. Por exemplo, é possível definir a cor e o estilo do link (negrito, itálico) que serão aplicáveis a todos os links que você adicionar ao modelo. Dessa forma, você economiza tempo, pois não precisa definir os estilos separadamente para cada link.
Dividimos os artigos sobre o editor de arrastar e soltar nas seguintes partes:
- Parte 1: visão geral do editor
- Parte 2: blocos de layout versos conteúdo
- Parte 3: como usar os blocos de conteúdo?
- Parte 4: definir o estilo do design para o e-mail inteiro - VOCÊ ESTÁ AQUI
- Parte 5: salvar blocos para reutilizá-los em suas campanhas
- Parte 6: editar e-mails na visualização de dispositivos móveis
- Parte 7: restaurar, pré-visualizar, testar e salvar o design da campanha
Para começar, assista ao nosso vídeo detalhado sobre como usar a guia Design (Criar) no Editor de arrastar e soltar 🚀.
Quais são as diferentes configurações na guia Design (Criar)?
As configurações são divididas em 5 partes: Brand library (Biblioteca de marcas), Template (Modelo), Text Appearance (Aparência do texto), Buttons (Botões) e Spacing (Espaçamento).
Brand library (Biblioteca de marcas)
| Configure sua Brand library (Biblioteca de marca) para que cada novo modelo selecionado herde as propriedades de sua marca, como logotipo, cores, fontes e links de redes sociais. Além de economizar seu tempo, a Brand Library (Biblioteca de marca) permite que você mantenha uma marca de e-mail consistente. Para saber mais, consulte nosso artigo dedicado Crie automaticamente seus e-mails com seus ativos de marca usando a Biblioteca de marca. |
Template (Modelo)
As configurações de plano de fundo e largura dos blocos de conteúdo podem ser ajustadas a partir daqui.
Escolha uma cor de fundo que será aplicada a todos os blocos de conteúdo de sua campanha em toda a largura. Se você quiser que o corpo tenha apenas uma cor de fundo, escolha uma cor na configuração Body color (Cor do corpo) abaixo.
Você pode adicionar uma imagem de seus arquivos ou das imagens de estoque clicando em Add background image (Adicionar imagem de fundo) ou adicionar diretamente Insert image from URL (Inserir imagem do URL ) colando o link da imagem nesse campo. Você pode ajustar a posição, a repetição e o tamanho da imagem conforme necessário.
Estas opções permitem que você adicione uma cor de plano de fundo apenas ao corpo, como no exemplo abaixo, em azul.
Ajuste a largura do bloco de conteúdo em pixeis. Por padrão, a largura está configurada em 600px. Quando você altera a largura, os blocos de layout e conteúdo são automaticamente redimensionados. A largura do corpo é representada pela seta amarela na imagem abaixo.
Alterne essa opção para permitir que seus destinatários visualizem uma versão on-line de sua campanha de e-mail se tiverem problemas para exibi-la em seus clientes de e-mail. Um link View in browser (Visualizar no navegador) será adicionado automaticamente na parte superior do e-mail. Para saber mais, consulte nosso artigo dedicado Inserir um link Visualizar no navegador (espelho) em suas campanhas.
Text appearance (Aparência do texto)
Você pode escolher a aparência do texto de todos os estilos (parágrafos, cabeçalhos etc.). Para cada estilo, defina a família, o tamanho e a cor da fonte nas respectivas listas. Clique em um dos nomes das fontes e clique em + Manage fonts (+ Gerenciar fontes) se quiser adicionar fontes do Google Fonts às suas listas ou escolher fontes alternativas caso os destinatários não consigam ver a fonte que você escolheu primeiro.
Nas Common settings (Configurações comuns), você poderá escolher a altura da linha entre as padrão ou criar uma altura personalizada e escolher a direção da escrita (da esquerda para a direita ou da direita para a esquerda).
Você também pode alterar a fonte de uma parte específica do design selecionando o texto e escolhendo a fonte na barra de formatação na parte superior do bloco Text (Texto).
Buttons (Botões)
A partir daí, você pode definir o estilo padrão de todos os botões do seu boletim informativo. Se você quiser alterar o aspecto de todos os botões rapidamente, faça isso aqui!
Você pode escolher o estilo e o tamanho da fonte, a largura, o raio, a cor e o tamanho e a cor da borda.
Spacing (Espaçamento)
A configuração Spacing (Espaçamento) está disponível na guia Design (Criar), mas também quando você clica em um bloco Style (Estilo). Ela permite que você adicione Padding (Preenchimento), que é o espaço entre o elemento e a borda. Ele fica ao redor dos quatro lados do conteúdo e o tamanho de cada lado pode ser alterado.
Alterne o botão Padding (Preenchimento) para ativá-lo ou desativá-lo com um clique. Escolha o tamanho do preenchimento ou da margem que deseja adicionar a cada lado do conteúdo usando os botões +/- ou escrevendo o tamanho desejado no campo de texto.
⏩ O que vem a seguir?
- Parte 5: salvar blocos para reutilizá-los em suas campanhas
- Parte 6: editar e-mails na visualização de dispositivos móveis
- Parte 7: como pré-visualizar e enviar e-mail de teste
🤔 Dúvidas?
Em caso de dúvida, sinta-se à vontade para entrar em contato com nossa equipe de suporte, criando um tíquete a partir da sua conta. Caso ainda não tenha uma conta, entre em contato conosco aqui.
Se você está procurando ajuda com um projeto usando o Brevo, podemos encontrar o parceiro especialista certificado em Brevo.