Skip to content

Configurações de estilo de e-mail global

Com as configurações de estilo global, você pode personalizar a aparência de suas campanhas de e-mail e canvas. Você pode adicionar e personalizar um tema padrão para o seu editor de arrastar e soltar. Isso inclui editar seus estilos para títulos de e-mail, texto, botões e mais. Usar uma combinação dessas configurações pode ajudar a criar uma aparência consistente em seu envio de mensagens de e-mail.

Para editar suas configurações de estilo global, acessar Configurações > Preferências de e-mail > Preferências de e-mail de arrastar e soltar. Depois de editar os estilos no editor de e-mail do tipo arrastar e soltar, selecione Salvar. Para personalizar ainda mais suas campanhas de e-mail e Canvases, veja como incorporar blocos do editor de arrastar e soltar.

Seção Configurações de estilo global de e-mail na guia Configurações do editor de arrastar e soltar do editor de e-mail.

Estilização básica

Para Estilo Básico, você pode definir as cores de fundo padrão do seu e-mail e conteúdo para suas campanhas de e-mail e canvas. Você também pode selecionar uma fonte padrão, adicionar uma fonte personalizada e editar as cores dos links.

Opções básicas de estilo que incluem opções para editar o e-mail e as cores de fundo do conteúdo, o nome da fonte padrão e a cor padrão do link.

Fonte personalizada

Com fontes personalizadas, você pode adicionar manualmente uma fonte da web para consistência de marca em várias plataformas de e-mail. É possível adicionar uma fonte personalizada para cada seção de estilo.

Solicitações

Antes de adicionar uma fonte personalizada, verifique se o arquivo de fonte personalizada atende aos seguintes requisitos:

  • CORS deve ser habilitado no servidor que fornece o arquivo de fonte personalizada. Isso geralmente é gerenciado pela sua equipe de TI.
    • O arquivo de fonte personalizado deve ter o cabeçalho: Access-Control-Allow-Origin: *
  • O URL do arquivo deve apontar para um arquivo CSS (não WOFF ou OTF).
  • O nome da fonte personalizada deve corresponder ao nome da face da fonte no arquivo CSS.

Note que o provedor de fontes personalizadas pode coletar dados pessoais de seus destinatários. Você deve revisar as políticas do seu provedor de fontes antes de usar.

Adição de uma fonte personalizada

Para adicionar uma fonte personalizada, faça o seguinte:

  1. Na seção Default Font Name (Nome da fonte padrão ) de Basic Styling (Estilo básico), selecione Add a custom font (Adicionar uma fonte personalizada).
  2. Para o campo Nome da Fonte, insira o mesmo nome da fonte que aparece no seu arquivo de fonte personalizado. Certifique-se de que esse nome esteja em letras maiúsculas e com espaçamento correto.
  3. Digite a URL correspondente para o campo URL da Fonte.
  4. Verifique se a prévia mostra sua fonte personalizada.
  5. Selecione Salvar para usar a fonte personalizada como a fonte padrão de seu e-mail.

Para usar outras fontes personalizadas em suas campanhas de e-mail, é possível criar um modelo de e-mail ou blocos de conteúdo que incluam a fonte personalizada. Por exemplo, você pode criar um modelo específico de e-mail projetado com fontes personalizadas e festivas, adaptadas ao tema de sua venda. Certifique-se de verificar se a sua escolha de fonte ainda é segura para a web e suportada nas suas plataformas de e-mail.

fonte de fallback

Fontes fallback são usadas para o título, cabeçalho e texto do corpo quando sua escolha de fonte padrão não é suportada pelo provedor de caixa de entrada ou sistema operacional. Por padrão, a Braze define automaticamente Arial como fonte de fallback quando as configurações de estilo global são salvas. Você também tem a opção de adicionar serif ou sans serif como opções para sua família de fontes padrão.

Um exemplo de "Arial" como fonte de fallback com "Sans-serif" como família de fontes.

Você pode adicionar até 17 fallback fontes. A primeira fonte de fallback selecionada será a primeira tentativa. A fonte de fallback será aplicada apenas para novos modelos criados, campanhas de e-mail e componentes do canva. A fonte de fallback não é configurada automaticamente para mensagens que foram criadas antes que a fonte de fallback fosse especificada. Recomendamos fortemente selecionar fontes fallback que sejam semelhantes ao envio de mensagens de e-mail para manter a consistência da sua marca.

Estilização de título

Aqui, você pode ajustar os estilos dos títulos do seu e-mail editando o tamanho da fonte, a cor da fonte e o alinhamento do texto.

Título Configurações de estilo para um cabeçalho principal e um cabeçalho secundário alinhados ao centro.

Opcionalmente, você pode substituir o estilo padrão do tema do seu editor de arrastar e soltar. Selecione Override default style (Substituir estilo padrão ) para aplicar o estilo de título de sua escolha. Isso pode incluir a definição de uma fonte e cor de link diferentes.

Estilo de parágrafo

Para definir um estilo de parágrafo padrão, acessar o Estilo de Parágrafo, insira o Tamanho da Fonte e selecione Cor da Fonte para escolher uma cor de fonte. Você também pode ajustar o estilo do bloco para o texto do corpo editando os valores de Espaçamento Superior, Espaçamento Direito, Espaçamento Inferior e Espaçamento Esquerdo. Isso se aplicará ao espaçamento em todas as quatro áreas ao redor do bloco de parágrafo.

Configurações de estilo de parágrafo para texto com fonte 14pt.

Estilização de lista

Ao adicionar listas ao seu envio de mensagens, a seção Estilo de Lista cria consistência em como suas listas são estilizadas. Isso inclui detalhes como:

  • Tamanho da fonte
  • Cor da fonte
  • Peso da fonte
  • Altura da linha
  • Alinhamento
  • Direção do texto
  • Espaçamento entre as letras
  • Espaçamento entre itens da lista
  • Recuo do item da lista
  • Tipo de lista
  • Tipo de estilo de lista

Você pode definir o Tipo de Lista como numerado ou com marcadores. O Tipo de Estilo de Lista fornece personalização adicional para o estilo de suas listas. Por exemplo, você pode definir os tipos de lista para serem sempre com marcadores e para cada marcador ser um quadrado.

Configurações de estilo de lista para uma lista com marcadores.

Estilização de botões

Na seção Estilo do Botão, você pode editar os seguintes estilos padrão para o botão:

  • Cor de fundo
  • Tamanho da fonte
  • Cor da fonte
  • Raio da borda
  • Cor da borda
  • Peso da borda
  • Preenchimento do botão

Configurações de estilo de botão para um botão retangular com fundo azul.

Como em todas as outras seções de estilo, você pode ajustar o estilo do bloco editando os valores de Espaçamento Superior, Espaçamento Direito, Espaçamento Inferior e Espaçamento Esquerdo.

Largura do modelo de e-mail

Usando a largura do modelo de e-mail, você pode ajustar e definir uma largura para consistência em suas campanhas de e-mail.

Largura do modelo de e-mail definida como 600px.

Largura do bloco de conteúdo

Essa configuração será a pré-configurada para todos os blocos de conteúdo futuros. Os blocos de conteúdo existentes não serão atualizados. Você pode definir que todos os blocos de conteúdo sejam definidos em 100%, aderindo à largura em que um bloco de conteúdo é inserido, ou definir um valor de pixel específico.

Recomendamos combinar a largura do bloco de conteúdo com a largura do modelo de e-mail.

Largura do bloco de conteúdo definida como 600px.

New Stuff!