← Desenvolvimento

Criar formulário

Lida 4041 vezes

Offline

Mister_Magoo 
Membro
Mensagens 594 Gostos 38
Troféus totais: 29
Trófeus: (Ver todos)
Nineth year Anniversary Eighth year Anniversary Quick Poster Signature Level 5 Search Windows User Super Combination Combination Topic Starter

Uso no meu site wordpress Contact Form 7 e queria criar um formulário como o desse site http://maissaude.org/oportunidade/.

Alguém sabe me dizer como fazer isso com o Contact Form 7 ?
Offline

Pedro Lopes 
Beta tester
Mensagens 3568 Gostos 18
Feedback +6

Troféus totais: 32
Trófeus: (Ver todos)
Level 6 Windows User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3

Podes usar o cformsII, que é o plugin que eles usam.
Offline

Mister_Magoo 
Membro
Mensagens 594 Gostos 38
Troféus totais: 29
Trófeus: (Ver todos)
Nineth year Anniversary Eighth year Anniversary Quick Poster Signature Level 5 Search Windows User Super Combination Combination Topic Starter

So uma dúvida isso não entraria em conflito ou problemas com o meu contact form ?
Offline

Pedro Lopes 
Beta tester
Mensagens 3568 Gostos 18
Feedback +6

Troféus totais: 32
Trófeus: (Ver todos)
Level 6 Windows User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3

Não. Acho que não...

Mas desinstalas o Contact Form 7 e instalas apenas esse.
Offline

Mister_Magoo 
Membro
Mensagens 594 Gostos 38
Troféus totais: 29
Trófeus: (Ver todos)
Nineth year Anniversary Eighth year Anniversary Quick Poster Signature Level 5 Search Windows User Super Combination Combination Topic Starter

Tem idéia de qual dos 2 é o melhor ?
Offline

euluism 
Membro
Mensagens 975 Gostos 0
Feedback +4

Troféus totais: 26
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1 500 Posts

Podes usar o cformsII, que é o plugin que eles usam.

O Contact Form 7 permite perfeitamente criar um igual aquele site.

Tens ai o código amigo:
Código: [Seleccione]
<h2>Formulário</h2>

<p>O seu nome<br />
    [text* nome watermark "Insira o seu nome"] </p>

<p>O seu e-mail (obrigatório)<br />
    [email* email watermark "Insira o seu email"] </p>

<p>Idade<br />
    [text idade watermark "Insira aqui a sua idade"] </p>

<p>Cidade/UF<br />
    [text cidade watermark "Cidade onde Reside"] </p>

<p>Telefone (c/ DDD)<br />
    [text telefone watermark "Insira o seu contacto telefónico"] </p>

<h2>Busca Trabalho em:</h2>
    [checkbox trabalho "Vendas" "Estética" "Nutrição" "Marketing"]

<h2>Busco Parceria. Tenho:</h2>
    [checkbox parceria "Salão de Beleza" "Clínica de Estética"]

<p>Observações<br />
    [text observacoes watermark "Insira aqui alguma informação que seja importante"] </p>

<p>[submit "Enviar"]</p>

Agora é personalizares como pretendes.

Ficará muito igual ao daquele website que mostras-te
o * quer dizer que é um campo de preenchimento obrigatório tens de o adicionar ao lado de cada linha apos a tag de cada opção ex tenho o text não sendo um campo obrigatório se meteres text* já será obrigatório. Ou seja não envia o formulário se o visitante não preencher com alguma coisa.

O watermark é o texto que aparece dentro de cada campo... Uma preview do que queres para quem não pesca nada da coisa e não sabe como preencher.

Tens mais ou menos tudo. ;)

Cumps

Offline

Mister_Magoo 
Membro
Mensagens 594 Gostos 38
Troféus totais: 29
Trófeus: (Ver todos)
Nineth year Anniversary Eighth year Anniversary Quick Poster Signature Level 5 Search Windows User Super Combination Combination Topic Starter

Nossa obrigado pela dica pelo menos nao vou precisar instalar outro plugin o contact form ja estava mais habituado com ele porém não sabia como fazer esse formulário.
Offline

euluism 
Membro
Mensagens 975 Gostos 0
Feedback +4

Troféus totais: 26
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1 500 Posts

Penso que não falta nada no formulário é só alterar os textos caso desejes e configurares o email final que recebes com os campos [email] [cidade] etc etc... ;)

Cumps
Offline

Mister_Magoo 
Membro
Mensagens 594 Gostos 38
Troféus totais: 29
Trófeus: (Ver todos)
Nineth year Anniversary Eighth year Anniversary Quick Poster Signature Level 5 Search Windows User Super Combination Combination Topic Starter

Um help por favor.
Fiz da seguinte forma e gostaria de s aber se tem algum erro:

Oportunidade:

- Vendedores;

- Profissionais de Estética;

- Nutricionistas;

- Profissionais de Marketing.

Também buscamos para parcerias:

- Salões de Beleza;

- Clínicas de Estética.

<h2>Formulário</h2>

<p>O seu nome<br />
    [text* nome watermark "Insira o seu nome"] </p>

<p>O seu e-mail (obrigatório)<br />
    [email* email watermark "Insira o seu email"] </p>

<p>Idade<br />
    [text idade watermark "Insira aqui a sua idade"] </p>

<p>Cidade/UF (obrigatório)<br />
    [text* cidade watermark "Cidade onde Reside"] </p>

<p>Telefone (c/ DDD) (obrigatório)<br />
    [text* telefone watermark "Insira o seu contato telefone"] </p>

<h2>Busca Trabalho em:</h2>
    [checkbox trabalho "Vendas" "Estética" "Nutrição" "Marketing"]

<h2>Busco Parceria. Tenho: (obrigatório)</h2>
    [checkbox* parceria "Salão de Beleza" "Clínica de Estética" "Academia"]

<p>Observações<br />
    [text observacoes watermark "Insira aqui alguma informação que seja importante"] </p>

<p>[submit "Enviar"]</p>

Tenho que configurar o meu email onde ?
Offline

euluism 
Membro
Mensagens 975 Gostos 0
Feedback +4

Troféus totais: 26
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1 500 Posts

Um help por favor.
Fiz da seguinte forma e gostaria de s aber se tem algum erro:

Oportunidade:

- Vendedores;

- Profissionais de Estética;

- Nutricionistas;

- Profissionais de Marketing.

Também buscamos para parcerias:

- Salões de Beleza;

- Clínicas de Estética.

<h2>Formulário</h2>

<p>O seu nome<br />
    [text* nome watermark "Insira o seu nome"] </p>

<p>O seu e-mail (obrigatório)<br />
    [email* email watermark "Insira o seu email"] </p>

<p>Idade<br />
    [text idade watermark "Insira aqui a sua idade"] </p>

<p>Cidade/UF (obrigatório)<br />
    [text* cidade watermark "Cidade onde Reside"] </p>

<p>Telefone (c/ DDD) (obrigatório)<br />
    [text* telefone watermark "Insira o seu contato telefone"] </p>

<h2>Busca Trabalho em:</h2>
    [checkbox trabalho "Vendas" "Estética" "Nutrição" "Marketing"]

<h2>Busco Parceria. Tenho: (obrigatório)</h2>
    [checkbox* parceria "Salão de Beleza" "Clínica de Estética" "Academia"]

<p>Observações<br />
    [text observacoes watermark "Insira aqui alguma informação que seja importante"] </p>

<p>[submit "Enviar"]</p>

Tenho que configurar o meu email onde ?

É muito difcil fazer entender vejo que não conhece o mínimo do Wordpress e deste plugin
Vou tentar explicar.

Tem a página onde tem o seu texto certo?
E tem a zona do formulário do contacto form 7.

Aquilo que tem de fazer é editar/criar um formulário apenas com este meu codigo inserido nele...
Por default tem uns campos apenas com o nome, email, assunto, mensagem etc... Voce deixa esse! E procura a opção criar novo formulário.
Após criar irá aparecer novamente os campos default. Apaga esses campos e coloca isto:

Código: [Seleccione]
<h2>Formulário</h2>

<p>O seu nome<br />
    [text* nome watermark "Insira o seu nome"] </p>

<p>O seu e-mail (obrigatório)<br />
    [email* email watermark "Insira o seu email"] </p>

<p>Idade<br />
    [text idade watermark "Insira aqui a sua idade"] </p>

<p>Cidade/UF<br />
    [text cidade watermark "Cidade onde Reside"] </p>

<p>Telefone (c/ DDD)<br />
    [text telefone watermark "Insira o seu contacto telefónico"] </p>

<h2>Busca Trabalho em:</h2>
    [checkbox trabalho "Vendas" "Estética" "Nutrição" "Marketing"]

<h2>Busco Parceria. Tenho:</h2>
    [checkbox parceria "Salão de Beleza" "Clínica de Estética"]

<p>Observações<br />
    [text observacoes watermark "Insira aqui alguma informação que seja importante"] </p>

<p>[submit "Enviar"]</p>

Para testar pode fazer save/guardar e ele define um código em cima onde colocou o nome do formulário... o titulo... tinha o default.. e agora criou o segundo... E ele gerou uma linha de código ex: [contact-form 1 "Formulário de contacto 1"]

Copia essa linha de codigo e!
Vai a sua página mete o seu texto que deseja ex:
Oportunidade:

- Vendedores;

- Profissionais de Estética;

- Nutricionistas;

- Profissionais de Marketing.

Também buscamos para parcerias:

- Salões de Beleza;

- Clínicas de Estética.

e no fundo coloca:
[contact-form 1 "Formulário de contacto 1"]

E faz pre-visualizar. Se aparecer como quer, pode publicar e responda aqui para voltar-mos a falar para configurar a recepção do email ;)

Espero me ter feito entender. Vamos ver se consegue. Penso que não me esqueci de nada.
Offline

Mister_Magoo 
Membro
Mensagens 594 Gostos 38
Troféus totais: 29
Trófeus: (Ver todos)
Nineth year Anniversary Eighth year Anniversary Quick Poster Signature Level 5 Search Windows User Super Combination Combination Topic Starter

euluism desculpas pela demora na resposta esta ficando show o formulário.

http://harmonianatureza.com.br/parcerias/

ficou muito bom porém ainda não recebo emails desse formulário.

o que preciso fazer agora ?
Offline

rtbfreitas 
Equipa
Mensagens 1497 Gostos 9
Feedback +24

Troféus totais: 30
Trófeus: (Ver todos)
Windows User Apple User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Poll Starter Level 5 Level 4

euluism desculpas pela demora na resposta esta ficando show o formulário.

http://harmonianatureza.com.br/parcerias/

ficou muito bom porém ainda não recebo emails desse formulário.

o que preciso fazer agora ?

Configuraste o email ao criar o formulário?

Offline

Mister_Magoo 
Membro
Mensagens 594 Gostos 38
Troféus totais: 29
Trófeus: (Ver todos)
Nineth year Anniversary Eighth year Anniversary Quick Poster Signature Level 5 Search Windows User Super Combination Combination Topic Starter

Mambley sim ja configurei o email.

Para:
claudio@harmonianatureza.com.br

De:
[your-name] <[your-email]>

Assunto:
[your-subject]
Offline

Mister_Magoo 
Membro
Mensagens 594 Gostos 38
Troféus totais: 29
Trófeus: (Ver todos)
Nineth year Anniversary Eighth year Anniversary Quick Poster Signature Level 5 Search Windows User Super Combination Combination Topic Starter

Conseguiu resolver a questão do formulário não enviar o email porém agora quando olho no meu email chega mas esta tudo em branco.
Offline

Mister_Magoo 
Membro
Mensagens 594 Gostos 38
Troféus totais: 29
Trófeus: (Ver todos)
Nineth year Anniversary Eighth year Anniversary Quick Poster Signature Level 5 Search Windows User Super Combination Combination Topic Starter

Problema resolvido junto com o suporte da hostgator brasil.
E agradeço pelas dicas.