Este documento explica cómo insertar un formulario de contacto en un blog de Blogger utilizando Google Drive. Primero se crea un formulario en Google Drive y se obtiene el código HTML. Luego, este código se pega en la página de contacto del blog en modo HTML. Finalmente, se configuran las reglas de notificación para recibir un correo electrónico cada vez que alguien envíe el formulario.

1. Herramientas Vivas 2.0 Potenciando tu
negocio
Blog: http://herramientasvivas.blogspot.com/
Fan Page: https://www.facebook.com/herramientascarloslozano
INSERTAR FORMULARIO ENTU BLOG DE BLOGGER
CARLOS LOZANO ZAPATA
17/02/2014

2. Herramientas Vivas 2.0 Potenciando tu negocio
Como añadir un formulario de contacto en tu blog
de blogger
I. CREAR FORMULARIO
1. Debes de tener una cuenta de Gmail, si no la tienes, pues te estás
perdiendo muchos servicios
gratuitos.
2. Ingresar al servicio de Google Drive
3. Seleccionar crear y elegir formulario
4. Ingresar titulo al formulario y seleccionar una plantilla sobre la que se
mostrará el formulario
2
Carlos Lozano Zapata

3. Herramientas Vivas 2.0 Potenciando tu negocio
5. Ingresar texto al casillero por ejemplo Nombre y seleccione el tipo de
control. Ejm. Texto para que el usuario pueda digitar cualquier valor
6. Activar para que el usuario ingrese el dato de manera obligatoria
7. Ingresar otra pregunta como por Ejm. Apellido, tipo texto y pregunta
obligatoria
3
Carlos Lozano Zapata

4. Herramientas Vivas 2.0 Potenciando tu negocio
8. Elegir opción de una lista.
9. Cuadro para ingresar comentario.
4
Carlos Lozano Zapata

5. Herramientas Vivas 2.0 Potenciando tu negocio
10. Vista previa del formulario
5
Carlos Lozano Zapata

6. Herramientas Vivas 2.0 Potenciando tu negocio
II. OBTENER CODIGO HTML DEL FORMULARIO
1. Para finalizar, hay que obtener el código HTML para pegarlo en el
gadget de Blogger a través de las siguientes acciones. Seleccionar Menu
Archivo y opción Insertar.
2. FORMULARIO -> Modificar Formulario -> Más acciones -> Insertar
3. En esta ventana debe de copiar el código HTML que genera el formulario
III. AÑADIR EL FORMULARIO EN LA PÁGINA CONTACTANOS DE TU
BLOG
1. Una vez copiado el código, ve a Blogger y edita tu página de
CONTACTANOS o REGISTRATE
2. Pegar el código html en el modo HTML y no en el REDACTAR!
Como puedes ver, puedes modificar el alto (height) y el ancho (width) para
amoldarlo a tu blog. En mi caso lo dejé en 500×600 pixeles. Tu sólo tendrás
que ir probando hasta que te quede perfecto en tu blog.
6
Carlos Lozano Zapata

7. Herramientas Vivas 2.0 Potenciando tu negocio
IV. CAMBIAR LAS REGLAS DE NOTIFICACION DE CONTACTO
Una vez pegado el formulario en blogger, modifica las reglas del formulario
original que tienes alojado en Google Drive de una forma muy sencilla.
1. Activar los resultados del formulario en hoja Excel.
2. Accederas al formulario CONTACTANOS y verás que te aparece
como una hoja de cálculo con los siguientes campos:
Éstos se irán rellenando conforme vayas recibiendo mensajes de contacto.
Pero no sabes cuando te contacta la gente, verdad?
3. Es entonces cuando debemos cambiar las reglas de notificación…
pero cómo? Muy sencillo, accede a:
HERRAMIENTAS -> REGLAS DE NOTIFICACIÓN
7
Carlos Lozano Zapata

8. Herramientas Vivas 2.0 Potenciando tu negocio
1. Y activa las casillas que dicen que te manden un e-mail a tu dirección de
gmail cada vez que:
2. Un usuario envíe un formulario
3. Por correo electrónico inmediatamente.
4. Dale a GUARDAR y luego OK.
5. Como veás ya tienes tu formulario de contacto, de una forma muy sencilla,
creado en tu blog!
Mira como debe de quedar.
http://herramientasvivas.blogspot.com/p/contactanos.html
8
Carlos Lozano Zapata

9. Herramientas Vivas 2.0 Potenciando tu negocio
9
Carlos Lozano Zapata