Elemento de campo de e-mail

Sobre o elemento de campo de e-mail

O elemento Campo de e-mail é um campo de formulário projetado para coletar endereços de e-mail válidos dos usuários.

Por que coletar e-mails de clientes?

• Aumente sua lista de e-mails diretamente da sua loja para alcançar mais clientes em potencial.
• Construa relacionamentos mais fortes com os clientes por meio de marketing por e-mail de acompanhamento.
• Use e-mails coletados para promoções, atualizações de produtos e recuperação de carrinho abandonado.

Para usar o elemento de campo de e-mail, arraste e solte-o no formulário Contato/Newsletter. Consulte o artigo: Como criar um formulário de contato para um melhor entendimento.

Configurar a guia Configurações

Sob o Guia Configurações, você pode ajustar as seguintes seções:

Estilo de texto

Defina o texto de espaço reservado que aparece dentro do campo. 

• Marcador de posição: Oriente os usuários sobre que tipo de entrada é esperada, como “Digite seu e-mail".
• Estilos: Escolha o estilo de texto de Título 1-6 or Parágrafo 1-3 como o estilo global. 
• fonte: Selecione um estilo de fonte que corresponda à identidade da sua marca.
• Dimensões:: Ajuste o tamanho da fonte para deixar o texto em destaque.
• Peso da fonte: Controle a espessura do texto.
• Altura da linha: Ajuste o espaço entre as linhas para melhor legibilidade.
• Espaçamento entre Letras: Crie uma aparência mais moderna ou compacta alterando o espaço entre as letras.
• Transformar: Converta o texto para maiúsculas, minúsculas ou coloque a primeira letra de cada palavra em maiúscula.

Dimensões:

Ajuste o tamanho do elemento Campo de e-mail para ajustá-lo ao design do seu formulário. 

• Largura: Personalize a largura do campo de e-mail. Você pode configurá-lo para se ajustar perfeitamente ao layout do seu formulário ou aumentá-lo para melhor legibilidade.
• Acolchoamento: Defina o espaçamento interno dentro do botão.

Configuração

• Se o Obrigatório = Sim, o campo E-mail será obrigatório para evitar envios incompletos. Caso contrário, os usuários podem enviar o formulário ignorando este campo.
• Ocultar no cliente: Defina para Sim se você não quiser que o campo apareça para os usuários na página ativa. Isso é útil para campos que você só precisa internamente ou planeja usar mais tarde.

Alinhar

Alinhe sua área de texto com esquerda, centro, ou certo. No entanto, se a largura for definida como 100% ou mais, o alinhamento horizontal será desabilitado.

Configurar a guia Avançado

Para uma personalização mais avançada, navegue até o Guia Avançado e siga as instruções em Este artigo.

Perguntas frequentes sobre o elemento de campo de e-mail

1. Posso usar o campo de e-mail para coletar e-mails para boletins informativos?

Sim. O campo E-mail foi criado para coleta confiável de e-mails em formulários de Newsletter ou Contato. Basta adicioná-lo ao seu formulário e marcá-lo como "Obrigatório" para coletar endereços de e-mail válidos.

2. Como posso garantir um melhor desempenho na coleta de e-mails?

Use um texto de espaço reservado claro (por exemplo, “Digite seu e-mail”), defina o campo como “Exigido” e coloque seu formulário em uma área visível, como acima da dobra ou no final de uma postagem de blog, para maximizar os envios.

3. O campo de e-mail se integra aos aplicativos de marketing por e-mail?

Sim. Você pode conectar o Campo de E-mail a aplicativos de terceiros, como o Klaviyo, por meio de integrações com o GemPages, facilitando a sincronização de e-mails coletados para suas campanhas.

4. Como adiciono um bloco de conteúdo de inscrição de e-mail à minha página?

Para criar um bloco de inscrição de e-mail, basta arrastar e soltar o Formulário de boletim informativo elemento na sua página e, em seguida, insira o Campo de e-mail dentro dele. Esta configuração funciona como um bloco de conteúdo para inscrição de e-mail, permitindo que os clientes assinem atualizações ou promoções da sua loja.

5. Como posso alterar a cor do texto no campo de e-mail?

• Identifique e copie o classe do seu elemento Campo de e-mail do modelo.

• Adicione o seguinte CSS personalizado, substituindo .gXqhVdGkms com a classe real do seu elemento. Você também pode substituir o preto com qualquer cor de sua escolha:

.gXqhVdGkms entrada { cor: preto; }