Atualizado em: Dez 2020
Os formulários online estão por toda parte, e em quase tudo que fazemos na internet. Seja para se inscrever ou fazer login em um site, fornecer as informações para o envio de uma compra online ou assinar uma newsletter, podemos confiar nos formulários online para nos conduzir ao longo do caminho. E se você está no processo da criação de um site, é muito provável que precise incorporar um ou dois formulários para melhor atender às necessidades dos seus visitantes - e também as suas próprias necessidades como empreendedor.
Quando bem elaborados, os formulários online ajudam a construir uma perfeita experiência de navegação, adicionando facilidade e eficiência às atividades que os visitantes podem ou devem desempenhar em um site. Até mesmo ao criar um convite online, um formulário pode ser muito importante, pois permite que os participantes se inscrevam no evento diretamente do site.
Este guia cobre tudo o que você precisa saber sobre formulários online, desde seus tipos e definições até uma explicação dos seus principais componentes e como adicioná-los ao seu site.
O que é um formulário online?
Um formulário online, também conhecido como formulário web ou um formulário HTML, é uma página interativa na internet, que permite ao usuário inserir dados. Em seguida, os dados recebidos através do formulário são enviados para um servidor, onde serão processados.
Há muitos tipos de formulários online que vão desde formulários de contato até a seção de RSVP de um site de eventos, formulários para gerenciar pedidos online, pagamentos em loja virtual e muito mais. Essencialmente, os formulários podem ser usados no seu site se você precisa reunir quaisquer informações dos visitantes do site, desde o seu endereço de email até uma confirmação de presença em uma festa. Um outro possível uso para um formulário online é cadastrar visitantes para ter acesso a uma área só para membros e, dessa forma, poder disponibilizar uma parte do conteúdo apenas para eles.
Os principais elementos dos formulários online
Formulários online, assim como seus primos analógicos, são compostos por uma pergunta ou uma série de perguntas, inseridas em campos onde os usuários podem digitar uma resposta ou selecionar a resposta mais apropriada entre diversas opções disponíveis.
Formulários online podem ser compostos por apenas um ou por diversos tipos de campos combinados. Os principais tipos de campos são:
Caixas de texto: também conhecidas como campos preenchíveis, as caixas de texto são campos em branco para texto que podem ser livremente preenchidos. Por exemplo, digitar a senha quando faz login. Ideal para: perguntas em aberto ou questões com uma infinidade de possíveis respostas (como nome ou senha).
Listas drop-down: listas drop-down são campos que devem ser clicados para abrir uma lista que inclui diversos itens, entre os quais apenas um item pode ser escolhido. Ideal para: escolher uma opção de uma lista.
Caixa de seleção: pequenas caixas quadradas que você pode marcar ou desmarcar ao clicar. A maioria dos formulários permite que os usuários escolham mais de uma opção por campo de seleção (também conhecido como multi seleção). Um exemplo de uma caixa de seleção é a caixa que você marca para aceitar os termos e condições de um serviço na internet. Ideal para: selecionar uma ou mais opções de uma lista.
Botão de seleção: são pequenos botões redondos. Os botões de seleção normalmente estão em uma lista de duas ou mais opções de resposta, entre as quais o usuário pode selecionar apenas a mais apropriada clicando no respectivo botão. Após selecionar o botão, um ponto é exibido em seu centro. Ideal para: escolher apenas uma entre diversas opções.
Botão de envio: normalmente, o último botão ao final de um formulário online é o botão para enviar as respostas assim que o formulário estiver preenchido. O texto do botão pode variar de “Enviar” a “Entre em Contato” ou “Peça uma Cotação de Preço”, mas a intenção é sempre a mesma: a informação fornecida será enviada para o dono do site. O botão de envio funciona como uma chamada de ação do formulário, e geralmente tem um design que se destaca do restante da página, de forma a atrair a atenção. Ideal para: o final de um formulário online.
Confirmação de envio: uma mensagem automática de feedback que surge assim que o botão de envio é clicado, sinalizando que o formulário foi transmitido com sucesso ou então notificando que houve um problema em seu envio. Normalmente, a mensagem aparece na mesma página do próprio formulário, mas também pode surgir em uma janela de pop-up que se abra separadamente. Ideal para: assim que o formulário for submetido.
As melhores práticas para criar formulários online
Um bom formulário online é aquele que segue três regras de ouro: absolutamente intuitivo, de rápido preenchimento e exigir pouquíssimo esforço por parte do usuário. Um formulário que consiga reunir esses três fatores deve ter taxa de abandono menor, e uma quantidade maior de respostas enviadas. Apesar de haver muitas dicas sobre como criar formulários online, abaixo você encontra a explicação das três principais:
01. Crie um formulário intuitivo
Não deve haver espaço para erros de interpretação. Certifique-se de criar cada elemento do seu formulário à perfeição, de forma que fique imediatamente claro para os usuários o quê, como e o porquê de todas as informações solicitadas. Suas questões e instruções, a estrutura do formulário e a ordem em que as diferentes questões são colocadas, tudo deve conduzir os usuários na direção certa, de forma a evitar toda e qualquer confusão.
02. Minimize o número de campos
Para garantir que os visitantes do site vão preencher o formulário do princípio até o fim, certifique-se de que ele não seja muito longo, nem complicado demais. Reduza ao mínimo possível o número de campos e etapas, e elimine qualquer passo que não seja absolutamente necessário. Por exemplo, é preferível criar um único campo para o “Nome Completo” do usuário ao invés de ter dois passos separados, um para “Nome” e outro para “Sobrenome”.
03. Exija mínimo esforço para preencher
Preencher um formulário online deve ser um processo fácil, que não exija grande esforço. Reduza ao mínimo a quantidade de informações a serem digitadas, e opte por caixas de seleção, botões de seleção ou listas drop-down sempre que possível. Por exemplo, no caso de pedir uma data, é recomendável oferecer uma escolha de data em forma de calendário que pode melhorar a experiência do usuário muito mais do que fazer seus visitantes digitarem dia, mês e ano.
Como adicionar um formulário ao seu site
A forma mais simples de inserir um formulário ao seu site é criá-lo diretamente no Editor Wix, usando o app Formulários Wix. Dessa maneira, você pode integrar totalmente o formulário com todos os outros elementos do negócio que se encontram em site.
Tudo o que for submetido e recebido através do seu formulário será armazenado na lista de contatos no Wix, onde você pode acessar e administrar todas as informações. Você também pode configurar o formulário de forma a ser notificado via email ou via Wix App a cada novo formulário enviado no seu site.
Como adicionar um formulário ao seu site:
Entre no Editor Wix.
Clique no botão Adicionar (+) no lado esquerdo.
Selecione “Contato”.
Escolha entre as opções de Formulários Wix, incluindo os formulários de contato, pagamento e feedback.
Arraste e solte para adicionar o formulário ao seu site.
Clique no formulário para personalizar texto, design e mais.
Dica profissional: para editar a mensagem automática de feedback do formulário, clique na aba “Mensagem de Envio” dentro de “Configurações do Formulário”. Esta mensagem vai aparecer sempre que um visitante enviar um formulário. Se preferir, também pode dar seguimento com um email automático personalizado para cada novo formulário que for enviado.
Como criar um formulário personalizado no seu site:
Uma outra opção é criar seu próprio formulário do zero, usando os muitos componentes disponíveis no Editor Wix. Clicando em “Adicionar”, e escolhendo “Campos de Entrada”, você pode explorar uma variedade de caixas de texto, botões de seleção, barras de endereço e muitos outros recursos com os quais pode experimentar e para criar seu próprio formulário sob medida, juntando os elementos mais adequados às suas necessidades.
Criar formulários online avançados e personalizados
Com o Wix, você pode combinar diferentes campos de entrada com linhas de código para criar formulários de tipos mais complexos. A seguir, você encontra alguns exemplos de formulários que podem ser criados usando o VELO:
Conectar um formulário a um banco de dados: Criar um formulário online que seja conectado a um banco de dados permite o gerenciamento completo dos dados que você obtiver dos visitantes do site. O conteúdo gerado pelo usuário que você coletou pode ser mostrado como um diretório no seu site ou usado como uma planilha de dados que você, como dono do site, pode administrar, exportar e editar.
Formulários que encolhem: Ocultar e revelar (ou encolher e expandir) certas partes do formulário com base na seleção dos usuários. Formulários que encolhem possibilitam dividir o formulário em blocos menores e revelar passos adicionais apenas quando necessário.
Formulários de múltiplas etapas: Um formulário de múltiplas etapas é um formulário longo, desmembrado em diversos passos de forma a parecer menos intimidador. Os visitantes do site podem ir progredindo, passando gradualmente pelos diferentes passos à medida que vão preenchendo o formulário. Apesar de cada passo ser submetido separadamente dos outros, as diferentes etapas precisam ser preenchidas na ordem correta.
Validação personalizada: Validar um formulário pode ser uma maneira inteligente de evitar que os visitantes do site preencham os campos de forma errada. Por exemplo, você pode adicionar uma validação para garantir que o número de telefone seja preenchido seguindo o formato (XX) XXXXX-XXXX.
