Este guia mostra como inserir um formulário de contacto no seu Website do Website Builder.
- Passo 1 - Arraste o componente de Formulário de Contacto para o espaço de trabalho
- Passo 2 - Fixe o formulário de endereço de e-mail
- Passo 3 - Edite o formulário de contacto
- Passo 4 - Clique (Editar) Edit campos
- Passo 5 - Clique em (Adicionar) Add campos
- Passo 6 - Selecione um tipo de campo
- Passo 7 - Edite as definições do 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 bem sucedida
- Passo 12 - Ajuste o tamanho e o posicionamento do formulário de contacto
Sem acesso ao Website Builder? Pode experimentar gratuitamente durante 14 dias e criar um Website de forma rápida. Comece agora a sua avaliação gratuita
Passo 1 - Arraste o componente Formulário de contacto para a área de trabalho
- No editor do Website Builder, aceda à secção do seu Website onde pretende colocar o formulário de contacto.
- Clique em Contacto no menu do componente à esquerda do seu editor.
- Clique e arraste o componente Formulário de contacto para a sua área de trabalho e coloque-o onde quiser.
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 - Fixe o formulário de endereço de e-mail
- Selecione o endereço de email para o qual o formulário deve ser enviado. Pode escolher um endereço existente ou crie um novo. Tenha em atenção que tem de ser efetuado no seu domínio. Assim, se, por exemplo, tiver o domínio one-example.com, tem de ser um endereço @one-example.com. Se estiver a utilizar um fornecedor de email externo, terá ainda de criar a conta de email connosco no painel de controlo.
- Insira um assunto para os emails, para que possa reconhecer os emails na sua caixa de entrada.
- Clique em (Guardar) Save para continuar.
Dica: Configurar um filtro de e-mail para mover todos os formulários de contacto para uma pasta específica na sua conta de e-mail.
Passo 3 - Edite o formulário de contacto
Por defeito, um formulário de contacto terá um botão Enviar e três campos: Nome, Email e Mensagem.
Clique em (Editar formulário de contacto) Edit contact form para adicionar ou editar campos.
Passo 4 - Clique (Editar) Edit campos
Clique em (Editar campos) Edit fields para alterar as definições do campo marcadas por defeito.
Dica: Pode alterar o texto do ícone de edição em qualquer coisa à sua escolha. Clique apenas no campo de (Ícone texto) Button text e comece a escrever.
Passo 5 - Clique em (Adicionar) Add campos
Aqui, pode editar as definições dos campos dos formulários já existentes, apagar campos e adicionar novos campos com opções diferentes. Pode adicionar tantos campos quantos quiser ao clicar no botão Adicionar campos no 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) checkboxes.
Selecione o campo que quer adicionar e clique em (Inserir campos) Insert fields.
Passo 7 - Edite as definições do campo
Cada tipo de campo tem definições diferentes que pode ajustar.
- Introduza um título para o campo. Será visível para os seus visitantes.
- Consoante o tipo de campo, pode ter várias opções. Clique na opção para editar a descrição, clique no X no final para a remover, ou clique em Adicionar opção para adicionar uma nova.
- Se for obrigatório que os seus visitantes selecionem pelo menos uma opção, então mantenha esta caixa assinalada. Quando um campo é obrigatório, aparece uma mensagem de erro quando tentam enviar o formulário quando um campo está em falta. Pode escrever a mensagem de erro no campo na parte inferior da janela.
- Clique em (Guardar) Save para atualizar o formulário com as definições do campo novo.
Passo 8 - Clique em (Estilo) Style 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
Pode alterar as definições para a fonte e o botão enviar.
- Fonte: tipo, tamanho e cor.
- Botão: estilo (cor, forma e limites) e tamanho da fonte para o botão.
Passo 10 - Clique na mensagem (Êxito) Success 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 êxito no menu móvel para editar a mensagem predefinida. A mensagem será guardada automaticamente assim que a introduzir no campo.
Passo 11 - Insira uma mensagem bem sucedida
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 - Ajuste o tamanho e o posicionamento do formulário de contacto
Agora que o formulário foi preenchido, chegou a altura de ajustar o seu posicionamento e tamanho. Clique em Salvas e em Publicar para disponibilizar o formulário online.
Artigos relacionados:
