Incorpore um Google Form no Seu Site

Permita a incorporação, copie o código de incorporação e cole na sua página

Um formulário incorporado é o formulário ao vivo mostrado dentro de um quadro na sua própria página. Os visitantes respondem sem sair do seu site.

Permita a incorporação

A incorporação vem desativada, então nenhum outro site pode mostrar o seu formulário.

  1. Na guia Formulário da barra lateral, clique no lápis da linha Configurações do formulário ao vivo
  2. Na guia Tema, ative Personalizar o formulário ao vivo se estiver desativado
  3. Ative Permitir incorporação

A caixa Código de incorporação aparece abaixo do botão.

Copie o código de incorporação

Clique em Copiar. O código é uma única linha:

<script src="https://skyfield.cloud/embed.js" data-form="your-form" async></script>

Use o código da sua própria caixa de diálogo, que traz o ID do seu formulário. O script coloca o formulário em um quadro bem onde você o cola e mantém o quadro tão alto quanto o formulário, então a página nunca mostra uma segunda barra de rolagem. O quadro cresce e diminui quando os participantes mudam de página, veem uma mensagem de erro ou chegam à tela de agradecimento. Depois do envio, ele leva o topo do formulário de volta à vista.

Para incorporar vários formulários em uma página, cole uma linha por formulário.

Cole na sua página

Cole o código em qualquer lugar onde o seu site aceite HTML:

  • WordPress. Adicione um bloco HTML personalizado.
  • Wix, Squarespace, Webflow. Adicione um elemento de Incorporar ou de Código e cole o código nele.
  • Seu próprio HTML. Cole onde o formulário deve aparecer.

Se o seu site não permite scripts

Alguns criadores de sites removem as tags <script>. Abaixo do código de incorporação, clique em Scripts não são permitidos? Use um iframe simples e copie esse código no lugar:

<iframe
  src="https://skyfield.cloud/forms/your-form?embed=1"
  width="100%"
  height="900"
  style="border:0"
></iframe>

Um iframe simples tem altura fixa. Troque height="900" por um número de pixels que caiba no seu formulário, para que a página não mostre uma segunda barra de rolagem. Um formulário com várias páginas precisa da altura da sua página mais longa.

Faça-o se misturar ao site

  • Ative Integrar ao meu site, abaixo de Permitir incorporação. Isso remove a cor da página atrás do formulário, e os cartões ficam sobre o fundo da sua própria página. Os cartões, as bordas e as sombras do estilo continuam, e o link ao vivo mantém a página dele.
  • Use a prévia No seu site para ver o formulário incorporado em uma página simples antes de salvar.
  • Em Mostrar, desative Powered by se não quiser essa linha. Ela só pode ser ocultada em um formulário incorporado.
  • Um formulário incorporado dispensa o espaçamento da página e a linha de controles ao redor do formulário.

Pare de incorporar

Desative Permitir incorporação e outros sites não podem mais mostrar o formulário. Desativar Personalizar o formulário ao vivo tem o mesmo efeito.