Elemento de formulário de contato

Sobre o formulário de contato 

A Formulário de Contato serve como um formulário baseado na web que permite que os donos de lojas coletem informações de seus clientes. Esses formulários não apenas facilitam as consultas dos clientes, mas também desempenham um papel crucial no marketing, atraindo leads em potencial e expandindo a base de clientes.

Comparado à versão 6, o elemento de formulário de contato na versão 7 permanece relativamente inalterado. Este artigo guiará você pelo processo de configuração e fornecerá insights sobre os elementos filhos incluídos.

Adicione o Formulário de Contato à sua página

O processo de Formulário de Contato é um elemento flexível e pode ser usado em qualquer página seguindo os passos abaixo:

Etapa 1: Acesse o Painel GemPages e selecione uma página para edição ou crie uma nova.

Etapa 2:Na barra lateral esquerda, localize o Formulário de Contato elemento e adicione-o ao seu local preferido na página.

O elemento Formulário de Contato está totalmente equipado com todos os componentes necessários para operar como um formulário de coleta de informações do cliente. Não são necessários ajustes para que ele funcione na sua página ativa. 

No entanto, se você deseja melhorar o design do formulário, o GemPages fornece vários elementos filho adaptáveis.

Elementos filhos

O processo de Formulário de Contato vem com vários elementos filhos. Esses elementos filhos devem ser colocados dentro do Formulário de Contato para funcionar corretamente. Abaixo está a lista dos Formulário de Contato elementos filho:

• Bloco de texto: Use este elemento para adicionar conteúdo estático, como rótulos, instruções ou notas, ao seu formulário.
• Campo de texto: Prover um espaço para os clientes inserirem qualquer tipo de informação.
• Campo de e-mail: Permitir que os clientes insiram seus endereços de e-mail.
• Área de texto: Funciona de forma semelhante ao campo de texto, mas oferece uma área de entrada mais ampla.
• Botão Enviar: Este botão é crucial para que os clientes cliquem para enviar o formulário.

O processo de Campo Email e Botão de envio são componentes essenciais que devem ser incluídos em um Formulário de Contato para operar corretamente. 

Se você pretende usar esses elementos dentro de um Módulo de Produto, é aconselhável usar o Campo personalizado do produto elemento.

Configurar a guia Configurações

Mensagem

Nesta seção, você insere a mensagem exibida quando os usuários enviam o formulário com sucesso e uma para casos de erro. Você também pode alterar a cor de cada mensagem. 

Por padrão, as mensagens seriam exibidas como:

• SUCESSO: Obrigado por entrar em contato conosco. Entraremos em contato o mais breve possível.
• Erro: Não é possível enviar o e-mail. Tente novamente mais tarde.

Dimensões:

Nesta seção, você pode ajustar a largura e o preenchimento do seu formulário de contato conforme preferir.

Por exemplo, definimos o espaçamento inferior como 100.

Contexto

Defina a cor de fundo do elemento como gradiente ou sólida. 

• Você pode escolher entre cores recentes lista ou a “sugerido para você” lista para configuração rápida. 
• Caso contrário, digite o código de cores, selecione na amostra de cores, ou use o seletor de cores para escolher uma cor de qualquer parte da sua página.
• Ajusta a intensidade da cor inserindo um número na caixa ao lado do código de cor para melhor visualização.

Observe que a cor de fundo será definida apenas para o elemento filho do bloco de texto.

Shape

Para personalizar a forma do elemento, role para baixo até Shape seção. A partir daqui, você pode adicione uma borda, ajuste o raio do canto e adicione um efeito de sombra para melhorar a hierarquia visual do formulário de contato.

• Fronteira: Altere a cor e a espessura e selecione o traço para a borda.

• Canto: Ajuste o raio do canto da borda do elemento. Quanto maior o raio do canto, mais arredondados os cantos parecerão.

• Sombra: Adicione profundidade e ênfase aplicando uma sombra externa. Você pode escolher entre diferentes tipos de sombra e ajustar a cor para combinar com seu design.

Ação após o envio

Ação: Determine se você prefere guiar os usuários para uma página de destino designada ou mantê-los na página atual após a conclusão do envio do formulário, incluindo:

• Permanecer na página: Nenhuma ação após o envio
• Abrir página: Após o envio com sucesso, os usuários serão redirecionados para outra página
• Role até: Vá até uma seção de destino na sua página
• Enviar email: Um e-mail será enviado automaticamente assim que os usuários enviarem o formulário
• Fazer ligação telefônica: Faça uma chamada telefônica depois que os usuários clicarem Aceitar

Por exemplo, se você decidir enviar os clientes para outra página, selecione “Página aberta” da lista suspensa.

Em seguida, clique no campo “Adicionar…” ao lado do Página/link para abrir o painel de páginas, onde você pode inserir um link de destino ou escolher entre as opções disponíveis na lista.

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.

Acesse seus envios de formulário

Todos os envios de formulários preenchidos serão encaminhados para sua caixa de entrada de e-mail. Dependendo do seu provedor de serviços de e-mail, você também pode querer verificar o Junk or Spam pasta para quaisquer e-mails perdidos.

Para localizar ou modificar o endereço de e-mail de destino no Shopify, siga estas etapas:

• Navegue para o seu Administrador do Shopify e então prossiga para Configurações> Notificações. 
• Se desejar atualizar o endereço de e-mail, basta inserir o novo e-mail no campo designado “E-mail do remetente” campo.
• Clique no "Salvar" botão para confirmar as alterações.

Ativar/desativar o Google ReCAPTCHA

Como uma tecnologia de proteção contra spam, o Google reCAPTCHA é ativado por padrão para todas as lojas Shopify. Isso significa que os clientes terão que concluir um teste reCAPTCHA toda vez que quiserem enviar um formulário.

Se desejar, você pode desativar esta política de segurança para tornar o preenchimento de formulários mais rápido para seus clientes.

Dirija-se Administrador do Shopify > Loja Online > Preferencias, desmarque as duas opções em Proteção contra SPAM seção, então clique em “Economize".