¿Cómo insertar Google Forms en un sitio web?

"¿Puedo insertar un Google Form directamente en mi sitio web en lugar de poner un enlace?"- Google Docs Editors Community

Quieres tu formulario de contacto o de registro en tu propio sitio web, no detrás de un enlace. Un enlace a un Google Form saca a los visitantes de tu sitio y algunos no vuelven. El código para insertar de Google los mantiene en la página, pero el formulario queda en una caja fija con su propia barra de desplazamiento y el aspecto de Google. Con Formfacade, pegas un solo código para insertar en tu página web y el formulario aparece ahí sin iframe y sin la marca de Google, mientras las respuestas siguen yendo a Google Forms y Google Sheets.

Aquí tienes tres formas de poner un Google Form en tu sitio web y dónde se queda corta cada una.

1. Pon un enlace al formulario

Copia el enlace de tu formulario desde Google Forms y ponlo en un botón o en tu menú. Es rápido de configurar, pero los visitantes salen de tu sitio web para rellenar el formulario y algunos no vuelven.

2. Pega el Embed HTML de Google

Abre tu Google Form y haz clic en el ícono ⋮ Más en la esquina superior derecha. Selecciona Embed HTML, copia el código HTML y pégalo en la página web donde quieres el formulario.
El cuadro Embed HTML con el código iframe, Width 640 y Height 384, con Copy marcado
Así los visitantes se quedan en tu página, pero solo puedes cambiar el ancho y el alto del formulario. Se muestra en una caja fija con su propia barra de desplazamiento, con la marca de Google y la nota de aviso abajo.

3. Insértalo con Formfacade

  • Haz clic en Crear tu formulario, ponle nombre a tu formulario, haz clic en Build form y luego en Proceed.
  • Haz clic en la pestaña "Share" y luego en Embed.
  • En "Where do you want to embed this form?", selecciona "My website is different from above" y haz clic en el botón Next.
La pestaña Embed en Share que pregunta Where do you want to embed this form?, con Embed, My website is different from above y Next marcados
  • Copia este código para insertar y pégalo en la página web donde quieres insertar este formulario.
La pestaña Embed en Share que muestra el código de inserción en un recuadro, con el código marcado
Tu formulario se mostrará en tu página web, sin iframe y sin la marca de Google.
Para que te ayudemos a combinar el formulario con tu sitio web, haz clic en Next, selecciona "Yes, I want to customize UI like my website" y haz clic en Next.
La pestaña Embed que pregunta Have you embedded the form?, con Yes, I want to customize UI like my website seleccionado y marcado y Next marcado
Escribe la URL de tu página y tu mensaje y haz clic en Submit. Nuestro equipo se pondrá en contacto contigo y te ayudará con tu solicitud.
La pestaña Embed que pregunta Which page did you embed the form? y Do you need any help?, con el cuadro de mensaje y Submit marcados

¿Cómo hacer que tu formulario use los colores y las fuentes de tu sitio web?

  • Haz clic en la pestaña "Preview".
  • Ajusta Primary color, Background y Typography settings para que combinen con tu sitio web.
  • Para conservar estos colores, haz clic en el botón "Apply to all forms", que cambia todos los formularios publicados de tu cuenta, no solo este. Tu código para insertar funciona sin él.
  • Para cambiar el diseño del formulario, haz clic en la pestaña Layout. Ese botón dice "Apply to this form".
La pestaña Theme en Preview con los ajustes Primary color, Background y Typography, con los cuadros de color y el botón Apply to all forms marcados

¿Y si mi sitio web está en WordPress, Squarespace, Shopify o Wix?

La inserción predeterminada de Google Forms puede fallar en tu sitio web y cortar el formulario, así que usa el código de inserción de Formfacade. Selecciona tu sitio web si está en la lista y sigue las instrucciones que aparecen. Para Shopify, Wix o cualquier otro sitio web, selecciona "My website is different from above". También puedes leer ¿Cómo insertar Google Forms en WordPress?, ¿Cómo insertar Google Forms en Squarespace?, ¿Cómo insertar Google Forms en Wix? y ¿Cómo insertar Google Forms en Google Sites?

Resumen

Un enlace saca a los visitantes de tu sitio web y el Embed HTML de Google te da una caja fija con el aspecto de Google. Con Formfacade, pegas el código para insertar en tu página web y el formulario aparece ahí sin iframe, así que los visitantes se quedan en tu sitio. Crea tu formulario y completa los pasos de arriba. Si tienes alguna pregunta, escribe a soporte.

Última actualización: