Este guia mostra como inserir um formulário de contato no site do Website Builder.
- Passo 1 - Arraste o componente Formulário de contato para a área de trabalho
- Passo 2 - Definir endereço de e-mail do formulário
- Passo 3 - Edite o formulário de contato
- Passo 4 - Clique em Editar campos
- Passo 5 - Clique em Adicionar
- Passo 6 - Selecione um tipo de campo
- Passo 7 - Edite as configurações de campo
- Passo 8 - Clique em (Estilo) Style para as definições do formulário de contacto
- Passo 9 - Ajuste o estilo para o formulário de contacto
- Passo 10 - Clique na mensagem (Êxito) Success para as definições do formulário de contacto
- Passo 11 - Insira uma mensagem de sucesso
- Passo 12 - Habilitar captcha
- Passo 13 - Ajuste o tamanho e o posicionamento do formulário de contato
Não tem acesso ao Website Builder? Você pode experimentá-lo gratuitamente por 14 dias e criar um site rapidamente. Comece seu teste gratuito agora
Passo 1 - Arraste o componente de Formulário de Contacto para o espaço de trabalho
- No editor do Website Builder, vá até a seção do seu site onde deseja colocar o formulário de contato.
- Clique em Contato no menu do componente no lado esquerdo do seu editor.
- Clique e arraste o componente Formulário de contato para sua área de trabalho e coloque-o onde deseja que o formulário fique.
Nota: Só pode ter um formulário de contacto por página, pelo que, se o componente estiver assinalado a cinzento, isso significa que já tem um formulário de contacto na página selecionada.
Passo 2 - Definir endereço de e-mail do formulário
- Selecione o endereço de e-mail para o qual o formulário deve ser enviado. Você pode escolher um endereço existente ou criar um novo. Observe que ele precisa ser feito no seu domínio. Portanto, se, por exemplo, você tiver o domínio one-example.com, ele precisará ser um endereço @one-example.com. Se estiver usando um provedor de e-mail externo, você ainda precisará criar a conta de e-mail conosco no painel de controle.
- Insira um assunto para os e-mails para que você possa reconhecê-los em sua caixa de entrada.
- Clique em Salvar para continuar.
Se você quiser alterar o endereço de e-mail posteriormente, clique no formulário de contato e selecione Editar formulário de contato -> Configurações de e-mail.
Dica: Configure um filtro de e-mail para mover todos os e-mails do formulário de contato para uma pasta específica em sua conta de e-mail.
Passo 3 - Edite o formulário de contato
Por defeito um formulário de contacto terá um ícone de Enviar e três campos: Nome, E-mail e Mensagem.
Clique em Editar formulário de contato para adicionar ou editar campos.
Passo 4 - Clique em Editar campos
Clique em Editar campos para alterar as configurações de campo padrão.
Dica: você pode alterar o texto do botão padrão para algo de sua escolha. Basta clicar no campo de texto do botão e começar a digitar.
Passo 5 - Clique em Adicionar
Aqui você pode editar as configurações dos campos de formulário existentes e excluir e adicionar novos campos com opções diferentes. Você pode adicionar quantos campos desejar clicando no botão Adicionarno canto superior direito.
Neste guia, incluímos uma checkbox para os seus visitantes se inscreverem para newsletters, mas pode adicionar o que quiser.
Passo 6 – Selecione um tipo de campo
Pode adicionar vários tipos de campos ao seu formulário de contacto. Neste guia, adicionámos caixas de verificação.
Selecione o campo que deseja adicionar e clique em Concluído.
Passo 7 - Edite as configurações de campo
Cada tipo de campo possui configurações diferentes que você pode ajustar.
- Clique no ícone de lápis próximo ao campo.
- Insira um título para o campo. Ele ficará visível para seus visitantes.
- Dependendo do tipo de campo, você pode ter diversas opções. Clique na opção para editar a descrição, clique no ícone da lixeira no final para removê-la ou clique na opção Adicionar para adicionar uma nova.
- Se for necessário que seus visitantes selecionem pelo menos uma opção, mantenha esta caixa marcada. Quando um campo é obrigatório, uma mensagem de erro aparece quando eles tentam enviar o formulário quando um campo está faltando. Você pode ativar e escrever a mensagem de erro no campo na parte inferior da janela.
- Clique em Salvar para atualizar o formulário com as novas configurações de campo.
Passo 8 - Clique em Estilo para as definições do formulário de contacto
Por defeito, o formulário de contacto utilizará o estilo do Template, mas pode ajustá-lo para um personalizado.
Clique em Estilo no menu móvel.
Passo 9 - Ajuste o estilo para o formulário de contacto
Você pode alterar as configurações da fonte e do botão enviar.
- Fonte: tipo, tamanho e cor.
- Botão: estilo (cor, forma e borda) e tamanho da fonte do botão.
Passo 10 - Clique na mensagem Êxito para as definições do formulário de contacto
Quando um formulário de contacto foi enviado com êxito, os seus visitantes verão uma mensagem de confirmação.
Clique em Mensagem de sucesso no menu móvel para editar a mensagem padrão. A mensagem será salva automaticamente assim que você inseri-la no campo.
Passo 11 – Insira uma mensagem de sucesso
Por defeito, o formulário de contacto utilizará a seguinte mensagem: "Agradecemos a sua mensagem". Pode personalizá-la adicionando o seu próprio texto.
Passo 12 – Habilitar captcha
Captcha é uma excelente ferramenta que ajuda a proteger seu formulário contra ataques de bots e mensagens de spam.
Ele será ativado automaticamente se você criar um novo formulário de contato em seu site. No entanto, você também pode controlá-lo manualmente nas configurações do formulário.
- Selecione o componente Formulário de contato.
- Clique em Editar formulário de contato.
- No menu flutuante que aparece, clique em Captcha.
- Deslize o botão Mostrar Captcha para ativar/desativar o Captcha e selecione um idioma no menu suspenso.
Passo 13 - Ajuste o tamanho e o posicionamento do formulário de contacto
Agora que o formulário foi preenchido, é hora de ajustar seu posicionamento e tamanho. Clique em Salvar e publicar para disponibilizar o formulário online.
Artigos relacionados: