Como criar um Formulário de Contato avançado no Wix

Os formulários de contato são parte essencial dentro de um site, principalmente sites institucionais, pois são a via pela qual o visitante/cliente em potencial irá solicitar mais informações do produto ou serviço que esteja sendo oferecido.

Um site sem uma opção de contato é como um carro sem combustível. É por isso que um formulário de contato simples é um item básico dentro de um site.

Mas nem sempre queremos ter apenas aquele formulário padrão como forma de contato. Há negócios ou situações que exigem um formulário mais completo, que nos permita fazer perguntas mais bem elaboradas e alcançar respostas mais produtivas de nossos visitantes.

Um exemplo é quando disponibilizamos formulários de orçamentos na página, em que talvez conste questões e alternativas a serem escolhidas.

No Wix só era possível fazer formulário simples para um contato básico. Agora o editor lançou um aplicativo gratuito que permite criar outras espécies de formulários.

Há vários tipos de formulários que podem ser criados com este aplicativo do Wix, como: Currículos; divulgação de Eventos; formulário de cadastro; Pesquisa de Satisfação; Relatório de Despesas; Requerimentos, etc.

Como adicionar o aplicativo ‘Formulário Wix’

Siga os passos abaixo para saber como adicionar e configurar um novo formulário de contato Wix.

1. Primeiramente, faça login no Wix e depois abra o editor.

2. Dentro do editor, selecione a página a qual receberá o aplicativo (geralmente é na página de contato).

3. Agora vá na barra de ferramentas (lado esquerdo do editor) e clique em ‘Adicionar Apps‘. Na janela que abrir, clique na categoria Formulários e selecione o aplicativo ‘Formulários Wix‘:

4. Após clicar no botão ‘Adicionar‘, você terá que escolher um tipo de formulário para adicionar:

5. Após escolher o formulário, ele será adicionado à página.

Há muitas alterações que podem ser feitas neste aplicativo. Vamos começar pelas configurações. Para acessá-la, clique sobre o app e no ícone de ferramenta:

6. Abrirá uma pequena janela. É nela que será possível adicionar o email que receberá as notificações sobre novos contatos.

7. Ainda nessa janela, mais abaixo, podemos escolher o que acontece quando um novo contato for enviado:

Você pode mostrar uma mensagem de sucesso (ex: ‘Agradecemos seu contato‘) ou definir um link que abrirá quando o visitante clicar no botão ‘enviar’ do formulário.

8. Ainda nesta janela de configurações, a aba ‘Sincronizar‘ permite que escolhamos a etiqueta que identificará os contatos feitos a partir do formulário. Podemos escolher etiquetas com nome de ‘Clientes‘ ou ‘Entraram em contato comigo‘:

Obs 1: todos os contatos feitos através do formulário vão para a caixa de entrada do email cadastrado. Esses contatos também estarão no Inbox no painel de controle da sua conta Wix. Você pode acessá-los clicando no link ‘Contatos Wix‘ da aba Sincronizar.

Obs 2: se você usar o aplicativo Wix para Android, você também receberá notificações no celular toda vez que um novo contato for feito pelo site.

8. Podemos alterar a estrutura de exibição dos campos através da opção ‘Layouts’:

Há 3 opções de layout:

9. Ainda nesse menu de configurações, a opção Design permite mudar a aparência do formulário:

 

Gerenciando Campos

Clicando na opção ‘Gerenciar campos‘ podemos adicionar, editar ou apagar campos do formulário.

10. Clicando no ícone de ‘três pontinhos’ que aparecem quando passamos o mouse sobre os campos, temos acesso a 3 opções:

  • Campo obrigatório: faz com que o campo tenha preenchimento obrigatório.
  • Editar: permite a edição do campo.
  • Apagar: exclui o campo do formulário.

Como adicionar um novo campo no formulário

Para inserir um novo campo, clique sobre o formulário (ficará selecionado com uma borda azul), vá em ‘Gerenciar campos>> Adicionar novo campo‘.

11. Note na imagem abaixo que você pode escolher campos pré configurados:

12. O Formulário do Wix permite que criemos campos personalizados, como:

  • Campo Texto curto: cria um campo para textos curtos. Útil para criar campos como Nome, Sobrenome, Endereço, etc.
  • Campo Número: campo para receber apenas números.
  • Campo URL: campo que aceita apenas formato URL (email e endereço Web).
  • Campo Escolha Única: cria um campo de múltipla escolha, mas que aceita apenas uma única seleção.
  • Campo Menu dropdown: cria um campo em que as opções são dispostas horizontalmente dentro de uma caixa.
  • Campo Parágrafo: cria um campo que possibilita a inserção de um texto grande.
  • Campo Fazer upload de arquivo: este campo permite que o visitante envie um arquivo através do formulário.
  • Campo Data: campo que exibe um calendário para que uma data seja definida.

Como configurar um campo

Cada campo possui particularidades e configurações específicas, algumas mais simples, outras mais variadas.

Vejamos algumas delas.

Editar campo simples

Para editar um campo, clique sobre ele e depois em ‘Editar campo‘. Você terá acesso às seguintes informações:

  • Nome do Campo Interno: esta opção é apenas para que você possa gerenciar/organizar os campos do formulário. Os visitantes do site não verão esse nome.
  • O que é exibido?: esta é a informação que aparecerá para os visitantes.
  • Este campo é: defina se o campo terá preenchimento obrigatório.

Editar campo ‘Escolha Única

Este campo traz uma pergunta com alternativas a serem escolhidas.

Para configurá-lo, clique sobre ele e escolha ‘Gerenciar botões‘. A janela seguinte se abrirá:

Aqui você pode: adicionar um novo botão (nova resposta ou alternativa), definir um botão como padrão, editar o nome do botão e apagar um botão.

Nas configurações desse tipo de campo, podemos escolher se o campo será exibido já como alguma alternativa selecionada (seleção padrão) ou não:

No Layout, é possível personalizar a exibição do campo:

Editar campo ‘dropdown’

Este é semelhante ao menu dropdown.

Para editar este campo, clique sobre ele e em ‘Gerenciar itens‘, você poderá adicionar itens, apagar e editar etiqueta (informação que aparece no dropdown).

Acessando as configurações desse campo, você pode alterar a forma que a informação inicial é exibida dentro da caixa:

Editar campo ‘data’

Esse campo permite que o visitante escolha uma data:

Nas configurações, temos algumas opções interessantes para personalizar este campo:

  • Mostre texto carregando: selecione a informação que deseja exibir no ‘campo de entrada’.
  • Configurações gerais: escolha se quer que o campo seja obrigatório e/ou somente leitura.
  • Formato da Data: selecione uma forma de exibir a data (Dia/Mês/Ano).

Editar campo ‘upload’

Este campo possibilita um envio de arquivo (documento ou imagem) pelo visitante:

Esse botão é muito interessante quando precisamos que o visitante envie uma informação em formato de arquivo, como um currículo, orçamento, etc.

As configurações do campo nos permitem fazer algumas mudanças como: selecionar o tipo de arquivo, personalizar o texto do botão, etc.

Conclusão

Com este aplicativo, podemos criar gratuitamente formulários dinâmicos, com maior interação e obtendo mais informações e respostas dos visitantes.

Não podemos exigir demais deste app, pois apesar dele ser “avançado”, ainda é limitado em certos aspectos.

Claro que é muito melhor que um simples formulário de contato que tenha no máximo 5 campos. Mas se compararmos a outros serviços de criação de formulários, como Cognito Forms, ele ainda se mostra escasso de recursos mais desenvolvidos.

Saiba mais sobre este projeto, aqui.

2 comentários para “Como criar um Formulário de Contato avançado no Wix”

  1. Por Paulo

    Responder

    • Por Gabriel Martins

      Responder

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

X

65 milhões de pessoas, ONGs e empresas já criaram seus sites no Wix. Crie o seu AQUI

¤
Leia mais:
3 Ferramentas para definir as cores de seu Site

Fechar