Criar formularios com o Wufoo e o Jot Foms

Muita gente se pergunta como fazer um formulario, eles querem fazer com codigo, por html, ate daria, e não é dificil.
O problema é: Pra onde vai esse formulario?
é impossivel com html, fazer com que o formulario vá para o seu e-mail, por exemplo.
Para fazer isso, ou algo assim, é preciso de uma outra linguagem chamada Php, que infelizmente o blogger não suporta Fuuuuuuuuuuuuuuuuuuuuuuuu.
Mas esse não é o fim, graças a deus, tem alguns sites que são geradores de formularios, existem muitos deles mais os melhores são: o Wufoo e o Jot Forms 


então vamos começar o tutorial(vou começar pelo wufoo):
vá ate o site: http://www.wufoo.com/

click em "Sing Up for Free"

Se registre no wufoo

Pronto, você já está registrado, agora vamos fazer o formulario.

Click em "New form"

Esse é o painel para criar um formulario:


Esses são os campos disponiveis:

 esse campo cria um campo de texto comum, para nome, etc...
o mesmo do de cima, só que cria um campo maior, do tamanho de um paragrafo
cria um botão de multipla escolha
é um campo de texto, só que para numeros,e util para sorteios, etc...
cria um checkbox, para você marcar preferencias por exemplo, você pode ativar a opção de multipla escolha ou não.
é um botão em que quando você clica, abrem opoções para você escolher, é util para perguntar a data de nascimento
 esse botão divide o formularios em varias partes.
é usado para emails, é diferente do single line text porque tem validação de email.
 botão de upload: usado para a pessoa escolher um arquivo, uma imagem por exemplo.
Esses são os principais campos, se você clikar sobre eles, aparecem as configurações.

agora se você clikar aqui:

você tem as configurações do formulario, assim:

Quando acabar: clike em "Save Form"

Vai aparecer essa mensagem:


clike no "2"
Vai aparecer uma pagina, e em "to My InBox" preencha:

e click em save, depois, click em "Forms" lá em cima


ai vai aparecer a pagina onde ficam todos os seus formularios, click em code.


vai ficar tipo assim:

clike em "Embed Form Code"

Copie o segundo, o "Iframe Version", e cole onde você quer que ele apareça.
No codigo, tem:
height="726"
Essa é a altura, se quiser mudar altere


Pronto! Já acabamos de fazer com o Wufoo , agora vamos para p Jot Forms




Jot Form:
primeiro de tudo, acesse o jot forms: http://portuguese.jotform.com/
no jot form não precisa se cadastrar para conseguir fazer seu formulario.
Esse é o painel de tarefas do Jot Form
Os itens são como os do Wufoo(eu so vou explicar os diferentes):


Cabeçalho: apenas um titulo para o formulario
Caixa de texto: uma caixa de texto comum
Area de texto: uma caixa de texto maior, e que você pode aumentar
Menu suspenso:tipo o menu drop down do wufoo( usado para datas
Botão radial: botão multipla escolha
Caixa de seleção: caixa de seleção de preferencias
Carregar arquivo: enviar imagem
Botão de envio: botao que envia o formulario (>^.^>)


Nome completo: duas caixas de texto(inutil e.e)
Email: caixa de texto com validação de email
Endereço: são varios elementos, que verificam o endereço
Telefone: pede o numero do celular
Data e hora: um menu drop down que pede data e a hora
Time: igual a hora so que só a hora
Data de aniversario: um menu drop down com mes dia e ano
Numero: uma caixa de texto que só aceita numeros

Avaliação estrela: aparecem varias estrelas para você avaliar
Avaliação tipo escala: igual a estrela, mas com numeros
Classificação: varios valores que fazem uma media
Deslisar: você pode deslizar com a setinha até o valor que quer
Data e hora: um menu drop down que pede data e a hora
Time: igual a hora so que só a hora
Intervalo: dois caixas drop down para numeros
Giratorio: ao clikar na setinha vai passando um numero
Matriz: Uma tabela e cada item dessa tabela é um objet de seleção
Formulario expansivel: Ao clikar na seta, amostra mais elementos do formulario
Quabra de pagina: formulario dividido em etapas

Texto livre: você insere seu proprio HTML
Senha: um campo normal, so que tudo digitado alivira uns asteristicos
Caixa escondida: essa caixa não vai aparecer no formulario(mas ta la)
Unico ID: pega o ID do usuario, (fica escondido)
Capcha: validação com letras e numeros para inpidir que robos entrem no formulario(e importante)
Imagem: insere imagem
Auto completar: enquanto você digita, a palavra, ela é automaticamente escrita.
Fiilepicker.io: para pegar arquivos dos registrados nesse site

Depois de fazer tudo, e tal, visualize e salve:

Depois de salvar, clike em "Setup & Embed"

Depois, clike em "incorporar Formulario"

Após fazer isso, já podemos por o formulario no seu blog!
Feche esse popup, e vai aparecer esse outro:
clike em iframe

Copie esse codigo:

agora é so colar onde quiser que o codigo apareça.^.^




Bom agora vou dar minha opinião sobre cada um deles

Jot Form:

 é em portugues

 não precisa se cadastrar

 variedade grande de campos

 simples

 as vezes quando eu faço buga

 muitas coisas só se pode fazer com dominio

Wufoo:

 simples

 layout bonito

 não deixa por campo senha

;) flw gent


0 comentários:

Postar um comentário

 

TODOS OS DIREITOS RESERVADOS A SAIKYOU DESIGN - DESIGN E SISTEMA PRODUZIDOR POR DANIEL BARRETO