Paso 3 - Creación de la página > Objeto Formulario de envío e-mail

Navegando en Internet, ocurre a menudo que se ven páginas con formularios cuyo rellenado se solicita para el envío mediante correo electrónico de los datos recogidos. Dichos formularios son utilizados como simples módulos de contacto, para solicitar la inscripción a determinados servicios o el acceso a áreas reservadas mediante clave de acceso o, también, para realizar encuestas e investigaciones.

Cualquiera que sea la finalidad, WebSite X5 permite crear de manera muy simple un formulario de envío de correo electrónico, permitiendo especificar los campos necesarios, modificar la maquetación y el aspecto gráfico y, sobre todo, establecer cómo se debe producir el envío y la recogida de los datos.

Los comandos necesarios para proceder a la creación de un Objeto Formulario de Envío de Email están articulados en las siguientes secciones: Lista, Enviar y Estilo.

Por medio de los comandos de esta sección se puede definir la lista de campos de los que debe constar el formulario de email.

Todos los campos ya creados se muestran en la tabla-resumen que, para cada uno de ellos, indica: Nombre del campo, Tipo de campo, Ancho, si ha sido definido como Obligatorio y Descripción. Todos estos parámetros pueden ser predispuestos en la fase de creación del campo, a través de la ventana Insertar campo.

La tabla, además de resumir los principales datos de todos los campos añadidos, también es una útil herramienta de trabajo que permite varias operaciones:

▪	Haciendo doble clic sobre un campo, se abre la ventana Insertar campo y se puede proceder a modificarlo.

▪	Haciendo clic una segunda vez en un campo ya seleccionado se puede modificar su nombre: esto equivale a abrir la ventana Insertar campo y cambiar el texto añadido como etiqueta;

▪	Después de haber seleccionado un campo es posible utilizar los comandos de la botonera de al lado para crear una copia del mismo, eliminarlo, desplazarlo hacia arriba o hacia abajo, o modificar su configuración.

Además, mediante la tabla también es posible comprobar la disposición de los campos en el formulario. Una ligera línea discontinua indica las líneas en las que se desarrollará el formulario. Además, si un campo se sitúa al lado del anterior, junto a la indicación de su anchura se muestra el icono . Finalmente, si las anchuras de los campos definidos como situados uno al lado de otro en la misma fila exceden el 100% del espacio disponible, el icono con un signo de exclamación señalará el fallo: si no se modifican las anchuras, los Campos quedarán dispuestos en filas distintas.

Junto a la tabla se encuentran los comandos que sirven para crear la lista de los campos que conformarán el formulario:

▪	Agregar...: abre la ventana Insertar campo para añadir un nuevo campo dentro del formulario.

▪	Duplicar: crea una copia del campo seleccionado entre los ya añadidos al formulario.

▪	Eliminar: elimina el campo seleccionado entre los ya añadidos al formulario.

▪	Subir / Bajar: modifican el orden en el que se muestran los campos ya añadidos al formulario, desplazando hacia arriba o hacia abajo el campo seleccionado.

▪	Editar...: abre la ventana Insertar campo para modificar los ajustes del campo seleccionado entre los ya añadidos al formulario.

Los botones Enviar, para el envío del formulario rellenado y Reset, para borrar todos los datos que se hubiesen introducido en el formulario, son creados automáticamente por el programa y colocados al final del formulario.

Por medio de los comandos de esta sección se pueden definir las modalidades de envío de los datos recogidos a través del formulario de envío de emails que se ha creado.

En el recuadro Envío de los datos se solicita especificar cómo deben ser enviados al gestor del sitio web los datos recogidos en el formulario. Es posible elegir entre las siguientes posibilidades:

	Enviar los datos por e-mail: es la opción prevista por defecto. Los datos recogidos a través del formulario son enviados por email mediante un script PHP ya preestablecido.
	Enviar datos a una base de datos: los datos recogidos a través del formulario son enviados automáticamente a la base de datos MySQL especificada mediante un script PHP ya preestablecido.
	Enviar datos a un archivo: los datos recogidos mediante el formulario son gestionados usando el script que se especifica (PHP, ASP, etc.). Esta opción es útil si se desea utilizar un script propio, por ejemplo para enviar datos si PHP no está disponible en el propio Servidor, o bien si desean activar procedimientos y gestiones particulares.

En función del método de envío seleccionado es preciso especificar una serie de parámetros:

Enviar los datos por e-mail:

▪	E-mail del remitente: permite especificar qué dirección utilizar como remite del correo electrónico que es enviado con los datos recogidos mediante el formulario creado.

Por defecto, como correo electrónico del remitente se utiliza el mismo correo electrónico del destinatario que, en este caso, corresponde con el administrador del sitio web. Si se especifica usar como correo electrónico del remitente el del visitante que ha rellenado el Formulario, será posible, por ejemplo, utilizar directamente el comando "Responder" del programa de correo electrónico.

▪	E-mail de destino: permite especificar la dirección de correo electrónico a donde serán enviados los datos recogidos con el formulario creado. Es posible especificar más de una dirección de email. Para ello es preciso introducir todas las direcciones de email separadas por un punto y coma (;).

▪	Objeto: permite especificar el asunto del correo electrónico con los datos recogidos mediante el formulario creado.

▪	Mensaje: permite establecer el texto que en en el email servirá de introducción a los datos recogidos en el formulario.

▪

Incluir al final los datos recogidos en formato CSV: hace que los datos recogidos sean guardados también en un archivo en formato .CSV, incluido al final del email enviado. En un archivo .CSV los datos se registran en forma de texto, como una larga lista de elementos separados por un punto y coma (;). Estos archivos pueden ser fácilmente importados por programas procesadores de hojas de cálculo (por ejemplo Microsoft Excell).

Enviar datos a una base de datos:

▪

Base de datos: especifica el nombre de la base de datos que se utilizará, escogiéndolo de la lista de aquellos vinculados al proyecto actual. La lista de las bases de datos vinculadas al proyecto debe ser previamente rellenada a través de los comandos al efecto de la ventana Administración de datos.

▪	Nombre de la tabla: en este campo se debe introducir el nombre de la tabla dentro de la base de datos en la que se quieren recoger los datos. Si se introduce el nombre de una Tabla que todavía no existe, esta será creada automáticamente.

▪	Envía un email de notificación de la recepción de datos: hace que se envíe automáticamente un email de notificación cuando se reciben nuevos datos.

▪	E-mail de destino: especifica la dirección a la que debe ser enviado el email de notificación de recepción de datos.

Enviar datos a un archivo:

▪	Archivo de script (por ejemplo, PHP, ASP): permite importar el archivo de elaboración que se desea utilizar para recoger los datos del formulario y enviarlos. En este caso el archivo de elaboración debe ser creado manualmente para resolver la tarea deseada.

Cuando en el recuadro E-mail de confirmación para el usuario como método de Envío de los datos no se elige Enviar datos a un archivo se presentan las siguientes opciones:

▪	Enviar un e-mail de confirmación al usuario: activando esta opción es posible hacer que, después de haber rellenado el formulario y de haber enviado los datos, el visitante reciba automáticamente un correo electrónico de confirmación.

▪	E-mail del remitente: campo para escribir una dirección de correo electrónico válida y activa que se utilizará como remite del email de confirmación.

Por defecto, como email del remitente, que en este caso es el email del administrador del sitio web, se usa la dirección introducida como E-mail de destino especificada en la sección Envío de los datos. Si se introduce un E-mail del remitente distinto, es posible enviar los emails de confirmación desde una dirección distinta de aquella en la que se reciben los correos electrónicos provenientes del formulario. Esta opción resulta útil si se prefiere utilizar para las comunicaciones con los usuarios una dirección genérica (info@miempresa.com o bien noreply@miempresa.com) en lugar de una dirección personal (nombre.apellido@miempresa.com).

▪	E-mail de destino: especifica de qué campos de entre los añadidos al formulario se obtiene la dirección de correo electrónico del visitante a la que se enviará el email de confirmación.

▪	Objeto: especifica el asunto del email de confirmación.

▪	Mensaje: especifica el cuerpo del mensaje del email de confirmación.

▪	Incluir al final los datos recogidos: permite agregar al final del correo electrónico de confirmación los datos recogidos a través del formulario rellenado.

Por último, en el recuadro Opciones se presentan las siguientes opciones:

▪

Activar el control anti-spam 'Captcha': añade al final del formulario de envío de email el control anti-spam Captcha. Esto hace que se introduzca la imagen de algunas letras reproducidas de manera deformada sobre un fondo confuso. El visitante deberá copiar correctamente estas letras en un campo al efecto para poder enviar el mensaje.

▪

Página de confirmación después del envío de los datos: muestra el Mapa del Sitio para definir qué página debe ser automáticamente mostrada una vez que el formulario ha sido compilado y los datos recogidos han sido enviados por correo electrónico. En lugar de redireccionar al usuario directamente a la página de inicio, es preferible predisponer una página específica con un mensaje de agradecimiento: esta página deberá ser definida como Página no visible en el menú mediante el comando al efecto disponible en el Paso 2 - Creación de mapa.

Para la personalización del aspecto gráfico de los emails enviados automáticamente mediante el formulario creado, es necesario usar las opciones que se ofrecen en la ventana Estilo de los emails del Paso 1 - Estilo de la Plantilla.

Por medio de los comandos de esta sección se pueden definir algunos de los ajustes gráficos referidos al aspecto del formulario de envío de emails que se está creando.

Ante todo es preciso seleccionar el Elemento de formulario sobre el que se desea trabajar: es posible hacerlo a través del menú desplegable de la opción homónima, o bien pulsando directamente sobre el elemento en la ventana de Vista previa disponible.

Los elementos que se pueden modificar son:

	Etiquetas: es el texto de descripción del campo y sirve para especificar la información requerida o introducir el texto de la pregunta que se desea formular.
	Campos: es el recuadro en el que el visitante podrá introducir la información requerida.
	Botones de 'Enviar' y 'Restablecer': son los botones introducidos automáticamente al final del formulario de envío de correo electrónico. Sirven, respectivamente, para enviar todos los datos introducidos en los campos y para vaciar los campos de los valores que pudiesen contener.
	Descripción y validación de campo: se trata de los mensajes mostrados para dar información adicional sobre cómo rellenar los campos, para invitar a corregir un dato introducido o para exhortar a completar un campo obligatorio dejado vacío.

En función del elemento del formulario seleccionado es posible modificar diferentes opciones presentadas en la sección Estilo:

Etiquetas:

▪	Fuente: define el tipo de carácter, el estilo y el tamaño del texto.

▪	Color: especifica el color que se utilizará para el texto.

▪

Repetir: permite definir dónde se debe colocar la etiqueta respecto al campo. Es posible escoger entre tres alternativas: Mostrar etiquetas sobre los campos, Mostrar etiquetas dentro de los campos y Mostrar etiquetas a la izquierda de los campos. Si se escoge colocar la etiqueta a la izquierda de los campos es posible definir el Ancho (%), es decir el porcentaje del espacio de la fila que deberá ser ocupado por la etiqueta misma, y la Alineación del texto de la etiqueta.

Campos:

▪	Color: especifica el color que se debe utilizar para el texto (en el estado normal y "en selección"), para el fondo (en el estado normal y "en selección") y para el borde (en el estado normal y "en error").

▪	Esquinas redondeadas: define el factor de redondeo de las esquinas, también individualmente.

▪	Sombra: aplica una sombra dentro de los campos para dar una sensación de profundidad.

Botones de 'Enviar' y 'Restablecer':

▪	Fuente: define el tipo de carácter, el estilo y el tamaño del texto.

▪	Color: especifica el color que se debe utilizar para el texto, para el fondo y para la borde de los botones.

▪	Esquinas redondeadas: define el factor de redondeo de las esquinas, también individualmente.

▪	Imagen de fondo: selecciona el archivo gráfico (.JPG, .GIF, .PNG.) de la imagen que se utilizará como fondo.

▪	Alineación: especifica la alineación de los botones añadidos, eligiendo entre Izquierda, Centro y Derecha.

▪	Mostrar el botón 'Restablecer': activada por defecto, hace que al final del formulario se añada automáticamente también el botón "Restablecer" (que sirve para vaciar los campos ya rellenados) además del botón "Enviar".

Descripción y validación de campo:

▪	Archivo de icono de descripción del campo: permite importar un archivo gráfico (formato .JPG, .GIF y .PNG) para utilizarlo como icono que poner al lado del campo para indicar que hay más información disponible.

▪	Mostrar la descripción al seleccionar el campo: activando esta opción aparece visualizado automáticamente el mensaje con la información adicional, en cuanto se hace clic dentro del Campo.

▪

Si se produce un error durante la validación de datos: permite elegir cómo debe ser mostrado el mensaje previsto en el caso en el que un campo no haya sido rellenado correctamente o, si está definido como obligatorio, se haya dejado vacío. Es posible elegir una de las siguientes opciones: Mostrar la ventana de diálogo del navegador, Mostrar ventana de popup interna o Mostrar sugerencia al lado de campo no válido.

Cuando se prueba localmente el funcionamiento de la página web creada, una ventana de aviso advierte que los emails con los datos recogidos en el módulo no serán enviados. El módulo Envío de email funciona plenamente solo tras la publicación de la página web en el Server.

Para el funcionamiento correcto del formulario de envío de correo electrónico es necesario que el Servidor en el que será publicado el sitio web admita el lenguaje de programación .PHP y que esté activo el comando MAIL. A través de la sección WebSite Test del Panel de control en línea es posible obtener esta información de diagnóstico acerca del Servidor.

Si se verifican problemas en el envío de los correos, es probable que el Servidor utilizado no esté configurado de modo estándar. En estos casos es aconsejable intentar modificar la configuración referida al script y al método utilizado para el envío de emails mediante las opciones presentes en Ajustes avanzados | Administración de datos. Para más información al respecto, ponerse en contacto con el propio proveedor de espacio web.