¿Alguna vez ha configurado un formulario en su sitio, sólo para olvidarse de comprobar las entradas que se enviaron? Crear un formulario HTML que envíe un correo electrónico después del envío es una de las formas más sencillas y eficaces de resolver este problema.
HTML no ofrece una opción para crear un formulario que envíe un correo electrónico después del envío. Sin embargo, puede utilizar el elemento de acción del formulario para establecer una dirección mailto: (en este caso, la suya propia), provocando la apertura del cliente de correo del remitente. Esta es una última opción si no puede crear un formulario basado en PHP.
Lo ideal sería que los navegadores permitieran enviar los formularios directamente a una dirección de correo electrónico. Sin embargo, la razón por la que no lo hacen es que enviar un correo electrónico directamente desde un formulario web HTML revelaría la dirección de correo electrónico del visitante, haciendo que el usuario sea vulnerable a actividades maliciosas, como el phishing.
Añadir una dirección mailto: al formulario puede ser una forma potencial de sortear este problema. Esta opción activa el cliente de correo por defecto en el ordenador del usuario, pidiéndole que envíe el formulario por correo electrónico. El navegador web envía una solicitud al proveedor de servicios de correo electrónico, no a la dirección especificada.
Proporcionar un formulario de contacto o cualquier otro formulario en una página web es súper fácil. Pero, ¿cómo recogemos los datos que el usuario ha enviado en el formulario? Pues bien, en este artículo hablaremos de cómo enviar los datos del formulario HTML al correo electrónico o cómo enviar los envíos del formulario de contacto al correo electrónico. Como siempre, sin más charla, empecemos.
Podemos procesar un formulario de muchas maneras, como guardar los datos en una base de datos, en un archivo de texto o procesar el formulario de acceso. Podemos hacer mucho más con un formulario HTML. Pero por hoy, vamos a hacer sólo lo que se supone que debemos hacer
Ahora es el momento de añadir algo de código PHP con el archivo PHP principal para que podamos recibir el correo electrónico cuando un usuario envíe este formulario de contacto. Puedes añadir este código al principio del archivo PHP o al final. Realmente no importa. Así, el código es
Por favor, tenga en cuenta: Para recibir correos electrónicos cuando los usuarios envíen este formulario, debe reemplazar `YOUR_EMAIL_ADDRESS_HERE` con su propia dirección de correo electrónico. Eso es todo lo que se necesita para asegurarse de que la función “datos del formulario HTML al correo electrónico” funcione correctamente. Si necesita más información sobre el envío de correos electrónicos con PHP, le invitamos a leer el documento oficial de PHP desde aquí.
Ten en cuenta que esto es un trabajo en progreso y que potencialmente te expone a recibir más de lo que esperabas en el correo electrónico. Debido a que el contenido del correo electrónico está ahora en bucle sobre todos los datos enviados en el formulario, si un robot o un usuario malintencionado decide POSTAR más de lo que has pedido, es probable que lo recibas en tu bandeja de entrada. Utilízalo con precaución por ahora. Estamos investigando mejoras.
tiene todo lo que necesitas. Puedes ajustar el marcado a tu gusto. Elegimos un <h4> porque era el mejor tamaño para el correo electrónico, y le añadimos una pequeña cantidad de CSS para arreglar las mayúsculas (las claves son todas minúsculas en el objeto JS) y un poco de espaciado por defecto. Mientras que los estilos en línea como este son generalmente una mala práctica en las páginas web normales, para el HTML del correo electrónico son la única forma fiable de hacer CSS.
Nota: Con el GDPR de la UE, aconsejamos encarecidamente investigar las recomendaciones sobre la privacidad de los usuarios; es posible que se le considere responsable de la custodia de los datos personales de los usuarios y debe proporcionarles una forma de ponerse en contacto con usted.
Ten en cuenta que esto es un trabajo en curso y que potencialmente te expone a recibir más de lo que esperabas en el correo electrónico. Dado que el contenido del correo electrónico está ahora en bucle sobre todos los datos enviados en el formulario, si un robot o un usuario malintencionado decide POSTAR más de lo que has pedido, es probable que lo recibas en tu bandeja de entrada. Utilízalo con precaución por ahora. Estamos investigando mejoras.
tiene todo lo que necesitas. Puedes ajustar el marcado a tu gusto. Elegimos un <h4> porque era el mejor tamaño para el correo electrónico, y le añadimos una pequeña cantidad de CSS para arreglar las mayúsculas (las claves son todas minúsculas en el objeto JS) y un poco de espaciado por defecto. Mientras que los estilos en línea como este son generalmente una mala práctica en las páginas web normales, para el HTML del correo electrónico son la única forma fiable de hacer CSS.