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:
Para ello vamos a usar la función mail
y un formulario de Bootstrap.
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í:
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.
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.
Como lo dije, queda en ti modificarlo por si quieres guardarlo en una base de datos o algo así.
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.
La impresión de un PDF en cualquier impresora se puede automatizar con un bot de…
Hoy te enseñaré cómo enviar un mensaje a un usuario desde un bot de Telegram…
El día de hoy te enseñaré algo muy sencillo pero útil al programar con PHP:…
El plugin para imprimir en impresoras térmicas alcanza hoy su versión 3.4.0 agregando soporte para…
En ocasiones es necesario leer los pixeles y colores de una imagen con JavaScript del…
Siguiendo con los tutoriales de listas desplegables o select con JavaScript, vamos a ver cómo…
Esta web usa cookies.
Ver comentarios
Hola buenas tardes, muy buen articulo!
Tuve un error, cuando envio los correos desde la web, me los guarda en la carpeta del localhost, no me los envia al correo, que puede ser el error?
Hola. Gracias por sus comentarios. Si tiene alguna consulta, solicitud de creación de un programa o solicitud de cambio de software estoy para servirle en https://parzibyte.me/#contacto
Saludos!
Hola, hice este formulario en mi pag pero cuando quiero enviar no funciona, me podes contactar y ayudarme por favor!
Gracias y Saludos!
Hola. Envíeme su solicitud en https://parzibyte.me/#contacto
Muy buen contenido, simple y concreto