A guia Style (Estilo) controla as configurações globais de design do seu e-mail, garantindo uma aparência consistente. Nessa guia, gerencie a aparência do texto, as cores, o espaçamento e os estilos dos botões para definir a identidade visual do seu e-mail sem precisar estilizar cada bloco individualmente. Você encontrará cinco seções principais, cada uma permitindo que você controle um aspecto específico do layout e design geral do seu e-mail:
🎨 Brand library (Biblioteca de marca)
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 sobre a Biblioteca de marca, consulte nosso artigo dedicado Crie automaticamente seus e-mails com seus ativos de marca usando a Biblioteca de marca.
🧩 Layout
O corpo é a parte central do e-mail que contém sua mensagem e conteúdo, exibidos em um layout vertical. Na seção Layout, você pode escolher a largura e a cor do corpo:
Por padrão, a largura é definida como 600px, mas quando você altera a largura, o layout e os blocos de conteúdo são automaticamente redimensionados.
↔️ Spacing (Espaçamento)
A seção Spacing (Espaçamento) permite adicionar Padding (Preenchimento), que é o espaço na parte superior e inferior do design do seu e-mail. Para definir o preenchimento, insira um valor em pixels ou use os botões + / −.
Você também pode:
- Deixar a caixa Group side (Lado do grupo) marcada para aplicar preenchimento na parte superior e inferior do design do seu e-mail ou
- Desmarcar a caixa Group side (Lado do grupo) para ajustar cada lado individualmente (superior, inferior).
🔙 Background (Fundo)
Você pode escolher uma cor de fundo ou uma imagem de fundo para o design do seu e-mail:
Para usar uma imagem de fundo, clique em Add image (Adicionar imagem) para escolher uma imagem dos seus arquivos ou da biblioteca de imagens de stock, ou cole o link da sua imagem no campo Image URL (URL da imagem).
| Depois que sua imagem for inserida, você poderá ajustar a posição, repetição e tamanho conforme necessário: |
|
🌐 Cabeçalho
Ative a opção Show 'View in Browser' link (Mostrar link "Ver no navegador") para permitir que seus destinatários visualizem uma versão on-line de sua campanha de e-mail caso tenham algum problema ao exibi-la em seus clientes de e-mail. Um link View in browser (Ver no navegador) será adicionado automaticamente na parte superior do e-mail:
➡️ Para saber mais sobre o link de ver no navegador, confira nosso artigo dedicado Adicionar um link espelho aos seus e-mail (Ver no navegador).
🖍️ Estilos e configuração de texto
Você pode escolher a aparência do texto de cada estilo separadamente (parágrafos, títulos etc.). Selecione o estilo para o qual você quer definir uma família de fontes, o tamanho e a cor e selecione-os em suas respectivas listas suspensas:
| Na seção Text settings (Configurações de texto), você também pode 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) para todos os seus textos: |
➡️ Para saber mais sobre os blocos de conteúdo Title (Título) e Text (Texto) , consulte nosso artigo dedicado Sobre os blocos de conteúdo Title (Título) e Text (Texto).
🔗 Links
Na seção Links, defina o estilo padrão de todos os links do seu boletim informativo. Escolha a cor e o estilo (negrito, itálico, sublinhado):
🖱 Buttons (Botões)
Na seção Buttons (Botões), defina 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 dos seus botões, a largura, os cantos, a cor e o tamanho e a cor da borda:
➡️ Para saber mais sobre o bloco de conteúdo Button (Botão), consulte nossos artigos dedicados Insira chamadas para ação (CTA) eficazes em seus designs de e-mail (botão).
⏩ O que vem a seguir?
- Salve seções para reutilizá-las em seus designs de e-mail
- Otimize o design de seu e-mail para dispositivos móveis (otimizado para dispositivo móvel)
- Pré-visualize e teste sua campanha de e-mail
- Seção Editor de e-mail de arrastar e soltar
🤔 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 à agência parceira da Brevo certa.