Visualizar e editar o design da seção

Os modelos de e-mail e landing pages do Mailchimp são divididos em seções, ajudando a organizar seu conteúdo e direcionar o design. Ao definir a fontes, cores e outros estilos de uma seção, as alterações serão aplicadas a todos os blocos de conteúdo da seção.

Neste artigo, você aprenderá como acessar e editar as configurações de design para cada seção das suas landing pages e marketing por e-mail.

Acesse a guia Style (Estilo)

Para acessar a guia Style (Estilo) no Construtor de campanhas, siga estas etapas.

1. Na seção Content (Conteúdo) do Construtor de campanhas, clique em Edit Design (Editar design).
   
2. Na etapa Design, clique na guia Style (Estilo) na janela do editor.
   
3. Clique na seção que você deseja editar.
   
4. Defina suas preferências para a seção e clique em Save (Salvar).
   

Opções de design para seções

Ao acessar as opções de design de uma seção, você poderá personalizar vários tipos de elementos. Geralmente são cores de plano de fundo, tamanhos de fonte e estilo de link, mas algumas seções oferecem opções adicionais, como bordas e preenchimento.

As seções e opções de design disponíveis variam de acordo com o modelo. Para saber mais, veja Tipos de modelos de e-mail e Tipos de modelos de landing pages.

Nesta seção, falaremos dos elementos mais comuns disponíveis em cada tipo de seção.

Página

A área atrás do conteúdo do seu e-mail ou página de destino.

• Estilo de plano de fundo
  Escolha uma imagem ou cor de fundo, e defina sua borda e preenchimento. Se escolher uma imagem, também poderá editar o tamanho, posição, padrão de repetição e cor padrão.
• Borda do e-mail
  Adicione uma borda ao redor do conteúdo central.
• Cabeçalho 1-4
  Defina o estilo da fonte para os títulos. Os títulos podem ser aplicados ao texto em blocos de conteúdo. Para isso, basta selecionar o texto e escolher o estilo de título no menu suspenso Styles (Estilos), na barra de ferramentas de edição do bloco de conteúdo.
  

Pré-cabeçalho

A área que fica bem no alto do seu e-mail, que geralmente inclui uma sinopse sobre o conteúdo e um link para a página de campanha. Muitos clientes de e-mail, como o Gmail e o Yahoo, mostram o texto do pré-cabeçalho depois do texto de visualização da campanha e do assunto na caixa de entrada.

• Estilo do pré-cabeçalho
  Escolha uma imagem ou cor de fundo, e defina sua borda e preenchimento. Se escolher uma imagem, também poderá editar o tamanho, posição, padrão de repetição e cor padrão.
• Texto do pré-cabeçalho
  Defina a cor, fonte, o tamanho da fonte, a altura da linha e o alinhamento do texto.
• Link do pré-cabeçalho
  Mude a cor e o estilo do link.

Cabeçalho

A imagem principal e o texto na parte superior do e-mail ou página de destino. Geralmente é a primeira coisa que o destinatário ou visitante da página vê.

• Estilo do cabeçalho
  Escolha uma imagem ou cor de fundo, e defina sua borda e preenchimento. Se escolher uma imagem, também poderá editar o tamanho, posição, padrão de repetição e cor padrão.
• Texto do cabeçalho
  Defina a cor, fonte, o tamanho da fonte, a altura da linha e o alinhamento do texto.
• Link do cabeçalho
  Mude a cor e o estilo do link.

Corpo

É o conteúdo principal do seu e-mail ou página de destino. Insira um bom equilíbrio de texto e imagens para envolver os destinatários ou visitantes.

• Estilo do corpo
  Escolha uma imagem ou cor de fundo, e defina sua borda e preenchimento. Se escolher uma imagem, também poderá editar o tamanho, posição, padrão de repetição e cor padrão.
• Corpo do texto
  Defina a cor, fonte, o tamanho da fonte, a altura da linha e o alinhamento do texto.
• Link do corpo
  Mude a cor e o estilo do link.

Colunas

O conteúdo aparece em duas ou três colunas em vez de uma. Se o modelo também incluir uma seção Body (Corpo), as informações menos importantes geralmente serão colocadas nas colunas. Esta opção está disponível somente para modelos com mais de uma coluna.

• Estilo da coluna
  Escolha uma imagem ou cor de fundo, e defina sua borda e preenchimento. Se escolher uma imagem, também poderá editar o tamanho, posição, padrão de repetição e cor padrão.
• Texto da coluna
  Altere a cor, fonte, tamanho da fonte, altura da linha e alinhamento de uma ou mais colunas.
• Link da coluna
  Altere a cor e o estilo do link de uma ou mais colunas.

Rodapé

O conteúdo na parte inferior do seu e-mail ou página de destino. Esta seção é muito usada para exibir marcas comerciais e cláusulas.

• Estilo do rodapé
  Escolha uma imagem ou cor de fundo, e defina sua borda e preenchimento. Se escolher uma imagem, também poderá editar o tamanho, posição, padrão de repetição e cor padrão.
• Texto do rodapé
  Altere a cor, fonte, tamanho da fonte, altura da linha e alinhamento do texto.
• Link do rodapé
  Mude a cor e o estilo do link.

Estilos em versão móvel

Altere a aparência do seu e-mail ou página de destino em dispositivos móveis. Use o recurso de Preview (Visualização) e avalie a aparência do design em dispositivos móveis para confirmar sua legibilidade.

• Cabeçalho 1-4
  Altere o tamanho da fonte e a altura da linha definida para os títulos em dispositivos móveis.
• Texto em caixa
  Altere o tamanho da fonte e a altura da linha para blocos de conteúdo de texto em caixa e cartão de imagem em dispositivos móveis.
• Visibilidade do pré-cabeçalho
  Se seu conteúdo tiver um pré-cabeçalho, escolha se o pré-cabeçalho deve ser exibido ou ocultado em dispositivos móveis. Nesses dispositivos, o pré-cabeçalho é empilhado, ou seja, o texto do lado esquerdo do pré-cabeçalho aparece acima do texto do lado direito.

Você também tem a opção de alterar o tamanho da fonte e a altura da linha para cada seção. Esses estilos são aplicados apenas quando visualizados em um dispositivo móvel.

Programa de indicação

Se você tem um plano gratuito ou é um usuário pago e quer usar o nosso selo de indicação em seu e-mail por marketing, escolha a cor e o estilo do logotipo aqui. Os usuários pagos podem ativar ou desativar o selo no menu suspenso do Selo Rewards.

Barra de notificações

Se estiver ativada, a seção Barra de notificações aparece quando alguém visita sua página de destino pela primeira vez. Este é um bom lugar para notificar seus usuários caso esteja usando ferramentas de rastreamento como Track with Mailchimp, Meta Pixel (anteriormente Pixel do Facebook) ou Google Analytics.

• Ativar alternância de notificações
  Ative a barra de notificações que aparece na parte superior da sua página de destino.

Selo do Mailchimp

O Selo do Mailchimp encontra-se na parte inferior da sua página de destino. Ele contém o logotipo do Mailchimp e um link para denunciar abuso. Embora seja obrigatório usar esse selo em planos gratuitos, ele pode ser removido em planos pagos.

• Ativar alternância do Selo do Mailchimp
  Desative o selo que aparece na parte inferior da sua página de destino.
• Estilo
  Altere a aparência do selo de privacidade.