| Cómo crear un formulario de consulta para mi sitio con FormMail CGI? |
|
Si Ud. tiene un plan Linux, puede agregarle un formulario de consulta a su sitio web usando FormMail CGI. A continuación le detallamos cómo hacerlo. Paso 1: Ingrese a su Panel de Control Ferozo, utilizando los datos proporcionados en el e-mail de alta del servicio. Paso 2: En el menú del margen izquierdo haga click sobre “Scripts :: CGI”. Del desplegable seleccione “Configuración de CGI’s”, como se muestra a continuación.
Luego, haga click en los permisos correspondientes de escritura en “Permitir la escritura” y en los permisos de ejecución en “Permitir la ejecusión de scripts”.
Paso 3: Luego de deshabilitar ambos permisos, en el menú del margen izquierdo haga click sobre “Scripts :: CGI”. Del desplegable seleccione “FormMail CGI”, como se muestra a continuación.
Paso 4: Allí, podrá activar el formulario, simplemente haga click en “Activar”.
Como último paso en la instalación vuelva al link “Configuración de CGI’s” y allí haga click en “No permitir la escritura”, la pantalla de configuración debe quedar como la imagen que se muestra a continuación.
Passo 5: Vamos a nuestro editor HTML. En nuestro ejemplo usaremos DreamWeaver. Creamos una nueva página donde editaremos el formulario. Lo llamaremos formulario.htm. Paso 6: Ahora, vamos al menú “Insert” de DreamWeaver. Allí elija “Form” > “Form”. Al pie de la pantalla deberá completar los siguientes datos:
Paso 7: Ahora vamos a crear una tabla. Para eso, haga click sobre “Insert” y seleccione “Table”.
En nuestro ejemplo, estamos creando una tabla de 5 filas, 2 columnas, con un largo de 400 píxeles y espacio interno de cela de 5 px. Paso 8: Escriba en los clasificadores da izquierda de los nombres de cada campo. En nuestro ejemplo, incluimos 4: nombre, e-mail, asunto y mensaje. (Por razones de estética, alineamos o texto a la derecha). Inserte los nombres de cada campo
Paso 9: Vamos a crear los campos. Para eso, en el menú “Insert” seleccione “Form” > “Text Field”. Nuestro formulario de ejemplo se quedó así:Formulario de ejemplo
Ahora, debemos determinar las características de cada campo. Para eso, haga click sobre el clasificador que desea modificar y complete los datos al pie de página.En nuestro ejemplo, el campo Nombre se quedó así:
En campo E-mail es muy importante poner email como nombre del campo, para que pueda ser interpretado por el script:
En el tercer campo, Asunto, también es importante el nombre del campo; deberá llamarlo subjet:
El último campo, Mensaje, se quedó con esta forma:
Paso 10: Ahora, agregamos el botón de envío. Para eso, vaya “Insert” y seleccione “Form” > “Button”.
Paso 11: Para finalizar, vamos a agregar tres campos invisibles. Lo hacemos desde el menú “Insert” y seleccionando “Form” > “Hidden Field”. El primero se llamará recipient y tendrá como valor (evalúe) la dirección de correo electrónico a la que llegará el mensaje. En nuestro ejemplo, Esta dirección electrónica esta protegida contra spam bots. Necesita activar JavaScript para visualizarla
El segundo campo se llamará redirect y tendrá como valor la URL de la página de envío correcto del formulario. En nuestro ejemplo, http://www.tutorial-web.com.ar/envio_ok.htm.
El último campo se llamará required y en valor vamos a indicar los campos obligatorios para el envío del formulario. En nuestro ejemplo, será obligatorio completar nombre, asunto y mensaje.
Por último, guardamos el trabajo desde el menú “File” > “Save”. Paso 12: Sólo resta subir los archivos por FTP… ¡y eso es todo! Su formulario ya está funcionando.
|
