1. Blog
2. WordPress

Cómo insertar un formulario de Google en WordPress

Insertar un formulario de Google en WordPress es más sencillo de lo que parece: basta con copiar el código de inserción que genera Google Forms y pegarlo en tu página o entrada. En este artículo se explica cómo hacerlo paso a paso, qué errores evitar y cómo sacarle el máximo partido a esta herramienta.

¿Qué es Google Forms y para qué sirve en un sitio web?

Google Forms es una herramienta de Google Workspace que permite crear formularios en línea sin necesidad de programar. Se usa para recopilar información de usuarios, gestionar inscripciones, realizar encuestas, recibir consultas de clientes o generar listas de espera.

La ventaja principal es que las respuestas se guardan automáticamente en Google Sheets, lo que facilita su análisis sin herramientas adicionales. Para una pyme o un emprendedor que gestiona su propio sitio, es una solución práctica y sin costo.

WordPress, por su parte, es el gestor de contenidos más utilizado en el mundo. Combinar ambas herramientas permite tener un sitio funcional con formularios operativos en minutos, sin depender de plugins de pago ni configuraciones complejas.

Si estás dando tus primeros pasos con WordPress, puede ser útil revisar primero cómo actualizar WordPress correctamente antes de incorporar nuevos elementos a tu sitio.

Cómo insertar un formulario de Google en WordPress paso a paso

Este método funciona en cualquier versión de WordPress, ya sea con el editor clásico o con el editor de bloques (Gutenberg). No requiere instalar ningún plugin adicional.

Paso 1: Crear el formulario en Google Forms

1. Ingresa a forms.google.com con tu cuenta de Google.
2. Haz clic en el botón «+» para crear un formulario nuevo.
3. Agrega el título, la descripción y todos los campos que necesites: texto corto, selección múltiple, casillas de verificación, etc.
4. Configura las opciones de respuesta según tu caso: si quieres que el usuario reciba una copia de su respuesta, si las respuestas son anónimas o si se requiere inicio de sesión.

Paso 2: Obtener el código de inserción (embed)

Una vez que el formulario está listo:

1. Haz clic en el botón Enviar (ícono de avión de papel en la esquina superior derecha).
2. En la ventana emergente, selecciona la pestaña con el ícono < > (que corresponde a «Insertar HTML»).
3. Verás un código similar a este:

<iframe src="https://docs.google.com/forms/d/e/EJEMPLO_ID/viewform?embedded=true" 
width="640" height="480" frameborder="0" marginheight="0" marginwidth="0">
Cargando…
</iframe>

1. Puedes ajustar el ancho y el alto directamente en ese código antes de copiarlo.
2. Haz clic en Copiar.

Paso 3: Insertar el código en WordPress

Si usas el editor de bloques (Gutenberg):

1. Abre la página o entrada donde quieres mostrar el formulario.
2. Haz clic en el botón «+» para agregar un nuevo bloque.
3. Busca el bloque HTML personalizado (Custom HTML).
4. Pega el código del iframe en el bloque.
5. Haz clic en Vista previa para verificar que el formulario se muestra correctamente.
6. Publica o actualiza la página.

Si usas el editor clásico:

1. Abre la página o entrada en modo edición.
2. Cambia la pestaña de Visual a Texto.
3. Pega el código del iframe en el lugar donde quieres que aparezca el formulario.
4. Vuelve a la pestaña Visual para verificar la vista previa.
5. Publica o actualiza.

Paso 4: Verificar el resultado en el sitio

Antes de dar por terminado el proceso, abre el sitio en modo incógnito o desde otro dispositivo para comprobar que:

• El formulario carga sin errores.
• Los campos se ven correctamente en pantallas pequeñas (móvil y tablet).
• Al enviar una respuesta de prueba, los datos aparecen en la hoja de cálculo de Google.

Métodos alternativos para insertar formularios en WordPress

Más allá del iframe, existen otras formas de integrar Google Forms en WordPress según las necesidades del proyecto.

Usando un plugin de WordPress

Algunos plugins permiten integrar Google Forms de manera más fluida, con opciones de personalización visual adicionales. Los más usados son:

• Google Forms by GSheetConnector: conecta el formulario con hojas de cálculo y ofrece shortcodes.
• WPForms: permite crear formularios nativos en WordPress con integración a Google Sheets a través de add-ons.
• Embed Google Forms: plugin liviano específico para esta tarea.

La ventaja del iframe directo es que no agrega peso extra al sitio. Los plugins son útiles si se necesita mayor control sobre el diseño o si se desean funciones adicionales como notificaciones por correo.

Para profundizar en cómo conectar distintas herramientas a tu sitio, incluyendo formularios, pagos y WhatsApp, puedes revisar esta guía sobre cómo conectar pagos, formularios o WhatsApp a tu web.

Usando un shortcode personalizado

Si tienes acceso al archivo functions.php de tu tema (o utilizas un plugin de fragmentos de código como Code Snippets), puedes registrar el formulario como un shortcode reutilizable.

function mi_formulario_google() {
    return '<iframe src="https://docs.google.com/forms/d/e/EJEMPLO_ID/viewform?embedded=true" 
    width="100%" height="600" frameborder="0" marginheight="0" marginwidth="0">Cargando…</iframe>';
}
add_shortcode('formulario_contacto', 'mi_formulario_google');

Luego, en cualquier página o entrada, puedes insertar [formulario_contacto] y el formulario aparecerá automáticamente. Esta opción es especialmente útil si el mismo formulario se usa en varios lugares del sitio.

Errores comunes al insertar formularios de Google en WordPress

Al trabajar con iframes en WordPress, algunos problemas aparecen con frecuencia. Conocerlos de antemano ahorra tiempo.

El formulario no se muestra o aparece en blanco
Esto ocurre cuando el editor de WordPress elimina automáticamente el código iframe por razones de seguridad. La solución más directa es usar el bloque HTML personalizado en lugar del bloque de párrafo o texto. Algunos temas o plugins de seguridad bloquean iframes de dominios externos; en ese caso, es necesario revisar la configuración del plugin de seguridad activo.

El formulario se ve cortado o con barras de desplazamiento
El problema está en las dimensiones del iframe. Google Forms no tiene un tamaño fijo porque el alto depende de la cantidad de preguntas. Una solución práctica es usar width="100%" para el ancho y ajustar el alto (height) a un valor mayor del necesario. Algunos desarrolladores usan JavaScript para ajustar el alto dinámicamente, aunque para la mayoría de los casos con aumentar el valor de height es suficiente.

El formulario no carga en móviles
En pantallas pequeñas, un iframe con ancho fijo (por ejemplo, width="640") desborda el contenedor. Cambiar a width="100%" resuelve el problema en la mayoría de los casos.

Los datos no llegan a la hoja de cálculo
Esto no suele ser un problema de WordPress, sino de la configuración del formulario en Google. Verificar que la opción de guardar respuestas en Sheets esté activada en la pestaña «Respuestas» dentro del editor de Google Forms.

El editor de WordPress convierte las comillas del código
Al pegar código HTML en el editor visual y luego cambiar a texto, WordPress a veces reemplaza las comillas rectas por comillas tipográficas, lo que rompe el código. Para evitarlo, siempre pegar el código directamente en el modo Texto o en el bloque HTML personalizado.

Consejos para mejorar tus formularios

Estos puntos no aparecen en la mayoría de las guías básicas, pero marcan una diferencia real en la experiencia del usuario.

• Forzar la carga sin barra de progreso: al final de la URL del formulario, antes del cierre de la etiqueta src, se puede agregar &chrome=false para eliminar el encabezado de Google y que el formulario se vea más integrado al diseño del sitio.

  
  

• Pre-rellenar campos automáticamente: Google Forms permite generar URLs con campos pre-completados. Esto es útil si el formulario está en una página de producto específica y se quiere enviar ese contexto automáticamente. Se accede desde el menú «Obtener enlace previamente rellenado» dentro del editor del formulario.

  
  

• Redirigir al usuario después del envío: dentro de la configuración del formulario (icono de engranaje > Presentación), se puede personalizar el mensaje de confirmación. Aunque Google Forms no permite redireccionar a una URL externa directamente, con el método de iframe en WordPress se puede agregar un listener en JavaScript para detectar el envío y ejecutar una acción.

  
  

• Usar Google Forms para encuestas de satisfacción post-compra: si tienes una tienda WooCommerce, puedes insertar un formulario de valoración en la página de confirmación de pedido. Es una forma sencilla de recopilar feedback sin instalar herramientas adicionales.

  
  

• Conectar las respuestas con Google Workspace: si tu empresa usa correo profesional a través de Google Workspace, puedes configurar notificaciones automáticas por correo cada vez que alguien complete el formulario, directamente desde la cuenta corporativa. Esto mantiene todas las comunicaciones en un entorno profesional y evita mezclar respuestas con cuentas personales.

  
  

Para que estos formularios funcionen de forma confiable, el sitio necesita estar alojado en un hosting web con buena disponibilidad. Si el sitio cae o carga lento, los usuarios abandonan el formulario antes de enviarlo. Vale la pena asegurarse de contar con una infraestructura estable, especialmente si el formulario es parte de un proceso crítico como inscripciones o consultas de clientes.

Puede interesarte también revisar los consejos para crear formularios web efectivos, donde se tratan aspectos de usabilidad y conversión que aplican tanto a Google Forms como a cualquier otra herramienta.

Lo que dicen los clientes de Neolo

★★★★★ Martin Aberastegue
«Neolo es la mejor compañía de alojamiento web con la que he trabajado. Hace más de 7 años que confío en sus servicios tanto para proyectos propios como de mis clientes.»

★★★★★ Matías Pregliasco
«Usualmente, cuando escribo al soporte la respuesta es prácticamente inmediata. Agradecido también por la buena predisposición.»

★★★★★ Matias
«Es la única empresa que supo resolver todos los problemas que tenía con el hosting. Soporte constante y super profesional.»

Preguntas frecuentes

¿Se puede insertar un formulario de Google en WordPress sin plugins?
Sí. El método más sencillo es usar el código de inserción (iframe) que genera Google Forms y pegarlo en un bloque HTML personalizado dentro del editor de WordPress. No se requiere ningún plugin adicional.

¿Es seguro usar iframes de Google Forms en un sitio WordPress?
En general, sí. Google Forms es un servicio de Google y el iframe carga contenido desde sus servidores. No representa un riesgo de seguridad para el sitio. Sin embargo, algunos plugins de seguridad pueden bloquear iframes externos por defecto; en ese caso hay que agregar una excepción para el dominio de Google.

¿Cómo hago que el formulario de Google se vea bien en móviles?
El ajuste clave es usar width="100%" en el atributo del iframe en lugar de un valor fijo en píxeles. Para el alto, es recomendable definir un valor generoso (por ejemplo, height="800") o usar CSS para adaptar el contenedor al tamaño de pantalla.

¿Las respuestas del formulario llegan por correo?
Google Forms permite configurar notificaciones por correo electrónico desde la pestaña «Respuestas» dentro del editor del formulario. Al hacer clic en los tres puntos del menú, aparece la opción «Recibir notificaciones de respuestas nuevas». Si se usa Google Workspace, estas notificaciones llegan a la cuenta corporativa.

¿Puedo personalizar el diseño del formulario para que coincida con mi sitio?
Google Forms tiene opciones de personalización limitadas: se puede cambiar el color de encabezado, el fondo y la fuente. Para un diseño completamente integrado al sitio, la alternativa es usar un plugin como WPForms o Gravity Forms, que generan formularios nativos de WordPress con mayor control visual.

¿Qué pasa si el formulario tiene muchas preguntas y el iframe lo corta?
El alto del iframe no se ajusta automáticamente al contenido del formulario. Si el formulario es largo, hay que aumentar el valor de height manualmente o implementar un script de JavaScript que detecte el tamaño del contenido interno y ajuste el iframe de forma dinámica.

¿Puedo usar un formulario de Google Forms para recibir pagos?
Google Forms no procesa pagos directamente. Para eso se necesita una solución específica como WooCommerce, una pasarela de pago o un formulario con integración a Stripe o PayPal.

Conclusión

Insertar un formulario de Google en WordPress es un proceso accesible para cualquier persona que gestione su propio sitio, sin importar el nivel técnico. El método del iframe es suficiente para la mayoría de los casos; los plugins y el shortcode personalizado son útiles cuando se necesita mayor control o reutilización.

Para que todo funcione correctamente, el sitio debe estar sobre una base sólida. Un hosting web confiable marca la diferencia en la experiencia del usuario: si el sitio carga lento o no está disponible, los formularios no sirven de nada aunque estén bien configurados.

Neolo opera desde 2002, cuenta con más de 10.000 clientes en todo el mundo y responde el 80% de las consultas de soporte en menos de una hora. Si estás buscando un proveedor que priorice la estabilidad y el soporte real, es una opción que vale la pena considerar. Los planes incluyen garantía de reembolso de 30 días, por lo que no hay riesgo al probar el servicio.