twitter

twitter Facebook google Plus

Formulario de contacto en tu web con google Docs

Google informa de una nueva funcionalidad en su aplicación gratuita y online: Google Docs. Si en un artículo anterior nombramos a Docs como programa de edición de texto gratis como alternativa a microsoft Word, el día de hoy lo destacamos aún mas como opción para usarlo para otros fines como por ejemplo, crear formularios de contacto para nuestras páginas web. Gracias a la estructura simple y fácil de usar de Google Docs podremos generar un formulario web en cuestión de segundos y adecuarlo a nuestras necesidades.

En el ejemplo vamos a tratar con uno básico y que casi todo webmaster tiene en su web, o tiene pensado tenerlo, el típico formulario de contacto, donde pedimos nombre, email, asunto del contacto y la caja de comentarios donde los usuarios de la web se comunican con el webmaster.

Para comenzar, lo primero que hay que tener para usar Google Docs, así como todas sus aplicaciones es una cuenta en google, que se puede conseguir registrando un email en gmail.com.

Una vez tengamos cuenta con google vamos a iniciar sesión en Google Docs, podemos acceder a éste en la parte superior izquierda del panel de entrada de gmail, o entrando a la dirección directa de Google Docs. Tal vez tengamos que activar el servicio, lo hacemos y entraremos en el panel de administración de Docs, lo primero que os aconsejo es configurarlo al idioma español, para ello accedemos en la zona superior derecha a la sección de Settings y cambiamos de idioma como en la siguiente imagen.

Una vez tenemos nuestro Docs en español, volvemos a la pantalla general y presionamos en el botón: NUEVO –> Hoja de cálculos. Se nos abre una ventana nueva en la cual nos aparece la hoja de cálculos vacía.

Sin tocar nada, nos vamos al botón COMPARTIR que tenemos en la zona superior derecha, nos pedirá que pongamos nombre al documento que tenemos abierto, podemos poner el nombre que queramos yo por ejemplo lo llamo: CONTACTO. Una vez tenemos puesto nombre al documento nos aparece una nueva sección, ahora nos da a elegir entre 3 opciones:

1. como colaboradores
2. como lectores
3. Para rellenar un formulario

Obviamente elegimos la 3ª y a continuación se nos cambia el formulario, y donde tenemos que pulsar es en el botón VISTA PREVIA Y ENVIAR FORMULARIO.

A continuación y tras pulsar el botón anteriormente comentado, nos aparece una nueva ventana en la que tenemos varias opciones de configuración, podemos enviar el formulario por email a uno o varios contactos, ver una vista previa del formulario que llevamos hecho (a la derecha) y las preferencias que son las opciones de que disponemos cuando el usuario ya ha rellenado el formulario y lo ha enviado, lo ideal es personalizar el mensaje de confirmación y así tenerlo mejor implementado a nuestra página web.

Pero lo más importante de ésta sección es la edición del formulario, para acceder a ella vemos en la parte superior de la ventana una sección llamada: EDITAR FORMULARIO, donde accederemos para crear y personalizar los campos que queremos que existan en nuestro formulario, podemos elegir entre campos normales de texto, cajas de comentarios, etc:

Podemos editar y crear nuevas preguntas, duplicarlas, poner si el campo es requerido o no lo es, agregar listas para una encuesta, y muchas opciones a la vista y simples de utilizar. una vez tengamos nuestros campos elegidos y modificados a nuestro gusto, guardamos el trabajo y en la zona superior de la ventana vamos a donde pone: VISTA PREVIA Y ENVIAR, y volveremos al anterior panel donde vamos a ver en la derecha el formulario que hemos creado, si no nos aparece, para verlo podemos pulsar en la parte de “Preferencias” la opción de “incluir formulario en correo electrónico de invitación” pero lo más importante y la forma de la que vamos a poder “insertar” el formulario en nuestra web, será obteniendo el código qu enos brinda google, y que podemos ver presionando en el enlace: INCRUSTAR que vemos en la zona superior derecha de la ventana:

Nos aparece un código, más concretamente un iframe que podremos colocar en nuestra página web o blog, insertándolo, bien en el post mediante tags html, o en nuestra web entre las etiquetas <body></body>, podemos editar este iframe, dándole el tamaño que queramos incluso editarlo de forma que no aparezca la barra scroll que tan molesta es casi siempre. Una vez tenemos publicado nuestro formulario de contacto tenemos que tener en cuenta, que no recibiremos los mensajes de los usuarios en nuestro email si no que se van almacenando en la hoja de cálculos que creamos al principio, entonces para ver si tenemos nuevos contactos desde la web, tendremos que acceder a la hoja de cálculos llamada anteriormente “concato” No es muy útil que digamos, si es ordenado pero poco útil, todos preferiríamos tener los contactos en nuestro email, pero tenemos que tener en cuenta que es el principio y que esta nueva funcionalidad la irán mejorando poco a poco según el transcurso del tiempo y la popularidad que tenga, de cualquier manera, al almacenar los mensajes de esta forma, google se asegura que utilizas su hoja de cálculos para que de paso te vayas familiarizándote con ella y la uses con más frecuencia

Ejemplo de formulario con Google Docs

Publicado el 9 de julio, 2008, su autor es: malder. en colaboración con Foro informatica, todos los derechos reservados.
Categoría: Artículos Webmaster. Etiquetas: contacto, email, Formularios, paginas web, Webmaster