Inserta un Google Form en tu sitio web

Un formulario insertado es el formulario en vivo mostrado dentro de un marco en tu propia página. Los visitantes responden sin salir de tu sitio.

Permite insertar

Insertar está desactivado de forma predeterminada, así que ningún otro sitio web puede mostrar tu formulario.

1. En la pestaña Formulario de la barra lateral, haz clic en el lápiz de la fila Configuración del formulario en vivo
2. En la pestaña Tema, activa Dar estilo al formulario en vivo si está desactivado
3. Activa Permitir insertar

El cuadro Código para insertar aparece debajo del interruptor.

Copia el código para insertar

Haz clic en Copiar. El código es una sola línea:

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

Usa el código de tu propio cuadro de diálogo, que lleva el ID de tu formulario. El script coloca el formulario en un marco justo donde lo pegas y mantiene el marco tan alto como el formulario, así que la página nunca muestra una segunda barra de desplazamiento. El marco crece y se reduce cuando los participantes pasan de una página a otra, ven un mensaje de error o llegan a la pantalla de agradecimiento. Tras enviar, vuelve a mostrar la parte superior del formulario.

Para insertar varios formularios en una página, pega una línea por formulario.

Pégalo en tu página

Pega el código donde tu sitio web acepte HTML:

• WordPress. Añade un bloque de HTML personalizado.
• Wix, Squarespace, Webflow. Añade un elemento Embed o Code y pega el código en él.
• Tu propio HTML. Pégalo donde quieras que aparezca el formulario.

Si tu sitio no permite scripts

Algunos creadores de sitios web eliminan las etiquetas <script>. Debajo del código para insertar, haz clic en ¿No se permiten scripts? Usa un iframe simple y copia ese código en su lugar:

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

Un iframe simple tiene una altura fija. Cambia height="900" por un número de píxeles que se ajuste a tu formulario, para que la página no muestre una segunda barra de desplazamiento. Un formulario con varias páginas necesita la altura de su página más larga.

Haz que se integre

• Activa Integrar en mi sitio web, debajo de Permitir insertar. Quita el color de página detrás del formulario, así que sus tarjetas quedan sobre el fondo de tu propia página. Las tarjetas, los bordes y las sombras del estilo se mantienen, y el enlace en vivo conserva su página.
• Usa la vista previa En su sitio para ver el formulario insertado en una página sencilla antes de guardar.
• En Mostrar, desactiva Powered by si no quieres esa línea. Solo se puede ocultar en un formulario insertado.
• Un formulario insertado suprime el margen de la página y la fila de controles alrededor del formulario.

Deja de insertar

Desactiva Permitir insertar y otros sitios web ya no podrán mostrar el formulario. Desactivar Dar estilo al formulario en vivo hace lo mismo.