Dattatec Ayuda - Centro de ayuda recursos de Dattatec

Si tienes un plan Linux, puedes agregarle un formulario de consulta a tu sitio web usando FormMail CGI. A continuación te detallamos cómo hacerlo.

A continuación te detallamos como hacerlo.

http://dattatecayuda.com/wp-content/uploads/2009/video-tutoriales/videotutorial__creacion_de_un_formulario_de_contacto_usando_formmail.cgi__linux_.flv

Paso 1: Ingresa a tu Panel de Control Ferozo, utilizando los datos proporcionados en el e-mail de alta del servicio.

Paso 2: En el menú del margen izquierdo hace click sobre “Scripts :: CGI”. Del desplegable selecciona “Configuración de CGI’s”, como se muestra a continuación.

Luego, hace 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 hace click sobre “Scripts :: CGI”. Del desplegable selecciona “FormMail CGI”, como se muestra a continuación.

Paso 4: Allí, podrás activar el formulario, simplemente hace click en “Activar”.

Como último paso en la instalación vuelve al link “Configuración de CGI’s” y allí hace 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í eleji “Form” > “Form”. Al pie de la pantalla deberás completar los siguientes datos:

• Action: indica /cgi-bin/FormMail.cgi.

• Form name: Indica el nombre del formulario. En nuestro ejemplo, Contacto.

Paso 7: Ahora vamos a crear una tabla. Para eso, hace click sobre “Insert” y selecciona “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: Escribi en los clasificadores de la 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” selecciona “Form” > “Text Field”. Nuestro formulario de ejemplo se quedó así:Formulario de ejemplo

Ahora, debemos determinar las características de cada campo. Para eso, hace click sobre el clasificador que deseas modificar y completa 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, ve a “Insert” y selecciona “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, info@tutorial-web.com.ar

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! Tu formulario ya está funcionando.