Añadir un formulario de Google a tu sitio de WordPress es una forma sencilla de simplificar la recopilación de datos, ya sea que estés recopilando comentarios, realizando encuestas o gestionando inscripciones a eventos.
En esta guía, explicaremos dos métodos de integración: la inserción manual y el uso de un plugin. También presentaremos una alternativa más potente a Google Forms que puede adaptarse mejor a tus necesidades. ¡Empecemos!
Método 1: insertar manualmente un formulario de Google en WordPress
Este método consiste en copiar el código de inserción de Google Forms y pegarlo en tu sitio de WordPress.
Paso 1: crear tu formulario de Google
- Ve a Google Forms.
- Haz clic en el botón + para comenzar un formulario nuevo o selecciona una plantilla.
- Añade tus preguntas y descripciones, y personaliza el aspecto del formulario mediante el icono de paleta.
Paso 2: obtener el código de inserción
- Cuando el formulario esté listo, haz clic en el botón Enviar situado en la esquina superior derecha.
- En la ventana emergente, selecciona la pestaña < > para acceder al código HTML de inserción.
- Ajusta el ancho y la altura si es necesario y, a continuación, haz clic en Copiar para guardar el código.
Paso 3: insertar el formulario en tu sitio de WordPress
Con el editor de bloques:
- Abre la página o entrada donde quieras insertar el formulario.
- Haz clic en el icono + para añadir un bloque nuevo y selecciona HTML personalizado.
- Pega el código iframe copiado en el bloque.
- Haz clic en Vista previa para ver cómo aparece el formulario y, a continuación, Publica o Actualiza la página.
Con el editor clásico:
- Abre la página o entrada que quieras.
- Cambia a la pestaña Texto del editor.
- Pega el código iframe donde quieras que aparezca el formulario.
- Vuelve a la pestaña Visual para obtener una vista previa y, a continuación, Publica o Actualiza la página.
Método 2: usar plugins para insertar Google Forms
Si buscas más opciones de personalización o sencillez, varios plugins pueden facilitar la inserción de Google Forms en WordPress.
Opción 1: el plugin EmbedPress
- En tu panel de administración de WordPress, ve a Plugins → Añadir nuevo.
- Busca EmbedPress, haz clic en Instalar ahora y Activar.
- Abre la página o entrada donde quieras añadir el formulario.
Haz clic en el + icono para añadir un bloque nuevo, busca EmbedPress, y selecciónalo. - Pega la URL del formulario de Google en el bloque y el plugin lo insertará automáticamente.
Opción 2: el plugin FormFacade
- Ve a Plugins → Añadir nuevo en el panel de administración de tu WordPress.
- Busca FormFacade, haz clic en Instalar ahora y Activar.
- Sigue el asistente de configuración para conectar tu cuenta de Google y selecciona el formulario que quieras insertar.
- Elige la página en la que quieres que aparezca el formulario y FormFacade lo insertará, aplicando la configuración del tema de tu sitio para que tenga un aspecto uniforme.
Cómo personalizar tu formulario de Google insertado
Aunque Google Forms ofrece opciones de estilo limitadas, puedes hacer algunos ajustes para asegurarte de que el formulario coincida con el diseño de tu sitio web:
- Asegúrate de que sea adaptable: Modifica el ancho del código del iframe a “100%” para garantizar que el formulario se ajuste a distintos tamaños de pantalla.
- Añade CSS personalizado: Usa CSS personalizado para diseñar el contenedor del formulario y modificar el relleno, los bordes o los colores.
- Usa el plugin FormFacade: Si usas el plugin FormFacade, aprovecha sus funciones avanzadas de personalización para adaptar la apariencia del formulario a la estética de tu sitio.
Solución de problemas comunes
Si encuentras problemas al insertar un formulario de Google, prueba las siguientes soluciones:
- El formulario no se muestra: Asegúrate de haber copiado el código de inserción correcto y haberlo pegado en la sección correspondiente del editor de WordPress.
- Conflictos de estilo: Comprueba si hay conflictos de CSS que puedan afectar a la apariencia del formulario y ajusta los estilos de tu tema según corresponda.
- Problemas de adaptación a dispositivos móviles: Confirma que el ancho del iframe esté establecido en “100%” y prueba el formulario en distintos dispositivos.
- Conflictos entre plugins: Desactiva temporalmente otros plugins para identificar cualquier conflicto que pueda impedir que el formulario se muestre correctamente.
Considera Jetpack Forms para disfrutar de una experiencia fluida en WordPress
A estas alturas, ya has visto cómo insertar un formulario de Google puede resolver el problema. Es sencillo y, si ya usas Google Workspace, es una herramienta conocida. Dicho esto, insertar un formulario de terceros en tu sitio de WordPress implica algunas concesiones, especialmente en lo que respecta a la personalización, la experiencia del usuario y la simplificación de tu flujo de trabajo.
Si buscas una solución nativa y más fluida que funcione bien con tu configuración de WordPress, es hora de echar un vistazo a Jetpack Forms.
Diseñado para WordPress: no se necesitan pasos adicionales
Jetpack Forms está totalmente integrado con el editor de bloques de WordPress, así que no tienes que saltar entre distintas plataformas ni lidiar con códigos de inserción. Todo ocurre directamente dentro del editor de tu entrada o página. ¿Necesitas añadir un formulario de contacto o un campo para comentarios rápidos? Puedes hacerlo con un par de clics, sin interrumpir tu flujo de escritura.
Lo que lo hace aún más eficiente es lo bien que encaja de forma natural en la manera en que se crean y administran los sitios de WordPress. Se comporta como una función nativa, no como algo añadido a posteriori o una solución alternativa.
Creación sencilla de formularios con la ayuda de IA
Una función que destaca es el Asistente de IA que viene incluido con Jetpack Forms. En lugar de empezar desde cero, puedes describir en lenguaje sencillo el tipo de formulario que necesitas y generará al instante una versión funcional.
Por ejemplo, dile que quieres un “formulario de incorporación de clientes con nombre, correo electrónico, detalles del proyecto y un horario de contacto preferido” y se encargará del resto. Aún puedes ajustar todos los detalles, pero el trabajo inicial ya está hecho, lo que te ahorra tiempo y clics.
El diseño y el control siguen estando en tus manos
A diferencia de Google Forms, que ofrece una flexibilidad de diseño limitada, Jetpack Forms te permite hacer que el formulario coincida con el estilo de tu sitio. Puedes ajustar el diseño, los colores y las fuentes directamente en el editor, usando las mismas herramientas que ya conoces para dar formato a tu sitio. No tienes por qué conformarte con un aspecto que no encaje del todo.
Y como los formularios están alojados en tu sitio, tienes control total sobre la experiencia: sin marcas externas ni estilos incoherentes.
Todo permanece bajo tu control
Otra de las grandes ventajas es el control de los datos. Con Jetpack Forms, los envíos se almacenan directamente en tu escritorio de WordPress. No necesitas ir a Google Sheets ni preocuparte por sincronizar datos entre plataformas.
Puedes ver, gestionar e incluso exportar las respuestas de tus formularios directamente desde tu sitio. Además, el filtrado de spam de Jetpack (con tecnología de Akismet) funciona en segundo plano para mantener los envíos basura fuera de tu bandeja de entrada sin necesidad de ninguna configuración adicional.
Parte de un conjunto de herramientas más amplio
Jetpack Forms forma parte de la suite más amplia de Jetpack, así que si ya usas Jetpack para cosas como copias de seguridad, seguridad u optimización del rendimiento, integrar formularios es muy sencillo. Es un plugin menos que gestionar y mantiene tu sitio más ligero y fácil de mantener.
Tanto si estás empezando desde cero como si quieres mejorar la forma en que gestionas los formularios de tu sitio, Jetpack Forms te ofrece la flexibilidad y el control que Google Forms no puede ofrecer dentro de WordPress. Está diseñado para propietarios de sitios que quieren herramientas que funcionen bien, tengan un buen aspecto y ahorren tiempo.
Si estás listo para ir más allá de lo básico, Jetpack Forms podría ser la mejora que tu flujo de trabajo estaba esperando. Empieza a usar Jetpack Forms aquí.
Jetpack 