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,





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





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.





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,





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.

criar formulário de contato

Documents