Como criar um incrível Formulário online e Grátis

Um formulário de contato é algo até fácil de fazer, você pode criar por meio de um plugin (no caso do WordPress) ou usando um aplicativo (como o do Wix App Market).

Mas esses formulários são bem básicos e limitados a campos comuns, como ‘nome, email e mensagem‘, é um tipo de contato bem rápido e simples.

Justamente por isso que esses formulários são insuficientes para vários outros tipos de aplicações, como orçamentos, pesquisas gerais, formulário de cadastro, currículos, registro de eventos, etc.

Temos várias ferramentas online que disponibilizam a criação desses formulários mais complexos, como o Wufoo, Jotform, Formsite, etc. Contudo, esses serviços são muito restritivos, isto é, oferecem poucas vantagens para quem usa uma conta grátis.

Como criar formulário Grátis com Cognito Forms

O Cognito Forms é um serviço online que possibilita a criação grátis de formulários, sejam eles básicos ou mais elaborados.

O diferencial dessa ferramenta é que ela permite o envio de até 500 contatos por mês (todas as outras ferramentas semelhantes ao Cognito permitem até 100 contatos no plano grátis). Ela também possibilita o ‘upload de arquivos’, ou seja, o usuário poderá enviar arquivos através do formulário, o que é muito útil em diversos casos.

Veja um pouco das características do plano grátis no Cognito:

• Formulários ilimitados
• Até 500 envios por mês
• Espaço de armazenamento de até 100mb por mês (esse espaço se renova todos os meses)
• Upload de arquivos
• Lógica condicional
• Multipáginas dentro do formulário
• Notificação por email
• Etc.

Outra característica interessante no Cognito, é a ‘lógica condicional’, onde você pode controlar quais campos do formulário devem ou não aparecer dependendo da escolha de cada usuário.

Além disso, é possível tornar obrigatória a escolha de um campo, mostrando uma mensagem de erro caso o usuário não a selecione.

Exemplo:

Veja um exemplo de formulário no Cognito, clicando aqui.

Passo a passo para criar formulário online grátis

Para começar a criar seu formulário, siga os passos:

1. Acesse o site do Cognito Forms.

2. Faça seu cadastro e depois clique em ‘Sign Up‘:

Obs: é necessário criar uma senha forte.

3. Em seguida, clique em ‘New Form‘ e em ‘Start from scratch’ para começar a criar um formulário em branco.

Lembre-se de confirmar seu email depois.

4. Na tela seguinte, insira um nome pro formulário e configure sua preferências:

Inserindo campos

5. Para adicionar um novo campo clique no sinal de mais, dentro do editor:

6. Vai aparecer um painel lateral com vários tipos de campos:

Input

• Textbox – caixa de texto, podendo ser uma linha simples ou múltiplas linhas.
• Choice – campo com perguntas e opções de respostas para serem escolhidas pelo usuário.
• Yes/No – usuário escolhe responder apenas ‘sim ou não/verdadeiro ou falso’, etc.
• Date – campo de data.
• Number – aceita apenas valor numérico.
• Currency – valores monetários.
• Price – campo de preços, que podem ser somados ao final do formulário.
• Name – nome e sobrenome.
• Adress – campo para preenchimento de endereço.
• Phone – telefone.
• Email
• Website
• Rating Scale – escala de classificação, bastante usado em pesquisas de opinião (ex. ‘muito insatisfeito/insatisfeito/neutro/satisfeito/muito satisfeito’).
• Signature– assinatura virtual (disponível apenas para contas premium)

Layout

• Content – adiciona um cabeçalho de texto.
• Section – insere uma seção dentro do formulário.
• Page Break – insere uma quebra de página, fazendo com que o formulário seja dividido em páginas.

Advanced

• File Upload – campo para envio de arquivos.

7. Para adicionar um campo, basta clicar sobre um input e personalizá-lo:

8. Para desfazer a escolha e retornar ao painel lateral, basta excluir o campo,  clicando na opção ‘Delete’:

Obs: cada campo tem uma particularidade de configuração, ficaria muito alongado descrever cada um deles.

Publicando

9. Após criar seu formulário, você precisará publicá-lo. Para isso, clique no botão ‘Publish‘:

10. Antes de copiar o código, é possível personalizar o estilo do formulário. Para isso, clique em ‘Style Editor‘:

11. Nesse editor, você pode personalizar a aparência do formulário.

Header – insira uma logo, configurar o layout, alinhamento,  background, tamanho e tipo de fontes do cabeçalho:

Form – personalize o corpo do formulário:

Page – escolha uma cor para o fundo da página e clique em ‘Save’ para salvar todas as alterações.

12. Após salvar, volte para a guia anterior e clique no campo ‘embed’. Automaticamente todo o código será copiado, basta que agora você cole-o no campo HTML do seu site.

É isso.

Este é um formulário muito eficiente e gratuito para seu site.