Este documento fornece instruções passo a passo para criar um formulário de contato no site Jotform e inseri-lo em um blog escolar: 1) Acesse o site Jotform; 2) Crie uma conta; 3) Crie um novo formulário usando ferramentas como texto, caixas de seleção e envio; 4) Personalize o estilo e configurações do formulário; 5) Copie o código gerado; 6) Cole o código em uma página do blog.

1. 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
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,
Se 134
Sirley Zancanari Ferrantte

2. 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
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
Se 134
Sirley Zancanari Ferrantte

3. 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
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.
Se 134
Sirley Zancanari Ferrantte

4. 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
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,
Se 134
Sirley Zancanari Ferrantte

5. 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
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.
Se 134
Sirley Zancanari Ferrantte