Cómo Añadir Formularios de Google Forms en WordPress

Categorias: Wordpress

Cómo Añadir Google Forms en WordPress

Los formularios online son algo muy común en cualquier sitio web y sirven para que los usuarios de un sitio web, puedan ponerse en contacto con las personas con nosotros, los administradores de WordPress.

Existen muchos tipos de formularios, el típico de contacto donde se pide un nombre, email y un espacio para dejar un mensaje al webmaster, formularios para registrarse a algún servicio, como un newsletter o una simple encuesta online.

Los formularios de contacto una alternativa lógica a poner una cuenta de correo de contacto, en la que el usuario tiene que abrir sus cliente de correo electrónico, añadir el email de contacto y redactar el mensaje, algo más engorroso que hacerlo directamente desde la web.

En WordPress existen un montón de plugins para gestionar los formularios de contacto, siendo algunos de los más populares Contact Form 7 o Ninja Forms.

Aunque los formularios se pueden gestionar desde el propio WordPress, algunos usuarios prefieren utilizar los Formularios de Google o Google Forms.

Los formularios de Google son un servicio más, de los muchos que Google ofrece de manera gratuita a sus usuarios, como puede ser Gmail, Google Drive, etc…

La razón de usar los Google Forms pueden ser varias. Todos los datos sacados de los formularios se recopilan de manera online y se pueden consultar a través de Google Drive.

Son gratuitos, aunque si eres usuario de G-suite tienes opciones empresariales y puedes usarlos con sólo tener una cuenta de Google y si tienes un teléfono Android o cuenta de Gmail ya tienes una cuenta creada.

Vamos a ver cómo crear una formulario sencillo con Google Forms y cómo insertarlo en WordPress.


Tenemos diferentes tipos de hosting, selecciona uno:


Crear Formulario en Google Forms

Para crear un formulario de Google, lo primero que tenemos que hacer es acceder a nuestro Google Drive (https://drive.google.com).

Una vez nos hayamos logueado con nuestra cuenta de Google, tenemos que acceder a los Google Forms.

Para esto iremos al botón de + Nuevo > Más > Formularios de Google. Aquí podemos escoger entre crear uno nuevo o elegir una plantilla prediseñada.

google forms acceso formularios - Google Drive

Nosotros hemos elegido una plantilla de un formulario de contacto para hacer esta prueba, aunque Google ofrece margen para editar prácticamente todo el formulario.

Se pueden añadir imágenes, añadir o eliminar los campos preestablecidos, marcar cuáles de estas preguntas serán obligatorias y algunas cosas más.

Todo parece enfocado a que pueda ser resuelto por usuarios de cualquier perfil técnico.

En definitiva, no es muy complicado crear un formulario de contacto desde Google Form.

oogle forms prueba - Google Drive

Una vez hayamos dejado nuestro Google Forms al gusto de nuestras necesidades, tenemos que enviarlo usando el botón que Google pone a nuestra disposición.

google forms enviar - Google Drive

Aquí Google nos ofrece varias opciones:

  • – Enviar por Correo
  • – Enlace
  • – Insertar HTML

La opción que necesitamos para poder trasladar este formulario a nuestro WordPress, es Insertar HTML.

google forms insertar html - GoogleDrive

Como puedes ver en la imagen, para insertar el formulario, Google nos ofrece un códifo iframe.

Un iframe, es el modo de añadir una parte de una un sitio web, en otro sitio web y es una forma muy común de «incrustrar» contenido externo en una web.

Por ejemplo, YouTube usa iframes para poder añadir sus vídeos en cualquier sitio web, así que es normal que también usen esta solución para sus formularios.

También nos permite seleccionar el ancho y el alto del formulario, para que podamos adaptarlo a cualquier sitio web.

Lo importante es que tienes que seleccionar todo el código de iframe, copiarlo y tenerlo localizado para poder usarlo en nuestro WordPress.

google forms seleccionar iframe - Google Drive

Cómo Añadir en Código de Google Forms en WordPress

Ya hemos creado el formulario y hemos copiado el código que Google Forms nos ha proporcionado, ahora sólo queda añadirlo a nuestro WordPress.

Si queremos añadirlo en una página o entrada, tenemos que editar la entrada y pulsar en el apartado HTML.

google forms html wordpress - WordPress

Una vez estemos en el editor de WordPress en modo HTML, sólo tenemos que decidir dónde queremos añadir el formulario y pegar el código iframe que nos ha proporcionado Google Forms.

google forms pegar codigo iframe - WordPress

Si nunca has usado el editor HTML puede que te resulte complicado encontrar el sitio exacto, pero aquí tiene un pequeño truco.

En el editor visual, localiza dónde quieres añadir el formulario. En nuestro ejemplo, lo queremos poner justo debajo de logotipo de Hostinet.

Para luego localizarlo entre el código HTLM de la web, añadimos varios saltos de linea o incluso podemos añadir un texto o caracteres especiales que nos ayuden a localizarlos entre tanto código.

google forms espacio codigo visual - WordPress

Si pasamos al editor HTML, veremos que de esta forma es muy fácil de localizarlo.

google forms espacio codigo html - WordPress

Ahora sólo queda substituir todo lo que hayamos puesto en el editor visual, por el código iframe de Google para que muestre el formulario.

Guardamos los cambios y podemos ver cómo queda nuestro formulario de Google en nuestro WordPress y hacer los cambios pertinentes si fuera necesario.

google forms anadido wordpress

Hosting WordPress SSD con Ip Española

  • Hosting especializado en WordPress con discos SSDWordPress 1desde4´38€ / mes
  • Hosting especializado en WordPress con discos SSDWordPress 2desde5´54€ / mes
  • Hosting especializado en WordPress con discos SSDWordPress 3desde8´34€ / mes
  • Hosting especializado en WordPress con discos SSDWordPress 1desde4´38€/mes
  • Hosting especializado en WordPress con discos SSDWordPress 2desde5´54€/mes
  • Hosting especializado en WordPress con discos SSDWordPress 3desde8´34€/mes
    • Almacenamiento en disco duro ultra rápido SSDAlmacenamiento en disco duro ultra rápido SSDAlmacenamiento en disco duro ultra rápido SSDAlmacenamiento en disco duro ultra rápido SSD
    • El espacio en disco es la suma del espacio que ocupan los archivos que forman la web y el correo electrónico.
    • La transferencia de datos mensual es la cantidad total de información que se descargan los visitantes de nuestra web en cada acceso más nuestro uso a través de FTP y correo.
    • Ideado para sacar el máximo partido a tu WordPress
    • Aumenta la velocidad de tu web + Info
    • Tras evaluación de nuestro equipo de migraciones
    • Te ayudamos vía email y teléfono en todas tus consultas sobre hosting web
    • Elige la versión de PHP que necesites
    • Certificado SSL autofirmadoCertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUICertificados Let's Encrypt. Mas Información AQUI
    • Contrata tu hosting web y consigue dominios gratisUna vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM, .INFO, .NET, .ORG ó .EU.
    • Migramos tu web de tu actual host a HostinetMigramos tu web de tu actual host a HostinetMigramos tu web de tu actual host a Hostinet
    • Ideado para sacar el máximo partido a tu WordPress
    • Te ayudamos vía email y teléfono en todas tus consultas sobre hosting web
    • Hosting específicamente preparado para sacar el máximo rendimiento a tu Wordpress
    • Contrata tu hosting web y consigue dominios gratisUna vez dado de alta tu alojamiento web, recibirás los vales correspondientes para registrar nuevos dominios .ES, .COM, .INFO, .NET, .ORG ó .EU.
    • Cada dominio alojado muestra un contenido único y diferente del resto
    • Aparcando un dominio secundario en el alojamiento de nuestro dominio principal conseguimos que ambos dominios resuelvan indistintamente con la misma página que tenemos colgada.
    • Cuentas de correo gestionables a través de POP, IMAP y servicio Webmail
    • Tus buzones de correo y mails limpios de virus y con un potente filtro antispam
    • Centro de datos en Madrid (España)
    • Opción de contratación de IP dedicadaPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUIPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUIPuedes contratar tu Ip dedicada por solo 11.95 € al año AQUI
    • Opción de contratación de certificados SSL. Se requiere Ip dedicada.Puedes contratar tu certificado SSL por solo 14.95 € al año AQUIPuedes contratar tu certificado SSL por solo 14.95 € al año AQUIPuedes contratar tu certificado SSL por solo 14.95 € al año AQUI
    • Bases de datos MySQL disponibles para su uso en cada alojamiento web
    • ¿Quieres realizar desarrollos con Python? En Hostinet innovamos dia a dia en tu beneficio y por ello te presentamos como última novedad en todos nuestros servidores Web la posibilidad de desplegar tus aplicaciones con Python directamente desde el cPanel de tu Hosting.
    • ¿Quieres desarrollar tus aplicaciones con Ruby? En Hostinet te presentamos como última novedad en todos nuestros servicios de Hosting Web la posibilidad de desplegar tus aplicaciones con Ruby on Rails directamente desde el panel de control cPanel.
    • El fichero .htaccess permite modificar diferentes variables en la configuración de nuestra cuenta de alojamiento en el servidor.
    • El módulo mod_rewrite permite crear direcciones URL alternativas a las dinámicas generadas por la programación de nuestros sitio web (blog, foro, portal…), de tal modo que sean más legibles y fáciles de recordar
    • Te ayudamos vía email y teléfono en todas tus consultas sobre hosting web. Soporte en español por personal de Hostinet.
    • Completa recopilación de tutoriales sobre Hosting, Dominios y Wordpress
    • 30 dias para probar tu servicio de Hosting y si no te convence el servicio... te devolvemos el dinero!!

Contactar