WordPress Directo
  • Tutoriales
  • Plugins
  • Plantillas
  • Optimización
  • SEO
  • WordPress Hosting
No Result
View All Result
WordPress Directo
  • Tutoriales
  • Plugins
  • Plantillas
  • Optimización
  • SEO
  • WordPress Hosting
No Result
View All Result
WordPress Directo
No Result
View All Result

Cómo integrar un formulario de Google Forms en WordPress

Jorge López by Jorge López
18 mayo 2017
in Optimización
Reading Time: 6 mins read
11

Existen incontables plugins en WordPress que te brindan la posibilidad de insertar todo tipo de formularios, desde los típicos de contacto, hasta otros mucho más complejos. En esta entrada te mostramos cómo insertar formularios sin depender de plugins, insertando Google Forms en WordPress.

Ya os hemos hablado por aquí sobre cómo insertar formularios de contacto en vuestro sitio WordPress. El plugin Contact Form 7, nuestro favorito para esta tarea, simplifica mucho las cosas y te proporciona un gran nivel de personalización y gestión. Pero no todo en WordPress son plugins, existen otras plataformas capaces de crear formularios muy completos y que no dependen de WordPress. Es el caso de Google Forms, una opción que deberías considerar en el caso de querer insertar un formulario en tu web.

También te puede interesar: Cómo configurar Google Webmaster Tools para WordPress

Google Forms es un servicio totalmente gratuito y muy versátil. Mucha gente no lo conoce debido a que está escondido en el último resquicio de Google Drive, el servicio de alojamiento en la nube de Google. Entre las ventajas que proporciona el uso de Google Forms están:

Artículos relacionados

10 sitios con fotos gratuitas que debes conocer

6 febrero 2019

¿Cómo ganar dinero con WordPress? Las claves de tu negocio online

10 noviembre 2016

Cómo solucionar el error Internal Server Error en WordPress

6 abril 2019

Cómo permitir que otros inserten tus posts de WordPress en su web

10 febrero 2016
  • Podrás crear encuestas, aplicaciones, registros, cuestionarios, concursos…
  • Posibilidad de personalización de campos, textos…
  • Podrás recoger las direcciones de correo electrónico de los suscritos a un newsletter
  • Arrastra y suelta las preguntas para confeccionar el formulario
  • Puedes añadir imágenes y vídeos de Youtube
  • Hay varias plantillas a elegir para modificar el diseño
  • Puedes crear tu formulario de manera cooperativa
  • Podrás utilizar opciones de ramificación y lógica para formularios más complejos
  • Posibilidad de utilizar add-ons para mejorar el formulario en cuestión
  • Podrás modificar el formulario en la vista previa que ofrece la herramienta
  • Personalización de la página de confirmación y de la de error
  • Administración de las respuestas recibidas en el formulario
  • Mucho más…

Como ves, Google Forms ofrece ciertos beneficios respecto a otros plugins para WordPress. Opciones de personalización, recogida de datos, estadísticas, opciones avanzadas… que no ofrecen plugins como los que hemos visto en otras entradas. Si estás interesado en integrar Google Forms en WordPress has venido al lugar indicado porque en esta entrada te vamos a enseñar cómo hacerlo. ¿Estás preparado? Pues empezamos.

Cómo integrar Google Forms en WordPress

Lo primero de todo, para crear un formulario con Google Forms, debes tener una cuenta en Google Drive. Si aún no la tienes (¿en serio?) es muy fácil crearla desde la página de registro de la propia plataforma. Además, esta herramienta es muy útil para compartir ficheros entre dispositivos y otros usuarios que también utilicen Google Drive. E incluso también para crear copias de seguridad de WordPress. Una vez dentro de la plataforma, veremos un botón en rojo con el texto Nuevo. Hacemos clic en el botón y nos aparecerán varias opciones según nuestra experiencia en la herramienta. Si no nos aparece en las sección principales la opción de Formularios de Google, abre el submenú Más para ver si aparece ahí.

En el caso de que no nos aparezca la opción en los submenús del botón Nuevo, tendremos que conectar Google Forms con Google Drive. No te preocupes, es muy sencillo de realizar. Para ello, hacemos clic en + Conectar más aplicaciones y veremos que se nos abre un pequeño popup en el que nos aparecerán varias apps que se pueden conectar con el servicio. Esta ventana nos ofrece un buscador en el que podemos encontrar las apps que necesitemos, en nuestro caso buscamos las palabras Google Forms. Verás que te aparece como la primera opción en los resultados de búsqueda. Ahora hacemos clic en el botón conectar y, de este modo, ya nos aparecería en el submenú del que te hemos hablado antes.

Cómo integrar un formulario con Google Forms en WordPress

Una vez dentro de la opción Formularios de Google, crearemos nuestro formulario en base a nuestros requisitos. Recuerda que con esta herramienta puedes analizar los datos así que también puedes crear formularios de newsletter, encuestas, concursos… No te prives, y disfruta de la versatilidad de Google Forms.

Cómo integrar un formulario con Google Forms en WordPress Realizado el formulario nos aparecerá una nueva ventana para poder enviarlo. En ella veremos que nos aparecen opciones como: copiar la url del propio formulario, compartirlo en redes sociales, enviarlo por correo electrónico y la posibilidad de nombrar como administradores de ese formulario a otras personas. Pero si te fijas bien hay un botón en el que pone Insertar, ese es el botón que nos interesa para integrar el formulario de Google que acabamos de crear en Google Forms.

Cómo integrar un formulario de Google Forms en WordPress - Enviar el formulario Si pulsamos en el botón Insertar de la ventana Enviar el formulario que nos aparecerá justo después de terminar la creación del formulario, se nos abrirá una nueva ventana con un código el cual tendremos que copiar para pegarlo más tarde en nuestra web con WordPress. En esta ventana también podremos modificar el tamaño del formulario, es decir, cómo queremos que sea de grande cuando se muestre en la parte pública del sitio web.

Google Forms en WordPress Ya con el código copiado, nos dirigimos a nuestro WordPress y editamos la entrada o página en la que queremos integrar Google Forms. En la pestaña de Texto del editor wysiwyg de la entrada o página, pegamos el código que acabamos de recibir de Google Forms. No te preocupes si, al volver a la pestaña visual, no aparece como debería aparecer. Es absolutamente normal. Pulsa en publicar para guardar los cambios y con esto quedaría terminada la integración de Google Forms en WordPress. Ya solo queda que revises la parte pública de la entrada o página que acabas de modificar para ver si aparece todo correctamente.

Es posible que, si usas una plantilla más avanzada que la que trae WordPress por defecto, notes que el formulario que acabas de insertar no queda realmente bien con el diseño de la web. No te preocupes, para ello sí que recurriremos a un plugin.

Google Forms Plugin

Cómo integrar un formulario con Google Forms en WordPress - Plugin Google Forms
Fuente: wordpress.org

El plugin de Google Forms nos facilita la integración de los formularios de Google Forms en nuestro WordPress. Con él no podremos crear formularios desde WordPress (aunque tenga la opción de crear formulario, primero lo crearemos en Google Forms y en esta opción le indicaremos la url del mismo), pero si personalizarlos al detalle para que entonen perfectamente con el theme que tengamos instalado en nuestro sitio.

También te puede interesar: Cómo añadir Google Search en WordPress

Y con esta quedaría completa la integración de Google Forms en WordPress. Esperamos que este tutorial te haya solucionado de algún entuerto y hayas podido crear tus formularios sin problemas. Nosotros estamos un pelín indecisos y no sabemos qué opción nos gusta más, si el plugin Contact Form 7 o los formularios de Google Forms… Sabemos que son soluciones totalmente distintas, pero, ¿por cuál te decantas tú?

Guardar

Tags: formulariogoogle formsGoogle Forms en WordPressgoogle+integrar Google Forms en WordPress
ShareTweetSendSharePin
Jorge López

Jorge López

Soy programador web y me gusta mucho el diseño gráfico, la fotografía y todo lo relacionado con las nuevas tecnologías. En mis ratos libres me encanta dibujar y escuchar música. ¡No podría vivir sin ella! Aparte soy un friki de las series...las devoro

Te puede interesar...

Plugins

Optimiza la gestión de usuarios en WordPress con Index WP Users For Speed

4 junio 2025

En sitios web con miles de usuarios registrados, el panel de administración de WordPress...

Optimización

Cómo bloquear Scrapy y otros bots de scraping en OpenLiteSpeed, Apache y Nginx (aceptando Googlebot real)

13 junio 2025

El scraping masivo puede poner en jaque el rendimiento y la seguridad de tu...

Optimización

FlyingPress lanza oficialmente su versión 5 con un motor en la nube que ya ha optimizado más de 10 millones de páginas

28 mayo 2025

La nueva versión incluye mejoras en el rendimiento para móviles, un potente motor CloudOptimizer...

Noticias

Cómo proteger el archivo functions.php y otros archivos PHP críticos en WordPress

26 mayo 2025

El archivo functions.php de WordPress, junto con otros ficheros PHP críticos como wp-config.php, wp-settings.php...

Comments 11

  1. Mercedes says:
    9 años ago

    Hola, muchas gracias por el aporte.
    Ahora bien el formato de google forms debe haber cambiado porque ya no aparece la opción insertar, no al menos en donde nos lo mostras.
    Podrías por favor, decirnos si la opción todavía es posible de otro modo?

  2. Esther says:
    9 años ago

    Muchas gracias Jorge! Me ha venido genial. Muy bien explicado y fácil. Bichearé tu web.

  3. Alberto says:
    8 años ago

    Hola!

    A mí me da este error: JavaScript isn’t enabled in your browser, so this file can’t be opened. Enable and reload.

    Porqué puede ser?

    • Jorge López says:
      8 años ago

      Hola Alberto,
      ¿Has comprobado que Javascript esté habilitado en tu navegador?

  4. Alberto says:
    8 años ago

    Gracias por responder. Ese mensaje me da en cualquier máquina y mis navegadoras si están habilitados el Javascript. No encuentro el error. No me aparece el formulario completo por ejemplo el botón de envío del formulario de Google Forms

  5. Alberto says:
    8 años ago

    Veo que es un buén componente pero a mí no me funciona. Sería genial usar ya que queremos capturar usuarios por medio de Google Forms. Alguien por favor que tenga este problema?

  6. Alberto says:
    8 años ago

    He detectado que tiene problemas mi formulario de Google Forms, mas no del plugin. No sé cual es el problema que tengo con mi formulario.

  7. Alberto says:
    8 años ago

    Hola Jorge,
    Enhorabuena por tu blog. Tengo una duda, tengo una web donde los clientes se han de bajar unos PDFs (formulario de alta de nuevos clientes, contrato, etc) para, desde su ordenador, rellenar el pdf a mano para luego enviarme la foto desde la web. Lo que quisiera es que el cliente rellene el formulario de alta y el contrato de servicios (este ultimo firmado) directamente desde mi web y me llegue directamente. De esta forma evitar tantos pasos al cliente, siempre muy engorroso. Me gustaría que fuera contractual, es decir, que cuando le den a «enviar» el contrato rellenado sea totalmente legal y no tengan que firmar el documento posteriormente. No sé si me he explicado bien. Un saludo
    Alberto

  8. Humberto López-Fernández says:
    8 años ago

    Excelente entrada, me ha resuelto en 2 minutos lo que llevaba casi todo el día buscando y no conseguía.
    Pasáis a ser mi 1ra página de referencia en wp.
    Un abrazo y gracias!

    • Alberto says:
      8 años ago

      Humberto tu sabes como resolver el problema del formulario de Google que no funciona con Wordpress, He detectado que tiene problemas mi formulario de Google Forms, mas no del plugin. No sé cual es el problema que tengo con mi formulario.

  9. elizabeth Salazar says:
    8 años ago

    Hola Jorge, tengo un problema (no soy programadora) me pidieron insertar un formulario de google en una página de wordpress, pero el código que me da es el siguiente: Cargando…

    Y al insertarlo en la página sólo se ve la palabra cargando, me podrías indicar que es lo que debo cambiar en el código para que se vea el cuestionario. ¡Muchas gracias

No Result
View All Result
Plugin Imagify, optimizar imágenes
wordpress hosting NVME
Elegant Themes WordPress
elementor editor plugin




Últimos artículos

5 plugins para gestionar múltiples sitios desarrollados con WordPress

22 abril 2020

Cómo trackear el envío de un formulario de Contact Form 7 con Analytics

21 septiembre 2017

Como integrar Facebook, Twitter y Google + en WordPress

14 febrero 2012

¿Es WordPress una buena opción para la web de un hotel?

13 febrero 2023

Cómo crear una navegación sticky en WordPress

22 agosto 2019
WordPress Directo

WPDirecto.com es una revista especializada en WordPress y WooCommerce que ofrece una amplia gama de recursos, incluyendo tutoriales, análisis de plugins y plantillas, consejos de optimización y estrategias de SEO, para ayudar a los usuarios a mejorar y personalizar sus sitios web, manteniéndolos informados sobre las últimas novedades y tendencias en el mundo de WordPress.

Menu

  • Tutoriales
  • Plugins
  • Plantillas
  • Optimización
  • SEO
  • WordPress Hosting

Información

WPDirecto es un medio de Medios y Redes:
  • Artículos patrocinados
  • Servicio de diseño web
  • Contacto
  • Acerca de MyR
  • Política de privacidad y cookies
  • Aviso Legal

© 1995-2025 Color Vivo Internet, SLU (Medios y Redes Online).. Otros contenidos se cita fuente. Infraestructura cloud servidores dedicados de Stackscale.

No Result
View All Result
  • Tutoriales
  • Plugins
  • Plantillas
  • Optimización
  • SEO
  • WordPress Hosting

© 1995-2025 Color Vivo Internet, SLU (Medios y Redes Online).. Otros contenidos se cita fuente. Infraestructura cloud servidores dedicados de Stackscale.