Neste guia mostramos-lhe a forma de inserir um formulário de contacto no seu site 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
Não tem acesso ao Website Builder? Pode experimentá-lo gratuitamente por 14 dias e criar um site num instante. Comece já o seu período experimental gratuito
Passo 1 - Arraste o componente de Formulário de Contacto para o espaço de trabalho
Clique e arraste o componente de (Formulário de Contacto) Contact form do menu do lado esquerdo para onde quiser colocá-lo na página.
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 e-mail para onde o formulário deve ser enviado. Pode escolher um endereço já existente ou criar um novo. Necessita ser criado no seu domínio.
- Insira um "Assunto" para os e-mails, para que possa reconhecer os e-mails 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 ícone de (Enviar) Send e três campos: Nome, E-mail 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.
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.
- Insira um título para o campo o qual ficará visível pelos seus visitantes.
- Em função de cada tipo de campo, pode ter várias opções. Clique na opção para editar a descrição, clique no "X" no final para o apagar, ou clique na opção (Adicionar) Add para adicionar um novo.
- Se for necessário que os seus visitantes selecionem pelo menos uma opção, então mantenha a caixa com o símbolo de verificada. Quando é necessário um campo, aparece uma mensagem de erro quando os seus visitantes tentarem enviar o formulário se faltar um campo.
- 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) Style nas definições da janela flutuante do formulário de contacto.
Passo 9 - Ajuste o estilo para o formulário de contacto
Pode alterar as definições para a fonte e ícone de enviar.
- Fonte: tipo, tamanho e cor.
- Ícone: estilo (cor, forma e limites) e tamanho da fonte para o ícone.
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 bem sucedida) Success message na janela flutuante das definições do formulário de contacto, para editar a mensagem colocada por defeito.
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 concluído, é altura para ajustar o posicionamento e o tamanho na sua página web. Clique em (Guardar) Save e (Publicar) Publish para fazer com que o formulário fique disponível online.
Artigos relacionados: