20 ene. 2011

Cómo crear un formulario de contacto para el blog



En nuestro blog ya hemos creado varias entradas, también lo hemos enlazado con Google Analytics y hemos enviado el Sitemap con las Herramientas para WebMaster. Ahora vamos a incorporar un nuevo elemento sumamente importante, un formulario de contacto...
Para lograr este nuevo objetivo vamos a utilizar otro servicio de Google, se llama Google Docs. Este servicio permite crear y compartir a través de Internet documentos de texto, hojas de cálculo, presentaciones de diapositivas, dibujos y también Formularios.

El diseñador de formulario de Google Docs nos permitirá por lo tanto crear una serie de campos como el nombre, email, observaciones y finalmente nos facilita un código HTML que integraremos en una nueva página del blog.

Crear e insertar un formulario de contacto en el blog

Paso 1. Conecta con Google Docs (Ahora Google Drive)
Paso 2. Si la interfaz de usuario te aparece en inglés sigue estos pasos:

  • Haz clic arriba a la derecha donde está el icono de configuración
  • Haz clic en el menú Documents Settings
  • Establece el idioma español y la zona horaria. Presiona guardar.

Paso 3. Usa el botón "crear nuevo" e indica que se trata de un formulario
Paso 4. Diseña tu formulario con lo campos estándares, puedes marcar incluso los obligatorios.
Paso 5. Cada campo que crees puedes asignarle un tipo (texto, parrafo, lista, casilla de verificación, etc)
Paso 6. Una vez concluido, ve al menú Archivo y luego Insertar.
Paso 7. Copia el código (puedes ajustar el ancho y alto), regresa al blogger
Paso 8. Crea una nueva página (no entrada) con el título "Contacto"
Paso 9. En la vista "Edición de HTML" de la edición pega el código copiado desde el formulario
Paso 10. Guarda la página y comprueba que funciona

Notas: Si tienes un menú de navegación de páginas, la nueva página se agregara automáticamente tal y como está en este blog. En caso contrario, anota en enlace a la nueva página y coloca el link en un lugar visible del blog.

Puedes seguir mejorando el diseño del formulario (nuevos campos, plantilla...) y este se actualiza automáticamente en nuestra página del blog.

Cómo activar las notificaciones por email
Por cada formulario enviado, el sistema creará un nuevo registro en una hoja de cálculo automáticamente. Sigue estos pasos para configurar el sistema de notificaciones y que te avise mediante un email que tienes un nuevo contacto.
  1. Vuelve a Google Docs y haz clic sobre la hoja de Excel de contacto asociado al formulario
  2. Ve al menú Herramientas y haz clic en Reglas de Notificación...
  3. Marca las opciones tal y como aparece en el siguiente gráfico:
Una vez configurado las notificaciones solo tienes que realiza una prueba...rellenado tu mismo el formulario.


Si tuvieras alguna duda o problema deja comentario en esta misma entrada.

Puedes verlo funcionando aquí
Más información ¿Cómo poner el botón de...:?

Premio Bitácoras

Aviso Legal

Licencia Creative Commons
iniciaBlog - Te ayuda con Blogger a mejorar tu blog
iniciaBlog se encuentra bajo una Licencia Creative Commons Reconocimiento-NoComercial-CompartirIgual 3.0 Unported.
Basada en una obra en www.iniciablog.com.

Creado por Jesús González

Política de Privacidad de iniciaBlog | Política de Cookies
2015 © Jesús González es el autor de iniciaBlog.com
Tema creado por Way2themes y adaptado por inciciablog