Formulario de contacto en PHP y Bootstrap

Formulario de contacto con PHP - Diseño de formulario

Resumen: Crear formulario de contacto en PHP y Bootstrap usando mail

Los formularios de contacto son esenciales en una página web donde hay interacción con clientes o usuarios, pues así pueden pedir más información o enviar un mensaje.

Hoy vamos a ver cómo crear un formulario de contacto con PHP muy simple:

  1. Será un formulario en donde se pedirá el nombre, correo y mensaje
  2. Esos 3 datos serán enviados al correo electrónico del administrador del sitio y se podrá responder directamente al correo del remitente

Para ello vamos a usar la función mail y un formulario de Bootstrap.

Diseñando el formulario

Vamos a diseñar el formulario de contacto con en PHP usando Bootstrap. Es así:

Por el momento solo es el formulario que será enviado al archivo llamado contacto.php usando el método post. Estamos recogiendo el nombre, correo y mensaje del usuario; además de que estamos indicando que los 3 campos son requeridos con el atributo required.

Hasta el momento se ve así:

Formulario de contacto con PHP - Diseño de formulario

Diseñando el formulario de contacto con PHP usando Bootstrap 4

Procesando datos en PHP

Del lado del servidor podemos hacer varias cosas; podríamos poner un pequeño panel de administración y guardar los mensajes en una base de datos.

Lo que yo haré será enviar un correo electrónico al administrador del sitio, pero queda en ti lo que se hace al final.

Así queda el código:

Al inicio hacemos una validación simple (que podrías mejorar usando una librería) después configuramos dos cosas: el sender y el from.

El Sender debe ser un correo de tu dominio. Por ejemplo, si tu dominio es parzibyte.me tu correo debería ser algo como contacto@parzibyte.me; es decir, un correo que exista en tu web.

El From es el nombre y correo de la persona que te contacta.

Al final, mail devuelve un booleano que indica el éxito del mensaje. Si todo va bien, se imprime:

Si no, se indica con otro mensaje.

Probando formulario de contacto en PHP

Voy a probar en mi localhost; también tengo una versión online en mi página web para que me contactes. Si quieres un cliente de correo para desarrollo mira smtp4dev.

Así es como llegaría el mensaje al correo del administrador; haciendo un formulario de contacto en PHP muy simple pero funcional.

Como lo dije, queda en ti modificarlo por si quieres guardarlo en una base de datos o algo así.

Conclusión y notas finales

Este formulario se adapta a cualquier sitio web incluso si usas WordPress u otro CMS, pues utiliza PHP y es muy simple.

Si quieres podrías poner un captcha para controlar los bots, queda todo en ti.

Por cierto, el código completo lo he dejado en GitHub, ahí puedes ver también el CSS.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *