Configurações de aparência do editor de e-mails Stripo

Published: 22 de outubro de 2024 · Last updated: 21 de julho de 2026 · By Marcus Biel

A Aba Aparência permite controlar o estilo global do seu e-mail, como fontes, cores de fundo, estilos de botões e formatação específica para dispositivos móveis. Isso garante consistência e adaptabilidade em diferentes dispositivos e clientes de e-mail.

Abaixo, apresentamos uma explicação detalhada de cada seção da Aba Aparência.

---

1. Configurações gerais

Personalize a aparência geral e o alinhamento do seu e-mail. Essas configurações são aplicadas globalmente a todas as seções.

• Alinhamento da mensagem: Alinhe o conteúdo do e-mail à Esquerda, ao Centro ou à Direita.
• Preenchimento padrão: Defina um espaçamento uniforme ao redor de novas estruturas ou ajuste o preenchimento de cada lado (Superior, Direito, Inferior, Esquerdo) individualmente.
• Cor de fundo geral: Defina a cor de fundo do e-mail usando um código hexadecimal ou o seletor de cores.
• Fonte: Escolha entre fontes padrão, como Arial e Helvetica, ou fontes decorativas, como Roboto e Lato.
• Espaçamento entre linhas: Ajuste o espaçamento entre as linhas usando quatro opções predefinidas.
• Espaço inferior dos parágrafos: Ative ou desative o espaçamento entre parágrafos.
• Sublinhar links: Sublinha automaticamente todos os links do seu e-mail (ativar/desativar).
• Design responsivo: Ative para garantir que seu e-mail se adapte a diferentes tamanhos de tela, especialmente em dispositivos móveis.
• Direção do texto RTL: Ative para idiomas como árabe ou hebraico.
• Imagem de fundo: Adicione uma imagem de fundo, com a opção de vinculá-la. Arraste e solte para carregar imagens.

---

2. Faixas

As faixas representam grandes seções estruturais do seu e-mail (por exemplo, Cabeçalho, Conteúdo, Rodapé e Área de informações). Cada faixa pode ser estilizada independentemente.

Faixa do cabeçalho

• Tamanho do texto: Personalize o tamanho do texto do cabeçalho (8–72).
• Cor de fundo: Defina uma cor de fundo sólida ou deixe-a transparente.
• Cor de fundo do conteúdo: Ajuste a cor de fundo dentro da seção do cabeçalho.
• Cor da fonte: Defina a cor do texto.
• Cor dos links: Defina a cor dos links de navegação ou de outros links do cabeçalho.
• Imagem de fundo: Adicione uma imagem de fundo opcional.

Faixa de conteúdo

O corpo principal do seu e-mail, destinado a textos, imagens e elementos interativos.

• Tamanho do texto: Ajuste o tamanho do texto do conteúdo (8–72).
• Cor de fundo do conteúdo: Defina a cor de fundo da área de conteúdo principal.
• Cor da fonte: Defina a cor padrão do texto.
• Cor dos links: Personalize a cor dos links.

Faixa do rodapé

Normalmente usada para dados de contato, informações legais ou links para redes sociais.

• Tamanho do texto: Defina o tamanho do texto (8–72).
• Cor de fundo: Escolha um fundo sólido ou deixe-o transparente.
• Cor de fundo do conteúdo: Defina o fundo interno do rodapé.
• Cor da fonte: Defina a cor da fonte.
• Cor dos links: Personalize a cor dos links do rodapé.
• Imagem de fundo: Opcionalmente, adicione uma imagem com um link clicável.

Faixa da área de informações

Usada para avisos, informações legais ou informações adicionais.

• Tamanho do texto: Defina o tamanho da fonte (8–72).
• Cor da fonte: Defina a cor da fonte.
• Cor dos links: Ajuste as cores dos links nesta faixa.

---

3. Títulos

Defina o estilo visual dos títulos (H1, H2, H3) para criar hierarquia e estrutura no seu e-mail.

• Fonte: Escolha uma fonte para os títulos.
• Espaçamento entre linhas: Ajuste o espaçamento entre as linhas para facilitar a leitura.
• Tamanho dos títulos: Personalize o tamanho dos títulos H1, H2 e H3 (8–72).
• Estilo do texto: Aplique os estilos Negrito ou Itálico.
• Cor da fonte: Defina uma cor exclusiva para cada tipo de título.

---

4. Botão

Crie o design dos botões do seu e-mail para aumentar o engajamento.

• Suporte ao Outlook: Ative para garantir a renderização correta no Microsoft Outlook usando código VML (pode aumentar o tamanho do e-mail).
• Cor do botão: Defina a cor padrão dos botões.
• Destacar botões ao passar o cursor: Ative ou desative um efeito de cor ao passar o cursor.
  • Cor ao passar o cursor: Escolha a cor exibida ao passar o cursor.
• Cor da fonte: Defina a cor do texto dos botões.
• Estilo do texto:
  • Fonte: Selecione uma fonte para o texto dos botões.
  • Tamanho da fonte: Ajuste o tamanho do texto (8–72).
  • Estilo: Aplique os estilos de texto Negrito ou Itálico.
• Raio da borda: Arredonde os cantos dos botões (0–100).
• Bordas:
  • Tipo: Escolha bordas sólidas, tracejadas ou pontilhadas.
  • Cor: Defina as cores das bordas.
• Preenchimento: Ajuste o preenchimento interno dos botões (Superior, Direito, Inferior, Esquerdo).

---

5. Formatação para dispositivos móveis

Garanta que seu e-mail tenha uma boa aparência em dispositivos móveis com configurações específicas para esses dispositivos.

• Tamanhos do texto do cabeçalho, conteúdo, rodapé e área de informações: Personalize os tamanhos do texto de cada seção em dispositivos móveis.
• Tamanho da fonte dos itens do menu: Ajuste o tamanho da fonte dos itens do menu de navegação.
• Tamanhos dos títulos: Defina os tamanhos de H1, H2 e H3 na visualização para dispositivos móveis.
• Alinhamento dos títulos: Alinhe os títulos à Esquerda, ao Centro ou à Direita.
• Tamanho do texto dos botões: Personalize o tamanho do texto dos botões em dispositivos móveis.
• Botões em largura total: Ative para que os botões ocupem toda a largura da tela.
• Preenchimento superior e inferior: Ajuste o preenchimento para melhorar a aparência em dispositivos móveis.
• Margem do conteúdo: Ajuste a margem ao redor do conteúdo em dispositivos móveis (0–100).

---

Observações finais

• Testes: Sempre teste seu e-mail em diferentes dispositivos e clientes de e-mail para garantir a consistência.
• Acessibilidade: Use fontes acessíveis, uma estrutura adequada de títulos e textos alternativos para imagens para garantir a inclusão.
• Otimização: Minimize o tamanho dos arquivos para acelerar o carregamento e melhorar o desempenho, especialmente para usuários de dispositivos móveis.