Cómo Agregar un Formulario de Contacto en tu Web

Para empezar, necesitarás ingresar al panel de control de tu servidor y **crear una cuenta de correo electrónico** que utilizarás específicamente para recibir los mensajes de este formulario.

Luego, dentro del panel de control, deberás **habilitar un script**. Dirígete a la sección que indica **SCRIPTS::CGI** y selecciona "FormMail CGI". Verás una confirmación de que el script ha sido instalado con éxito.

Después de estos pasos en el servidor, pega el siguiente código HTML en la sección de tu página web donde deseas que aparezca el formulario. Para ello, cambia a la vista de código (o HTML) de tu editor web y pega el bloque de código que se muestra a continuación.

Una vez que hayas pegado el código, regresa a la vista de diseño de tu editor. Haz clic derecho sobre el campo de comentarios del formulario (o el formulario en general), selecciona **Propiedades del Formulario** y luego **Avanzadas**. Allí deberás **modificar los campos con los datos de tu dominio y la dirección de email que creaste**.

¡Muy importante! La dirección de correo electrónico que uses debe ser del propio dominio donde está alojada la web. Además, tienes que crear una página llamada **`enviook.htm`** y colocar un mensaje en ella que confirme que el mensaje fue enviado correctamente (esta página solo se mostrará si el formulario se envía con éxito).

Código HTML que debes pegar en tu Web:

            <form action="/cgi-bin/FormMail.cgi" method="post" name="Contacto" id="Contacto">

            <table width="100%" border="0" cellspacing="5" id="table4" class="table table-borderless">

            <tr>

            <td class="text-end align-middle"><b>Nombre:</b></td>

            <td><input name="Nombre" type="text" id="Nombre" class="form-control" size="35" maxlength="100" required></td>

            </tr>

            <tr>

            <td class="text-end align-middle"><b>Email:</b></td>

            <td><input name="email" type="email" id="email" class="form-control" size="35" maxlength="200" required></td>

            </tr>

            <tr>

            <td class="text-end align-middle"><b>Asunto:</b></td>

            <td><input name="subject" type="text" id="subject" class="form-control" size="35" maxlength="250" required></td>

            </tr>

            <tr>

            <td class="text-end align-middle"><b>Mensaje:</b></td>

            <td><textarea name="mensaje" cols="35" rows="5" id="mensaje" class="form-control" required></textarea></td>

            </tr>

            <tr>

            <td colspan="2" class="text-center">

            <input name="required" type="hidden" id="required" value="Nombre,email,subject,mensaje">

            <input name="redirect" type="hidden" id="redirect" value="http://www.tudominio.com.ar/enviook.htm">

            <input name="recipient" type="hidden" id="recipient" value="info@tudominio.com.ar">

            <button type="submit" name="Submit" class="btn btn-primary mt-3">Enviar</button>

            </td>

            </tr>

            </table>

            </form>

Ejemplo de Formulario de Contacto (con estilos Bootstrap):

Al contratar nuestros servicios, usted acepta los términos y condiciones de nuestro

Contrato de servicios