Portada | Monotemáticos | Secciones | Desarrolladores | Comunidad | Servicios | Servicios profesionales | RSS
Desde 0 | HTML | CSS | ASP | PHP | AJAX | Javascript | Promoción de webs | Rentabilidad de webs
Directorio | Manuales | Scripts | FAQs | Programas | Artículos Copyleft | Actualidad | La Cosecha | Colabora
Registrarse | Vuestras páginas | Foros del web | Lista de correo | Boletín de novedades
Generador METAs | Compras | Busca cursos
Alojamiento | Dominios.es | Micropagos SMS | Buscadores | Patentes, marcas | Creación web | Multimedia | Videos
Desarrollo Freelance | Buscar proyectos | Buscar profesionales | Solicitar desarrollo

Contacto con navegante


Aprende los mecanismos que tienes a tu alcance para comunicarte con el visitante de tus páginas. Desde correo hasta libros de visitas...


01/1/70 - Bien sabido es que una de las tareas más importantes y laboriosas del ciclo de vida de una página web es su mantenimiento, para conservar la web, su tráfico y su importancia con el tiempo. Pero mantener una web no es sólo publicar nuevos contenidos y actualizar los anteriores, entre estas tareas se encuentra una que es fundamental: proporcionar mecanismos para que los visitantes se puedan poner en contacto contigo, y, por supuesto, contestar a cada uno de los mensajes que recibes.

Uno de los errores graves en una web es que no se brinde la oportunidad de contactar con el creador o responsable de contenidos, pero es aun peor que los mensajes no se respondan pues crea una gran sensación de vacio
Existen muchas formas de comunicarnos con el navegante, vamos a ver los mecanismos que están más a nuestro alcance para que a ninguna de nuestras webs les falte la posibilidad de comunicarse con sus visitantes.

Hemos ordenado los siguientes puntos por orden de facilidad en su uso, así los primeros son más asequibles y los siguientes más difíciles de conseguir, aunque a menudo mejores.

Correo electrónico

Lo que nunca debe faltar en una página, por su sencillez y utilidad, por que es la forma más adecuada en muchos casos... Siempre tenemos que incluir una dirección de correo, fácilmente localizable, para que los visitantes puedan comunicarse. Es facilísimo hacer un enlace con una dirección de correo:

Se ha de poner un enlace convencional, pero su atributo HREF va direccionado a una dirección de correo con la palabra mailto:.

<A HREF="mailto:eugim@desarrolloweb.com">Escríbeme</A>

Quedaría así: Escríbeme

Poner un enlace a una dirección de correo en un editor de HTML, para los que trabajáis con herramientas de edicion, también es pareceido a como lo hacéis para los enlaces normales, pero con esas diferencias.

Formulario de contacto

Podemos utilizar un formulario para comunicarnos. En el formulario nuestro visitante puede introducir sus datos y la consulta o sugerencia que desea realizar, para, pulsando luego un botón, enviar por correo electrónico a la persona de contacto todos los datos.

Las ventajas de un formulario con respecto a una dirección de correo pueden ser:
  • Ayudar al visitante a componer el mensaje, y así incentivar su comunicación.
  • Forzar a que el visitante introduzca cierta información que te pueda resultar importante.
  • Ofrecer más mecanismos de comunicacion, cada uno elegirá el que más le convenga.

Veamos brevemente ahora cómo construir un formulario en una página web.

Un formulario se coloca entre las etiquetas <form> y </form>. A esta etiqueta le tenemos que incluir varios atributos, estos son:

  • ACTION="mailto:eugim@desarrolloweb.com" Para indicarle a qué dirección de correo enviar los resultados del formulario.
  • METHOD="post" Para que lo envie por metodo post, esencial para enviarlo por e-mail.
  • ENCTYPE="text/plain" Por que lo que vamos a enviar es texto.
En resumen, la etiqueta del formulario quedaría así:

<FORM ACTION="mailto:eugim@desarrolloweb.com"
           METHOD="post"
           ENCTYPE="text/plain">
<!--  CAMPOS DEL FORMULARIO  -->
</FORM>


Ahora veamos cómo colocar campos en el formulario, por lo menos los más fáciles:

Campos de texto
Se utiliza la etiqueta <INPUT> de esta manera:
<INPUT TYPE="text" NAME="nombre_del_campo" SIZE=10>
El atributo TYPE indica que es un campo de texto. NAME es el nombre del campo, tiene que describir lo que hay dentro. SIZE te permite ajustar el tamaño del campo.
La etiqueta NO tiene cierre con </INPUT>
Areas de texto

Se utiliza la etiqueta <TEXTAREA> de esta manera:
<TEXTAREA NAME="nombre_del_campo" COLS="20" ROWS="4>
Texto inicial dentrodel textarea< BR></TEXTAREA>

El atributo NAME es el nombre del campo. COLS indica el número de columnas del área de texto y ROWS en de filas.

Botón de envío

Se utiliza la etiqueta <INPUT> de esta manera:
<INPUT TYPE="submit" VALUE="Envíalo YA!">
El atributo TYPE indica que es un botón submit (de envio). VALUE indica lo que va escrito dentro del botón.
La etiqueta NO tiene cierre con </INPUT>, NO hace falta darle un nombre con NAME


No te olvides colocar antes de </FORM> el botón de envío y ya tendrás el formulario listo para que tus navegantes te manden sus ruegos y preguntas.

Puedes ver un ejemplo de formulario aquí.


Referencia: Tenemos una serie de capítulos en el manual de HTML que tratan sobre la creación de formularios de manera detalladísima.

Tenemos también una serie de
consejos para hacer formularios más rápidos, fáciles y agradables.

Lista de correo

Una lista de correo es una dirección de e-mail a la que si enviamos un correo nos lo hace llegar a todos los integrantes de una lista de direcciones.

Con un ejemplo estará más claro. Si todos los integrantes de una lista, cuando quieren conversar entre ellos, en vez de mandar un correo electrónico a todos ellos lo mandan a un servidor y este se encarga de que le llegue el mensaje a todos los de la lista, este servidor era una lista de correo ;-)

Las listas de correo pueden ser muy útiles para que los usuarios que llegen a las páginas se apunten y nosotros, como administradores del sitio web mandaremos correos electrónicos periodicamente a las lista para mantenerlos informados de noticias, cambios en el web y todo aquello que queramos enviarles.

Para tener una lista de correo en tu página puedes contratar el servicio con un proveedor, pero es mucho más fácil y económico usar una lista de correo de las que regalan en varios servidores. Para montarla en tu web, simplemente has de seguir las instrucciones que te brinde el proveedor. Puedes conocer varios enlaces a listas de correo para páginas web en nuestro buscador.

Libro de visitas

Ahora veremos algún mecanismo adicional para comunicarse con el cliente, pero en estos casos no se trata tanto de una comunición entre ellos y tu, sino más es una forma de comunición te todos para todos.

En el caso del libro de visitas está bien claro, es una herramienta donde los visitantes pueden dejar los mensajes que deseen para que estos queden reflejados en la web y así, no sólo los leas tú, sino que también los pueden leer todos los demás usuarios de tus páginas. Esto le da agilidad a la página, dinamismo y hace que los visitantes se sientan integrados en el proyecto, colaboren y vuelvan para ver sus "huellas". Las ventajas son muchas.

En la mayoría de los casos no dispondremos de la tecnología ni conocimientos para implementar esta tecnología, pero existen en el mercado varios libros de visitas personalizabes e integrables dentro de webs sencillas, es decir, tu no tienes que hacer nada, ellos te proporcionan todos los recursos y explicaciones para montar un libro de visitas en tu web. Aquí puyedes ver varios enlaces a estos sitios:


Forums de discusión

En algún caso podemos pasar a una opción más avanzada de lo que nos ofrecia libro de visitas. Estos son los Forums de discusión, donde la gente puede opinar sobre temas y otros navegantes contestarles, etc. Es muy útil e interesante. No cabe ya destacar sus múltiples ventajas y hits que recibiremos si se tratan temas de interés.


Si no tenemos la infraestructura suficiente para montar nosotros el forum, podemos utilizar los servicios, muchas veces gratuitos, de otros servidores.

Aquí se pueden seguir varios enlaces que nos llevarán a soluciones para implementar estos forums en tu página.
Conclusión

Hemos visto un mostón de ideas para incluir en nuestras páginas, todas ellas con el objetivo de establecer contacto con el visitante, aunque al final se nos ha ido el tema del planteamiento inicial y hemos incluido mucho más que meras herramientas de marketing. Porque no olvides que todo esto es para hacerte conocer y hacer que los visitantes te recuerden con alegría y a menudo.

Permíteme por último ofrecerte un enlace, corresponde con la sección de elementos para incluir en páginas web de nuestro buscador, donde están todos los enlaces enumerados antes y donde irán apareciendo nuevos.


Si quieres, puedes descargarte el texto de esta ayuda técnica y los ejemplos. .zipcontacto.zip 6Kb

 Seguir navegando a partir aquí:
+ 2 manuales relacionados
+ 3 categorias relacionadas
+ 9 comentarios (Añadir)

 Autoría, licencia y acciones sobre este artículo

Informe de Miguel Angel Alvarez*
Director de DesarrolloWeb.com

Atención: Contenido exclusivo de DesarrolloWeb.com. No reproducir. Copyright.

* Para consultas técnicas utilizar la lista de correo.

Versión imprimible Versión imprimible del artículo
Enviar artículo por e-mail Enviar artículo por e-mail
Añadir un comentario al artículo Publicar un comentario del artículo

Manuales relacionados con este artículo
Dentro de Ayudas técnicas

Dentro de Taller de HTML
Siguiente: Valorar una web

Categorias relacionadas
A través de las categorías de nuestro directorio se pueden encontrar otro tipo de recursos relacionados con este artículo:
+ Entrar en Internet
+ Entrar en Elementos para Webs
+ Entrar en Taller HTML


 Comentarios de los visitantes
Los comentarios de los visitantes son para ampliar la información del artículo. Cualquiera puede participar.
Se muestran 9 comentarios revisados

 Comentario de Miguel Angel Alvarez
02/11/01 
Un error típico al construir un formulario para enviarlo por mail es olvidarse o equivocarse con alguno de los atributos de la etiqueta <FORM>. Un formulario como el que puedes ver en esta página es el correcto.

Si, a pesar de que tu formulario sea como el de la página, sigue fallando, otro error probable es que tengas mal configurado el programa de correo electrónico.

Si en tu ordenador no tienes configurado un correo no te envía el formulario. Prueba en otros ordenadores a ver si funciona.

Para evitar estos fallos es recomendable utilizar algún CGI o lenguajes como PHP o ASP para recoger la información, formatearla y mandarla por correo a las personas interesadas.


 Comentario de omar
27/7/03 
Tengo mi formulario ya hecho (HTML), pero al darle enviar salen 2 ventanas: la primera es del Intenet explorer que dice q el formulario se esta enviando por correo electronico; la segunda ventana sale una advertencia del Outlook y lo envia por ahi, xq pasa esto, o algo esta mal configurado.

RESPUESTA

Lo que te ocurre es perfectamente correcto. Tal como está el formulario de este artículo, los datos se envían por correo electrónico usando el programa de correo que tenga predeterminado el sistema del cliente, en tu caso el Outlook.

Si deseas que el formulario se envíe de otra manera toma nota de las indicaciones del siguiente manual: Envío de formularios avanzado.


 Comentario de Esteban Gómez
02/9/03 
En donde dice... la etiqueta del formulario quedaría así... existe un error METOD en vex de METHOD es por eso que se abre el Outlook del compañero al darle enviar al formulario.

Está corregido. Muchas gracias!


 Comentario de David Moreno
12/4/04 
Hola estoy intentando hacer una formulario de envio y no consigo nada, llevo unas 2 horas intentando enviar algo pero nada. Mi código es este: <form action="mailto:webmaster@laprimerarecopa.com" method="post" enctype="multipart/form-data" name="Enviar" >

RESPUESTA

Para generar un email y enviar el formulario, tal como se explica en este artículo, hay que modificar un atributo de la etiqueta <form>: ENCTYPE="text/plain"


 Comentario de Alexander
30/4/04 
El comentario pasado que le especifica al compañero que hay un error de etiqueta en "METHOD" y el la clasifica como "METOD" la diferencia es que la primera "METHOD" lo que hace es que envia la informacion directamente desde Outlook Express, alli detecta que se esta enviando un correo sin utilizar su ventana de correo nuevo y envia un mensaje de Alerta! mientras que el "METOD" lo que le hace es un llamado a Outlook a que abra un nuevo formulario comun de este para enviar un correo nuevo.

La desventaja de este "METOD" es que si tu no quieres que sepan tu e-mail aqui quedara revelado, ademas que se ve bien feo que se envien los datos al webmaster asi!

chao suerte y exitos!!!


 Comentario de monica
23/7/04 
Tengo un problema, tengo un formulario el cual deseo enviar a una dirección de correo, pero también necesito reenviar la información a la misma pagina para que mi base de datos se actualice, por medio del
solo me permite una de las dos opciones,enviarlo al correo, o a la base de datos, que puedo hacer? Gracias de antemano por su ayuda

RESPUESTA

Pues la solución consiste en hacer todo con el servidor web. Es decir, enviar la información a la una página, para que la recoja y actualice la base de datos. Luego, la misma página, puede generar un correo y enviarlo. Tenemos ayudas para aprender a enviar emails desde el servidor, tanto en ASP como en PHP.


 Comentario de Gonzalo
16/9/05 
En los comentarios de arriba hablan de la existencia de "METOD" en la etiqueta "FORM" pero en verdad "METOD" NO EXISTE en el HTML, solo existe "METHOD". Poniendo "mailto:usuario@empresa.com" en "METHOD" de la etiqueta "FORM" el navegador lo que hara primero es dar una advertencia al navegante diciendo que el formulario en cuestion se enviara a un mail sin codificar y luego, si el usuario acepta, se abrira el programa de correo electronico que este configurado como predeterminado para asi enviar el formulario.

Generalmente este metodo no se usa y en las mayoria de las Webs los formularios se envian a travez de paginas PHP, ASP o CGI, puesto que de esta forma no se presentan alertas en el navegador y no es necesario mandar el formulario por el programa de correo electronico.

Espero que este comentario les sea util, saludos.

 Comentario de Martin
16/2/06 
mira Karlos es asi

te nes que crear 2 archivos
y se guardan en formato asp

el primero es el que contiene el formulario o sea donde van a llenar los datos y el segundo es el que lo procesa
en internet hay un monton de estos formularios, aca te dejo asi de ayuda uno simple.


este seria el formulario, guardalo como

formulario_mail_asp.asp

<%
if request.form="" then
'no recibo formulario, entonces lo muestro
%>
<form action="formulario_mail_asp.asp" method="POST">
Nombre: <input type="Text" name="nombre" size="12" maxlength="200">
<br>
Email: <input type="Text" name="email" size="12" maxlength="200">
<br>
<input type="submit" value="Enviar">
</form> <%
else
'si que recibo un formulario, entonces lo trato
'recojo los datos
nombre = request.form("nombre")
email = request.form("email")
'compongo el cuerpo del mensaje
cuerpo = "Formulario recibido" & VBNEWLINE & VBNEWLINE
cuerpo = cuerpo & "Nombre: " & nombre & VBNEWLINE
cuerpo = cuerpo & "Email: " & email
'mando el correo...
'..................
response.write "Gracias por rellenar el formulario. Se ha enviado correctamente." end if %>


y este el otro

formulario_mail_asp2.asp

'creo el objeto correo
set mail = server.createObject("Persits.MailSender")
'configuro el mensaje
'señalo el servidor de salida para enviar el correo
mail.host = ""
'indico la dirección de correo del remitente
mail.from = ""
'indico la dirección del destinatario del mensaje
mail.addAddress ""
'indico el cuerpo del mensaje
mail.body = cuerpo
'lo envio
'aseguro que no se presenten errores en la página si se producen
On Error Resume Next
mail.send
if Err ><0 then
response.write "Error, no se ha podido completar la operación"
else
response.write "Gracias por rellenar el formulario. Se ha enviado correctamente." end if

a este ultimo configurales tus correos y el mail server de tu servidor. no te olvides si te va a funcionar pero no telo manda_!!!

suerte

 Comentario de frank
02/7/06 
Quiero saber como hacer un formulario que al pulsar el boltón se envie si necesidad de que se abra el correo ni nada.

RESPUESTA

Tenemos muchos artículos que responden esta pregunta que haces. Para varias tecnologías como por ejemplo PHP y ASP.

Enviar un formulario por mail con PHP

Enviar un formulario por email con ASP


Añadir un comentario al artículo Añadir un comentario del artículo



Enlaces:
Maestrosdelweb
  Ir arriba

Manuales relacionados
+Ayudas técnicas
+Taller de HTML
Categorías
+Internet
+Elementos para Webs
+Taller HTML

Lectura recomendada

Compra este libro en Agapea, la librería urgente a domicilio.

Tienda DesarrolloWeb

DesarrolloWeb.com | Copyright | Anunciese | Acerca de | Datos legales | Contacta | Por GuiarteMultimedia