Incorporando formulários do Google Drive a páginas do WordPress

Criando um formulário

Para criar um formulário, entre em: http://drive.google.com/
Depois, clique no botão “Criar”, entre em Formulário, como na imagem:
Captura-de-Tela-2011-11-21-às-13.40.27

Depois de aberto, um formulário de cadastro como o da imagem abaixo deve aparecer:

Captura-de-Tela-2011-11-21-às-13.42.56

No campo “Formulário sem Título”, é o local onde deve-se preencher o nome do Formulário.
No quadro amarelo, é onde serão preenchidas as perguntas/campos do seu formulário.
Em “Título da Pergunta”, preencha o que deve ser informado neste campo.
Em “Texto de Ajuda”, pode-se informar uma pequena descrição do que é a informação do campo.
Em “Tipos de Pergunta”, selecione o formato de resposta desejado. Os tipos disponíveis são:

  • Texto – Aparecerá um campo de uma linha.
  • Texto do Parágrafo – Aparecerá uma caixa de texto.
  • Múltipla Escolha – Campos de múltipla escolha, onde apenas um item pode ser selecionado.
  • Caixas de Seleção – Campos de seleção, onde vários itens podem ser selecionados.
  • Escolha de uma Lista – Uma lista aparecerá para o usuário selecionar uma opção.
  • Escala – Aparecerá uma lista de valores que um só poderá ser selecionado.
  • Grade – Aparecerá uma grade de valores, onde o usuário poderá selecionar um valor para cada linha.

Para adicionar mais campos ao seu formulário, na barra superior, entre em Adicionar Item e escolha o tipo, como na imagem:

Captura-de-Tela-2011-11-21-às-14.13.47

Para alterar o tema do seu formulário, entre em “Tema”, na barra superior, e selecione o tema que mais agradar.

Ao terminar o formulário, clique em “Salvar”, na barra superior.

Incorporando o formulário a uma página do WordPress

Em seu site no WordPress Institucional, acesse o menu Plugins e ative o plugin iframe, se este ainda não estiver ativo.

Em seu formulário, no Google Drive, clique em “Arquivo” e em “Incorporar…”, no menu superior. Selecione o código HTML fornecido, copie e cole em sua página no WordPress, com o cuidado de substituir as marcações < e > por [ e ].

Por exemplo, o código original abaixo:

<iframe src="https://docs.google.com/forms/d/1owzrS0PINoRoiJYSXMqSh6IhXljXrYbijQuCF0e7DPo/viewform?embedded=true" width="760" height="500" frameborder="0" marginheight="0" marginwidth="0">Carregando...</iframe>

Deverá ser reescrito como:

[iframe src="https://docs.google.com/forms/d/1owzrS0PINoRoiJYSXMqSh6IhXljXrYbijQuCF0e7DPo/viewform?embedded=true" width="760" height="500" frameborder="0" marginheight="0" marginwidth="0" scrolling="auto"]

Observe a opção scrolling=”auto” adicionada para que seja possível visualizar toda a extensão do formulário. Também pode ser necessário ajustar os valores dos parâmetros width (largura) e height (altura), para adequar o tamanho do formulário ao layout do site.

A mensagem “Carregando…” e o </iframe> do código original não são necessários para o funcionamento do formulário no WordPress, e podem ser removidos.

Visualizando as respostas do formulário

Para visualizar as respostas do seu formulário, entre em http://drive.google.com/. Após, clique no nome do Formulário Criado, e então, aparecerá uma tabela com todas as respostas enviadas pelo formulário!

Para editar seu formulário, clique em “Formulário” e em “Editar Formulário”, como na imagem:

Captura-de-Tela-2011-11-21-às-14.30.29

Publicado em Plugins, Tutoriais