Adicionar um formulário de contato é fundamental para facilitar a comunicação com os visitantes do seu site.
Com ele, você pode receber mensagens diretamente no e-mail configurado, organizar solicitações e manter um canal ativo de atendimento.
Abaixo, clique na plataforma que utilizou para criar o seu site e confira como fazer:
- Novo Criador de Sites com IA
- Criador de Sites Rápido (Descontinuado)
Dica: Se precisar de ajuda, pode me chamar, sou o Gator, a Inteligência Artificial da HostGator. É só entrar no Portal do Cliente, estou no topo da página te esperando
Se preferir, confira o vídeo com as orientações ou siga para o passo a passo abaixo:
Novo Criador de Sites com IA
Siga as etapas abaixo e confira como:
- Etapa 1: Adicionar o formulário no site
- Etapa 2: Editar e personalizar
- Etapa 3: Integrar com o e-mail
Etapa 1: Adicionar o formulário no site
Existem duas formas de adicionar um formulário:
Opção 1: Como um elemento
1No Editor do Criador de Sites com IA, na barra lateral, clique no ícone + (Adicionar Elementos)
2Em “Adicionar elementos”, no campo de pesquisa, digite Formulário - Se digitar sem acento, não é exibido resultado
3No elemento “Formulário”, clique, arraste e solte na parte da página que deseja adicionar
4Agora, confira a etapa 2 para editar e personalizar
Opção 2: Como um bloco
1No Editor do Criador de Sites com IA, entre as seções existentes do site que deseja adicionar o bloco do formulário, clique no ícone +
2Na tela “Blocos”, escolha como deseja inserir o formulário:
- A) Criar um do zero - para adicionar um bloco vazio e montar o formulário manualmente, clique em Crie seu próprio
- B) A partir de um modelo - no menu lateral, clique em Contact (Contato) e escolha o modelo que deseja - Você será direcionado para a página e pode fazer as edições necessárias
3Agora, confira a etapa 2 para editar e personalizar
Etapa 2: Editar e personalizar
1No formulário adicionado, clique sobre ele
2Na barra de ferramentas que abrir, clique no primeiro ícone (Campo)
3Na aba “Campo”, preencha as informações:
- Tipo - escolha a opção que corresponde com o campo: Texto, e-mail, número, parágrafo - Por exemplo: se o campo é "E-mail", selecione E-mail
- Valor padrão - para adicionar uma informação que será preenchida automaticamente como resposta (quando o visitante acessar, esse texto já estará dentro do campo) - Por exemplo: No campo “E-mail”, o valor padrão poderia ser contato@seudominio.com.br
-
Seleção múltipla (dependendo do tipo de campo, terá essa configuração) - escolha se o usuário pode escolher:
- Apenas uma opção - para ser sem seleção múltipla, mantenha “Desativado” - Na cor “Cinza”
- Várias opções ao mesmo tempo - com seleção múltipla, ative o botão - Será exibido na cor “Azul”
- Necessário - ative se quiser que o preenchimento seja obrigatório.
4Para adicionar ao formulário o título que identifica o campo que deve ser preenchido, prossiga da seguinte forma:
- A) Clique na aba Avançado
- B) Em seguida, ative a opção Rótulo
- C) No formulário, edite as informações
5Para personalizar cores, texto, posição e outras opções, use os demais recursos do menu
6Agora, confira abaixo a etapa 3 de integração com o e-mail
Etapa 3: Integrar com o e-mail
Para que toda submissão do formulário seja enviada para o e-mail configurado, siga os passos abaixo:
1No formulário adicionado no site, clique no botão - Que representa o envio do formulário
2Em seguida, clique no ícone de integrações
3Na tela que abrir, em “E-mail”, clique em Notificação por e-mail
4Na tela de configuração do e-mail, preencha as informações para definir quem vai receber as mensagens e como elas serão identificadas:
- A) E-mail para (obrigatório) - informe o endereço de e-mail que vai receber as mensagens enviadas pelo formulário - Use um e-mail válido e ativo
- B) Assunto - defina o título do e-mail que você vai receber - Para ajudar a identificar e organizar sua caixa de entrada
- C) Do nome - informe o nome que irá aparecer como remetente do e-mail – Para ajudar a identificar de onde veio a mensagem - Por exemplo: Formulário de contato do site
5Para concluir, clique em Continuar e em seguida em Feito
6Para salvar todas as configurações, clique em Atualizar
Pronto! O formulário está configurado.
Confira como ele é exibido no site e faça um teste de envio para confirmar o funcionamento das configurações feitas.
Criador de Sites Rápido (Descontinuado)
O Construtor de Sites Rápido foi descontinuado e não recebe mais atualizações.
Você ainda pode utilizá-lo, mas ele não terá novos recursos.
Caso queira criar um novo site ou mudar o atual, recomendamos utilizar o Novo Criador de Sites com IA (Inteligência Artificial) - Confira como recriar seu site no Novo Criador de Sites com IA
Confira abaixo como criar e configurar:
1No editor do Criador de Sites, selecione a página que deseja inserir o formulário de contato e entre as seções que irá adicioná-lo, clique no ícone + - Se necessário, confira como acessar o painel
2Em seguida, no menu lateral esquerdo, na lista de seções, clique em Contato
3Na lista com as opções, clique no modelo que deseja utilizar
4Passe o mouse sobre o formulário e clique no ícone de engrenagem (ajustes)
5Na tela que abrir, na primeira aba “Campos de formulário”, edite os campos e habilite todos os itens que desejar exibir no formulário
6Na segunda aba, em “Endereço do Formulário”, defina o endereço de e-mail que irá que receber todos as mensagens vindas pelo formulário
7Na terceira aba, em “Mensagem de sucesso”, você pode editar o título e a mensagem que é enviada automaticamente aos usuários quando eles enviarem um formulário
8Na quarta aba, em “Mensagem de permissão”, caso deseje, adicione uma mensagem personalizada sobre a autorização do envio de mensagens para os usuários
9Para concluir todas as etapas, clique em Salvar
10Para salvar as alterações feitas no site, no menu superior, clique em Salvar e em seguida Publicar
Veja o vídeo do procedimento: