Enlaces Patrocinados:

Creo que el gran problema que tienen nuestros amigos bloggers que alojan su blog en el sistema gratuito de blogs de Google, Blogger, es lo complejo que les puede resultar el incluir un formulario de contacto en su página web. Hoy les traemos la solución haciendo uso de Google Docs.

google docs logo

Primero: Debes estar registrado en Google Docs, si dispones de una cuenta Google no tendrás más que iniciar sesión, caso contrario puedes darte de alta desde este enlace. A esta cuenta de Google es adonde te llegarán los mensajes enviados mediante tu formulario de contacto.

Segundo: Luego de iniciar sesión en Google Docs, lo siguiente será seleccionar en el menú la opción: Create New/ Form.

Tercero: Ahora tendremos la plantilla de nuestro formulario. Aqui podemos ir llenando los campos que deseemos, además de poder configurarlo para hacer que algunos campos sean obligatorios o de un tipo determinado (tipo texto, multi-alternativa, de una lista, etc.).

Las preguntas pueden ser duplicadas, editadas y borradas. Una vez terminado el formulario deberíamos guardarlo desde el menú derecha More actions/Save.

Cuarto: Ahora necesitamos el código HTML. Para ello solo debemos ir al menú superior More actions/Embed.

Automáticamente se guardará el formulario y obtendremos un código que deberemos insertar en la entrada de nuestro blog (en modo de edición HTML).

Quinto: Ya lo tenemos casi listo nuestro formulario, el cual aparece ahora en el listado de nuestros documentos.

Ahora definiremos las reglas de notificación. Para esto hacemos clic sobre el documento que nos aparece en el listado. Veremos que se abre un documento con formato Excel. No tocamos nada en él y vamos directo a la opción superior derecha del menú: Share/Set Notifications Rules.

Sexto: Aqui dejamos las opciones marcadas tal y como se muestran en la imagen siguiente: Para que nos llegue una notificación cuando el formulario sea enviado y lo hagan de manera independiente, no en modo resumen.

Clic en Save. Luego en la ventana de confirmación que nos aparecerá le haremos clic en Done.

Es todo. Que les sirva.

El artículo original fue publicado en Forobeta por nuestro amigo FakeDark, del blog El Desmadre, sin embargo aqui hemos hecho una versión propia más acorde con el lector.

Publicado en: Articulos, Blogger, Trucos Comentarios (12)

Comentarios ( 12 ) en: Formulario de contacto en Blogger
  • Formulario de contacto en Blogger – Gamas Digitales dijo:

    [...] post: Formulario de contacto en Blogger Author: [...]

  • Formulario de contacto en Blogger | NET9K: Programas, aplicaciones web, utilidades y juegos dijo:

    [...] | Formulario de contacto Blogger Archivado en Manuales Tags: blogger, contacto, docs, formulario, google, [...]

  • FakeDark dijo:

    Saludos, gracias por los creditos =)

  • How to: Cómo Crear Formulario de Contacto en Blogger « Geek-Side dijo:

    [...] plugin para crear formularios de contacto; entonces a través de un pequeño tutorial de la mano de TecnologíaDiaria.com, el cual ví en Net9K.com, podemos aprender a hacernos uno mediante Google [...]

  • Javier dijo:

    Como se podrá editar el formato del formulario, por que le he puesto un tema y se ve gigante.

  • KnxDT dijo:

    @Javier: ¿Podrías dar el enlace de tu blog donde se encuentra la zona de contacto para revisarlo?

    Saludos.

  • FakeDark dijo:

    @Javier: en more action, ahi viene la opcion para editar en formulario que escojas, saludos, cualquier duda hazmela saber =)

  • Javier dijo:

    Ahora si, aqui esta:

    http://evan-theopendoor.blogspot.com/2009/05/afiliate.html

  • Jorge Suazo » Daily Digest for November 24th dijo:

    [...] Shared Formulario de contacto en Blogger. [...]

  • Miguel Peña dijo:

    Que buen tutorial, gracias me sirvió muchísimo.

  • radix dijo:

    Hay alguna forma de configurarle otro correo que no sea el de gmail? Por ejemplo si quiero recibir la notificacion en un correo de hotmail.

  • radix dijo:

    Ya lo solucione… si quieren agregar otro correo tienen que configurarlo en gmail como correo adicional.

Deja tu comentario

Comment moderation is enabled. Your comment may take some time to appear.