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.
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.
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.
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.
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:
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.
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.
contacto.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.
|
Manuales relacionados con este artículo
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
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
Ir arriba