Oficio Gráfico

Muchos problemas y algunas soluciones del proletariado creativo

Cómo incrustar un formulario de Google en WordPress


Para salir de un apuro he tenido que buscar la manera de hacer un formulario web rápido que permita consultar todos los datos de entrada en una base de datos online y a parte que se pudiera integrar de manera fácil en WordPress.

Lo más rápido (para inexepertos en programación) que he encontrado ha sido los Formularios de Google Docs.

Opción 1: Crear formulario de Google e insertarlo en el HTML de tu post/página WordPress:

Formularios de Google

Formularios de Google

En el blog  www.investitwisely.com explican muy brevemente los pasos en inglés. Aquí los traduzco al castellano:

  1. En Google Docs, seleccione “Crear nuevo-> Formulario”.
  2. Elegir las preguntas y tipos de preguntas. Puede seleccionar si desea que sean obligatorias u opcionales.
  3. Cuando todo se ve bien, seleccione “Más Acciones-> Insertar”.
  4. Durante la edición de su entrada de WordPress en modo HTML, pegue el código en su post / página.
  5. Cambiar el valor de ancho de “100%”, y ajustar la altura como mejor le parezca.

Aquí están algunas notas para recordar durante la edición de la página / post:

  • Cada vez que se active el editor de Visual, el formulario se borrará.Usted puede simplemente volver a Google Docs y agarrar el código de inserción de nuevo.
  • Si actualiza su formulario en Google Docs, que se actualizará automáticamente en su página / post. Puede que tenga que ajustar la anchura / altura para deshacerse de las barras de desplazamiento.
  • Para deshacerse de las barras de desplazamiento, cambie el valor del ancho de “100%” y ajustar la altura hasta que desaparece la barra de desplazamiento.

Vídeo tutorial para crear un formulario de Google e insertarlo en WordPress

Solución de posibles problemas

A veces el formulario puede dar problemas. El Blog Building a Brand nos da algunas soluciones

Se elimina mi iframe y deja sólo “Cargando …” (“Loading…“)

Por defecto de WordPress no permite iframes en el mensaje (que es el código dado a usted por Google Docs).

En este caso utilice la opción Embed Iframeplugin y su sintaxis:

[iframe SUPERLONGURL 760 800]

Sustituya SUPERLONGURL por la url que le da Google comenzando con https://spreadsheets … en la etiqueta iframe, y terminando antes del “. 760 es el ancho y 800 es la altura del iframe.

El formulario solapa partes de mi blog / sitio web

Eso es porque la propiedad de anchura es más grande que el espacio que su plantilla de WordPress permite. Puede solucionarlo disminuyendo la propiedad de anchura dentro del código especificado por Embed Iframeplugin hasta que encaje en el área designada para el contenido de la entrada / página.

Opción 2: Crear un formulario de Google e insertarlo en WordPress con el Plugin WordPress Google Form

Plugin WordPress Google Form

Plugin WordPress Google Form

El plugin WordPress Google Form obtiene un formulario publicado en Google utilizando un shortcode o código própio WordPress abreviado [form gform =”] , elimina el HTML wrapper (contenedor) de Gooogle y luego lo integra como un formulario de HTML incrustado en su blog o página.

El único parámetro requerido es el formulario, que especifica el formulario que le gustaría recuperar. Recomendable, pero opcional, también puede pasar la dirección URL de una página de confirmación. La página de confirmación anula la página de “Gracias” por defecto  de Google y ofrece una mejor integración con su sitio de WordPress. También puede proporcionar un valor de clase a medida para el estilo del formulario.

Por ejemplo, suponga que desea integrar el formulario que se encuentra en la siguiente dirección URL:

https://docs.google.com/spreadsheet/viewform?hl=en_US&pli=1&formkey=ABCDEFGHIJKLMNOPQRSTUVWXYZ12345678#gid=0 (no es una URL real)

En ese caso debería utilizar el código abreviado siguiente en su mensaje de WordPress o en la página:

[gform form='https://docs.google.com/spreadsheet/viewform?hl=en_US&pli=1&formkey=ABCDEFGHIJKLMNOPQRSTUVWXYZ12345678#gid=0']

En la actualidad, este plugin sólo es compatible con formularios de Google que son “publicados en una página web” y por lo tanto pública. Los formularios privados de Google no son compatibles.

Artículos relacionados:

Un comentario el “Cómo incrustar un formulario de Google en WordPress

  1. Pingback: Convidem les famílies a participar amb un formulari | INNOVASAK

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

Información

Esta entrada fue publicada en 28/11/2011 por en Diseño Web, Recursos gratis para desarrollo web, Software para desarrollo web y etiquetada con , , .

Secciones

Suscríbete a Oficio Gráfico por RSS

Actualizaciones de Twitter

A %d blogueros les gusta esto: