Criar formulário de contato
-
Upload
sirley-zancanari-ferrantte -
Category
Documents
-
view
1.252 -
download
0
Transcript of Criar formulário de contato
PREFEITURA DE SÃO BERNARDO DO CAMPO SECRETARIA DE EDUCAÇÃO E CULTURA
DEPARTAMENTO DE AÇÕES EDUCACIONAIS DIVISÃO DE INCREMENTO AO ENSINO
SEÇÃO DE LABORATÓRIO E EDUCAÇÃO TECNOLÓGICA
Se 134 Sirley Zancanari Ferrantte
COMO CRIAR UM FORMULÁRIO DE CONTATO
Um formulário para contato é uma ferramenta indicada para ser colocada no blog da escola pois facilita a comunicação entre os leitores do blog e a escola e pertinente para inseri-la num blog institucional.
Nesse documento vou colocar o passo a passo para inserir esse formulário que é aplicável em várias plataformas: Blogspot, WordPress, etc bastando selecionar a plataforma antes de gerar o código para inserir no blog.
Vamos lá.
O formulário será criado no site http://www.jotform.com/
1. Acesse o site,
PREFEITURA DE SÃO BERNARDO DO CAMPO SECRETARIA DE EDUCAÇÃO E CULTURA
DEPARTAMENTO DE AÇÕES EDUCACIONAIS DIVISÃO DE INCREMENTO AO ENSINO
SEÇÃO DE LABORATÓRIO E EDUCAÇÃO TECNOLÓGICA
Se 134 Sirley Zancanari Ferrantte
2. Em seguida escolha: idioma a opção de criar conta e preencha os dados para criar
usuário e senha
3. Agora clique em Start Creating Your First Form
PREFEITURA DE SÃO BERNARDO DO CAMPO SECRETARIA DE EDUCAÇÃO E CULTURA
DEPARTAMENTO DE AÇÕES EDUCACIONAIS DIVISÃO DE INCREMENTO AO ENSINO
SEÇÃO DE LABORATÓRIO E EDUCAÇÃO TECNOLÓGICA
Se 134 Sirley Zancanari Ferrantte
4. Essas são as ferramentas para criar o formulário
A opção Heading você escreve um texto explicativo, por ex. Text Box é uma opção para você solicitar uma informação, por ex: digite seu e-mail Text Area é para excrever uma mensagem Drop Down para escolher uma opção na caixa Rádio Button e Check Box escolher uma opção clicando em um botão File Upload busca de um arquivo para fazer upload Submit submeter a uma condição
Crie conforme sua necessidade.
5. Na guia superior você tem as opções de:
Salvar Visualizar Voltar Alinhar
Formatar o estilo do formulário: aqui você escolhe um tema, muda cor, tamanho da fonte e do fundo
Entrar nas propriedades de cada item e editar. Clique sobre cada item criado que as opções aparecem na parte superior.
PREFEITURA DE SÃO BERNARDO DO CAMPO SECRETARIA DE EDUCAÇÃO E CULTURA
DEPARTAMENTO DE AÇÕES EDUCACIONAIS DIVISÃO DE INCREMENTO AO ENSINO
SEÇÃO DE LABORATÓRIO E EDUCAÇÃO TECNOLÓGICA
Se 134 Sirley Zancanari Ferrantte
Na opção Setup & Embed:
Você altera a opção de receber ou não notificação por e-mail e altera o e-mail que vai receber o alerta de que tem mensagem Altera a forma de agradecimento que aparece no final do preenchimento do formulário Gera o código que você usa para colocar no blog. Nessa opção você escolhe a plataforma para gerar o código (Blogger, WordPress, etc). Código fonte Estabelece condições para integrar a outros serviços Escolhe os serviços para integrar (Facebook, etc)
6. Por fim, Copie o código,
PREFEITURA DE SÃO BERNARDO DO CAMPO SECRETARIA DE EDUCAÇÃO E CULTURA
DEPARTAMENTO DE AÇÕES EDUCACIONAIS DIVISÃO DE INCREMENTO AO ENSINO
SEÇÃO DE LABORATÓRIO E EDUCAÇÃO TECNOLÓGICA
Se 134 Sirley Zancanari Ferrantte
7. Abra o blog no modo de edição, crie uma página, coloque título (Por ex Fale Conosco,
Contacto), clique em Editar HTML e cole o código.
Clique em Publicar Página e visualize.