Implementando el servidor de correos de Gmail

Clase 23 de 24 • Curso de PHP: Integración con HTML

Contenido del curso

Introducción

¿Cómo combinar HTML con PHP?

Manejo de formularios

Proyecto: formulario de contacto

Conclusión

24
Es tu turno de poner todo en práctica
01:50 min

Tomar examen

Comentarios

Andriw Jose Rollo Castro

student•

Algunos Comentarios

Algo que me generó confusión fue la forma en la que está implementada la lógica de envío de correos. Si se supone que es un formulario de contacto, el usuario espera que su mensaje llegue a la empresa, el equipo de contacto de la app, soporte, etc. Sin embargo, en la implementación lo que sucede es que el usuario recibe en su bandeja el mismo mensaje que envió a través del form. Vemos esto cuando a Retax le llega el correo a su bandeja personal, es decir, la dirección que él ingresó cuando llenó el formulario. Los correos se envían desde la dirección que indicamos en phpmailer->Username. Me costó un rato entender esto y supongo que el objetivo de la clase es mostrar un ejemplo donde se utiliza PHPMailer, pero en este ejemplo me parece que los correos deberían ir en la dirección contraria.

Ejemplo Hipotético

El usuario es Mr. Michi y su correo es michi@mail.com
Nuestra app tiene una dirección de correo "intermediaria" llamada contac-center@mail.com. Esta es la direccion desde donde se envían los correos, por lo tanto es la que se configura con phpmailer->Username y phpmailer->Password. Esta dirección de correo lee la información del form, y la envía al correo del equipo de soporte de la app. Por eso llamo a esta cuenta "intermediaria", pues su función es tomar el mensaje del usuario y pasarlo a soporte.
El equipo de soporte de nuestra app recibe el correo enviado desde contac-center@mail.com con la información que escribió del usuario: su nombre, correo, y el mensaje.
Por último, el equipo de soporte envía una respuesta al correo ingresado por el usuario, dando solución a su duda o pregunta.

Consideraciones importantes

En el $body del email que enviaría la cuenta intermediaria contac-center debería incluir toda la información del usuario: nombre, correo y mensaje, pues supongo que si no se incluye el correo, no habrá forma de que el usuario reciba una respuesta, pues al equipo de soporte no le estaría llegando esta dirección de respuesta.
La cuenta "intermediaria" podría incluso ser la misma de soporte, enviando un mensaje a sí mismo con la información del usuario. Recordemos que la cuenta "intermediaria" debe tomar la información del form y enviarla. (Hay un comentario más antiguo que menciona que le funcionó cuando ingresó la misma cuenta de destino, así que esta sería la explicación de por qué funcionó así).
Este es sólo un ejemplo de implementación que se me vino a la mente, no tengo conocimiento técnico acerca del tema, no se si esta es la forma en la que se implementan en las empresas. Sólo estoy compartiendo la idea de lo que entendí del funcionamiento de esta herramienta. Por supuesto se aceptan comentarios de feedback y correcciones si hay algo en lo que puedo estar equivocado.

¡Ahora a seguir practicando y nunca para de aprender! 💚

Javier Enrique Borjas Tapia

student•

Totalmente de acuerdo con tu comentario , estuve probando y pensando un rato sobre esto hasta que leí tu comentario seguiré investigando de como se implementa esta herramienta .

German David Lievano Suarez

student•

si entiendo, hice la prueba enviandolo a otro correo diferente, y en realidad el correo deberia llegar automaticamente a nuestro gmail configurado, y la casilla de nuestra pagina con el email del cliente deberia ser parte de informacion de contacto en nuestro formulario de pagina web diseñada, para asi nosotros como empresa o servicio tener esos datos de contacto y poder responder...

joaquin dati

student•

Hola! A quienes no les llegue el mail a Gmail agreguen "use PHPMailer\PHPMailer\SMTP;" abajo de "use PHPMailer\PHPMailer\PHPMailer;" en su archivo mail.php :)

Les dejo el repo para que lo consulten: https://github.com/PHPMailer/PHPMailer

Daniel Eduardo Salmerón Alvarado

student•

Intenté agregar esa línea de código pero aún sigo sin recibir el mail :(

Jenny Aguilar

student•

Para que no te quiebres la cabeza...

Conforme lo dice expresamente la documentación de Gmail, este método ya no es válido para abril 2024.

"Para proteger mejor tu cuenta, Gmail ya no admite aplicaciones ni dispositivos de terceros que requieran que compartas tu nombre de usuario y tu contraseña de Google. Si compartes las credenciales de tu cuenta con terceros, los hackers podrán acceder a ella más fácilmente."

Referencia:

Mi recomendación, si ves este video, es sólo para tener una idea de cómo se hacía en el pasado por si algún cliente desfasado recurre a ti por un problema con sus formularios ya sabes por donde puede ir.

Por lo demás, intenta buscar otro modo o sigue los cursos para ver formas más actualizadas.

Santiago Armendáriz

student•

Muchas gracias, estaba buscando por todos lados como general el passkey

Jose Eduardo Carbonell Ledesma

student•

Si es posible realizarlo, aunque está un poco escondido de hecho.

Joel Dominguez Merino

student•

¿Estas viendo este comentario? Lo hemos logrado!!!! Muchas felicidades por haber logrado terminar el proyecto 😎 Hubo dificultades en el proceso pero nos llevamos un gran aprendizaje a lo largo de este maravilloso curso que nos compartió el buen Retax :D Me voy super contento con todo lo aprendido. . Les comparto mi repo donde podrán encontrar todo el código :)

. Me llego el correo de Gmail!!!!

Arturo Matías López Salinas

student•

La verdad estuve horas verificando porque no me funcionaban correos reales y lo mas razonable es creer que el metodo explicado en el video ya no es posible en la actualidad (10/2023), pero aporto con una correccion a la logica para que el formulario de contacto llegue a "la empresa" en lugar de al propio usuario que no es muy logico que haga eso:

<?phprequire("vendor/autoload.php"); use PHPMailer\PHPMailer\PHPMailer;//use PHPMailer\PHPMailer\SMTP;//use PHPMailer\PHPMailer\Exception; function sendMail($subject, $body, $email, $name, $html = false){ //configuracion inicial de nuestro servidor $phpmailer = new PHPMailer(); $phpmailer->isSMTP(); $phpmailer->Host = 'smtp.mailtrap.io'; $phpmailer->SMTPAuth = true; $phpmailer->Port = 2525; $phpmailer->Username = 'correoservidor'; $phpmailer->Password = 'contraseñaservidor'; //añadiendo destinatarios $phpmailer->setFrom($email , $name); $phpmailer->addAddress('contacto@artroxxgaming.com', 'Formulario Contacto');

//definiendo el contenido del email $phpmailer->isHTML($html); //Set email format to HTML $phpmailer->Subject = $subject; $phpmailer->Body = $body; $phpmailer->send();} ?>

Rafael Junior Ortiz Sánchez

student•

Hola, a alguien mas le aparece este error al momento de enviar el formulario?

Fatal error: Uncaught Error: Cannot unpack array with string keys in C:\xampp\htdocs\formulario\index.php:13 Stack trace: #0 {main} thrown in C:\xampp\htdocs\formulario\index.php on line 13

<?php

require("mail.php");

function validate($name, $email, $subject, $message, $form) {
    return !empty($name) && !empty($email) && !empty($subject) && !empty($message);
}

$status = "";

if ( isset($_POST["form"]) ) {

    if ( validate(...$_POST) ) {
        
        $name = $_POST["name"];
        $email = $_POST["email"];
        $subject = $_POST["subject"];
        $message = $_POST["message"];

        $body = "$name <$email> te envia el siguiente mensaje: <br><br> $message";

        // Mandar el correo
        sendMail($subject, $body, $email, $name, true);

        $status = "success";

    }
    else {
        $status = "danger";
    }
   
}

?>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <title>Formulario de contacto</title>
</head>
<body>

    <?php if($status == "danger"): ?>
    
    <div class="alert danger">
        <span>Surgió un problema</span>
    </div>
    
    <?php endif; ?>
    

    <?php if($status == "success"): ?>
    
    <div class="alert success">
        <span>¡Mensaje enviado con éxito!</span>
    </div>
    
    <?php endif; ?>

    <form action="./" method="POST">

        <h2>¡Contáctanos!</h2>

        <div class="input-group">
            <label for="name">Nombre:</label>
            <input type="text" name="name" id="name">
        </div>

        <div class="input-group">
            <label for="email">Correo:</label>
            <input type="email" name="email" id="email">
        </div>

        <div class="input-group">
            <label for="subject">Asunto:</label>
            <input type="text" name="subject" id="subject">
        </div>

        <div class="input-group">
            <label for="message">Mensaje:</label>
            <textarea name="message" id="message"></textarea>
        </div>

        <div class="button-container">
            <button name="form" type="submit">Enviar</button>
        </div>

        <div class="contact-info">
            
            <div class="info">
                <span><i class="fas fa-map-marker-alt"></i> 13 Saw Mill Circle, North Olmested.</span>
            </div>

            <div class="info">
                <span><i class="fas fa-phone"></i> +1 123 456 7890</span>
            </div>

        </div>

    </form>

    <script src="https://kit.fontawesome.com/bbff992efd.js" crossorigin="anonymous"></script>
    
</body>
</html>

Carlo Andoni

student•

Es por la versión de PHP, creo que el profe tiene la ultima versión, yo tengo la version 7.4.22 y me sale igual, pero solo puse todos los campos para validar y me funciona igual todo.

Rafael Junior Ortiz Sánchez

student•

Gracias, realmente si era la versión

Leibniz Moreno

student•

No estaba recibiendo el correo, pero al poner en el formulario el correo a donde voy a recibir mi correo ya me llego, es decir asi:

joaquin dati

student•

No me llega el mail al gmail, tengo el codigo igual que el profe. Alguna idea?

Jainelker Jesus Yepez

student•

Hola Joaquin 😊. ¿podrías compartirnos un print de pantalla?

Walter Omar Barrios Vazquez

student•

¿Alguna sugerencia para enviar mensajes con acentos, eñes o caracteres especiales?

Cristian Pisco Intriago

student•

$phpmailer->CharSet = PHPMailer::CHARSET_UTF8;

Daniela Betancur

student•

seguí los pasos pero el correo no me llegó. :( cula será mi pecado?

index.php:

<?php

    require("mail.php");

    function validate($name, $email, $subject, $message, $form) {
        return !empty($name) && !empty($email) && !empty($subject) && !empty($message);
    }

    $status = "";

    if ( isset($_POST["form"]) ) {

        if ( validate(...$_POST) ) {
            
            $name = $_POST["name"];
            $email = $_POST["email"];
            $subject = $_POST["subject"];
            $message = $_POST["message"];

            $body = "$name <$email> te envia el siguiente mensaje: <br><br> $message";

            sendMail($subject, $body, $email, $name, true);

            $status = "success";
        }

        else {
            $status = "danger";
        }
    }
?>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <title>Formulario de contacto</title>
</head>
<body>

    <?php if($status == "danger"): ?>

    <div class="alert danger">
        <span>Surgió un problema</span>
    </div>

    <?php  endif; ?>

    <?php if($status == "success"): ?>

    <div class="alert success">
        <span>¡Mensaje Enviado con Exito!</span>
    </div>

    <?php  endif; ?>
    
    <form action="./" method="post">

        <h2>¡Contáctanos!</h2>

        <div class="input-group">
            <label for="name">Nombre:</label>
            <input type="text" name="name" id="name">
        </div>

        <div class="input-group">
            <label for="email">Correo:</label>
            <input type="email" name="email" id="email">
        </div>

        <div class="input-group">
            <label for="subject">Asunto:</label>
            <input type="text" name="subject" id="subject">
        </div>

        <div class="input-group">
            <label for="message">Mensaje:</label>
            <textarea name="message" id="message"></textarea>
        </div>

        <div class="button-containber">
            <button type="submit" name="form">Enviar</button>
        </div>

        <div class="contact-info">

            <div class="info">
                <span> <i class="fas fa-map-marker-alt"></i> 113 Direccion ficticia, North </span>
            </div>

            <div class="info">
                <span> <i class="fas fa-phone"></i>  +1 235 895 78 98</span>
            </div>
        </div>

    </form>

    <!-- iconos -->
    <script src="https://kit.fontawesome.com/664a568355.js" crossorigin="anonymous"></script>

</body>
</html>

mail.php

<?php

require("vendor/autoload.php");

use PHPMailer\PHPMailer\PHPMailer;

function sendMail($subject, $body, $email, $name, $html = false) {

    $phpmailer = new PHPMailer();
    $phpmailer->isSMTP();
    $phpmailer->Host = 'smtp.gmail.com';
    $phpmailer->SMTPAuth = true;
    $phpmailer->SMTPSecure = PHPMailer::ENCRYPTION_SMTPS;
    $phpmailer->Port = 2525;
    $phpmailer->Username = 'dannybtaa@gmail.com';
    $phpmailer->Password = 'AcaVaLaContraSeñaDeGoogle';

    $phpmailer->setFrom('contact@miempresa.com', 'Mi empresa');
    $phpmailer->addAddress($email, $name);     //Add a recipient

    $phpmailer->isHTML($html);                                  //Set email format to HTML
    $phpmailer->Subject = $subject;
    $phpmailer->Body    = $body;

    $phpmailer->send();

}

?>

Walter Omar Barrios Vazquez

student•

Hola Daniela, debe ser en la configuración del servidor de correo, el puerto debe ser 465 y la contraseña la que generas para aplicaciones.

Leandro Gavidia Santamaria

student•

Tiene el mismo problema que tu, prueba acomodar el puerto y si sigue igual es porque necesita un correo real

Juan David Rueda Quiroga

student•

Como evito que me bloqueen por correo masivo??

Mercy María Ix Ballote

student•

No me llegó el mail :( pongo todo y me sale el mensajito de Mensaje enviado pero no sale en mi bandeja :/

Beder Danilo Casa Condori

student•

Un ejemplo de configuración de correos usando PHPMailer puede incluir:

Incluir el Autoload de Composer:
```
require 'vendor/autoload.php';
```

Crear una instancia de PHPMailer:

$mail = new PHPMailer\PHPMailer\PHPMailer();

Configurar el Servidor SMTP:

$mail->isSMTP();
$mail->Host = 'smtp.example.com'; // Servidor SMTP
$mail->SMTPAuth = true; // Habilitar autenticación
$mail->Username = 'tu_correo@example.com'; // Correo
$mail->Password = 'tu_contraseña'; // Contraseña
$mail->SMTPSecure = PHPMailer::ENCRYPTION_STARTTLS; // Habilitar TLS
$mail->Port = 587; // Puerto TCP

Configurar el remitente y destinatario:

$mail->setFrom('tu_correo@example.com', 'Tu Nombre');
$mail->addAddress('destinatario@example.com', 'Nombre Destinatario');

Configurar el contenido del correo:

$mail->isHTML(true);
$mail->Subject = 'Asunto del Correo';
$mail->Body = 'Contenido del correo en HTML';

Enviar el correo:

if($mail->send()) {
    echo 'Correo enviado!';
} else {
    echo 'Error al enviar: ' . $mail->ErrorInfo;
}

Esta configuración básica te permitirá enviar correos electrónicos usando PHPMailer. Asegúrate de ajustar los parámetros según tu servidor y credenciales.

Andrés Castillo

student•

¿Alguien tiene idea de que debería cambiar para que funcione con un correo de Microsoft?

Yerson Felipe Ramirez Garnica

student•

Si yo hago uso de un hosting, ya no tengo la necesidad de ingresar a la configuración de gmail para conseguir la contraseña y colocarla $phpmailer->Password?

Luis Ángel Pérez Meléndez

student•

El código o más bien la contraseña qué se le género al profe del correo, cual es su función? y con eso alguien puede entrar a ese correo ? o solo es para resivir correo ?

Eduardo David Alfredo Unrrein

student•

Hola a todos!!! Parece ser la pregunta sin respuesta... Como a todos aquí, a mi tampoco me llegan los email... Probé cambiar mil cosas y aún así no llegan... Alguien que haya podido resolver el problema!!!

William Villegas

student•

Daniel Eduardo Salmerón Alvarado

student•

Hola tengo un problema, el correo no aparece en mi bandeja de entrada. Revisé el código y me parece que todo está bien, ¿alguien sabe porque no me caen los emails que envío? (Adjunto el código en dónde eliminé la contraseña generada solo para que no se vea) Agradecería mucho la ayuda 💚 .

index.php

<?php

require 'mail.php';

// Validating that the data sent is not empty
function validate($name, $email, $subject, $message, $form){
    return !empty($name) && !empty($email) && !empty($subject) && !empty($message);
};

$status = "";

// Validating if the form was sent, using the name of the button
if (isset($_POST["form"])) {

    // Array unpacking
    if ( validate(...$_POST) ) {

        // Saving everything in variables
        $name = $_POST["name"];
        $email = $_POST["email"];
        $subject = $_POST["subject"];
        $message = $_POST["message"];

        // Creating the body of the email
        $body = "$name <$email> sends you the following message: <br><br>
        $message";

        // Sending the email
        sendEmail($subject, $body, $email, $name, $subject, true);

        $status = "success";

    } else {
        $status = "danger";
    }
    

};

?>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="CSS/style.css">
    <title>Contact</title>
</head>
<body>

<?php if($status=="danger"): ?>

    <div class="alert danger">
        <span>There was an error 😓</span>
    </div>

<?php endif; ?>

<?php if($status=="success"): ?>

    <div class="alert success">
        <span>¡Message sent succesfully 🥳!</span>
    </div>

<?php endif; ?>
   
    <form action="./" method="POST">

        <h2>¡Contact me!</h2>

        <div class="input-group">
            <label for="name">Name:</label>
            <input type="text" name="name" id="name">
        </div>

        <div class="input-group">
            <label for="email">E-mail:</label>
            <input type="email" name="email" id="email">
        </div>

        <div class="input-group">
            <label for="subject">Subject:</label>
            <input type="subject" name="subject" id="subject">
        </div>

        <div class="input-group">
            <label for="message">Message:</label>
            <textarea name="message" id="message">
            </textarea>
        </div>

        <div class="button-container">
            <button name="form" type="submit">Send</button>
        </div>

        <div class="contact-info">

            <div class="info">
                <span><i class="fas fa-map-marker-alt"></i> El Salvador, San Salvador</span>
            </div>

            <div class="info">
                <span>danielsaytcode@gmail.com</span>
            </div>

        </div>

    </form>

    <script src="https://kit.fontawesome.com/bbff992efd.js" crossorigin="anonymous"></script>

</body>
</html>

mail.php

<?php

require("vendor/autoload.php");

use PHPMailer\PHPMailer\PHPMailer;


function sendEmail($subject, $body, $email, $name, $html = false){

    // Initial configuration of the mail server
    $phpmailer = new PHPMailer();
    $phpmailer->isSMTP();
    $phpmailer->SMTPAuth = true;
    $phpmailer->Host = 'smtp.gmail.com';
    $phpmailer->SMTPSecure = PHPMailer::ENCRYPTION_SMTPS;
    $phpmailer->Port = 465;             // Setting a secure port
    $phpmailer->Username = 'danielsaytcode@gmail.com';
    $phpmailer->Password = 'contraseñaxd';

    // Recipients
    $phpmailer->setFrom('contact@miempresa.com', 'Mi empresa');         // The one who sends the mail
    $phpmailer->addAddress($email, $name);     //Add a recipient

    // Defining the content of the email
    $phpmailer->isHTML($html);                                  //Set email format to HTML
    $phpmailer->Subject = $subject;
    $phpmailer->Body    = $body;
    # $phpmailer->AltBody = 'This is the body in plain text for non-HTML mail clients';

    // Sending the email 📧
    $phpmailer->send();
}

?>

Daniel Eduardo Salmerón Alvarado

student•

Intenté agregar la linea de código de use PHPMailer\PHPMailer\SMTP; Pero aún sigo sin poder recibir los correos :(

Willian Fernando Cárdenas

student•

Lograste enviar los correos? Si no, me avisas y te hecho una mano.

William Andres Sumalé Yol

student•

Alguien mas le arroja este error? Extension missing: openssl Estuve investigando y en php.ini se deberia descomentar la linea donde esta extension=openssl pero cuando revise, ya estaba descomentada, y todas las soluciones que encuentro son la misma

Shelley Valdés Herrera

student•

No se me conecta desde la clase pasada:

Te la pelaste. Error: SMTP Error: Could not connect to SMTP host. Failed to connect to serverSMTP server error: Failed to connect to server SMTP code: 13 Additional SMTP info: Permission denied

(así puse my try catch XD)

<?php

require("mail.php");

function validate($name, $email, $subject, $message, $form) {
    return !empty($name) && !empty($email) && !empty($subject) && !empty($message);
}

$status = "";

if ( isset($_POST["form"]) ) {

    if ( validate(...$_POST) ) {
        
        $name = $_POST["name"];
        $email = $_POST["email"];
        $subject = $_POST["subject"];
        $message = $_POST["message"];

        $body = "$name <$email> te envia el siguiente mensaje: <br><br> $message";

        // Mandar el correo
        sendMail($subject, $body, $email, $name, true);

        $status = "success";

    }
    else {
        $status = "danger";
    }
   
}

?>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <title>Formulario de contacto</title>
</head>
<body>

    <?php if($status == "danger"): ?>
    
    <div class="alert danger">
        <span>Surgió un problema</span>
    </div>
    
    <?php endif; ?>
    

    <?php if($status == "success"): ?>
    
    <div class="alert success">
        <span>¡Mensaje enviado con éxito!</span>
    </div>
    
    <?php endif; ?>

    <form action="./" method="POST">

        <h2>¡Contáctanos!</h2>

        <div class="input-group">
            <label for="name">Nombre:</label>
            <input type="text" name="name" id="name">
        </div>

        <div class="input-group">
            <label for="email">Correo:</label>
            <input type="email" name="email" id="email">
        </div>

        <div class="input-group">
            <label for="subject">Asunto:</label>
            <input type="text" name="subject" id="subject">
        </div>

        <div class="input-group">
            <label for="message">Mensaje:</label>
            <textarea name="message" id="message"></textarea>
        </div>

        <div class="button-container">
            <button name="form" type="submit">Enviar</button>
        </div>

        <div class="contact-info">
            
            <div class="info">
                <span><i class="fas fa-map-marker-alt"></i> 13 Saw Mill Circle, North Olmested.</span>
            </div>

            <div class="info">
                <span><i class="fas fa-phone"></i> +1 123 456 7890</span>
            </div>

        </div>

    </form>

    <script src="https://kit.fontawesome.com/bbff992efd.js" crossorigin="anonymous"></script>
    
</body>
</html>

<?php

    require("mail.php");

    function validate($name, $email, $subject, $message, $form) {
        return !empty($name) && !empty($email) && !empty($subject) && !empty($message);
    }

    $status = "";

    if ( isset($_POST["form"]) ) {

        if ( validate(...$_POST) ) {
            
            $name = $_POST["name"];
            $email = $_POST["email"];
            $subject = $_POST["subject"];
            $message = $_POST["message"];

            $body = "$name <$email> te envia el siguiente mensaje: <br><br> $message";

            sendMail($subject, $body, $email, $name, true);

            $status = "success";
        }

        else {
            $status = "danger";
        }
    }
?>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <title>Formulario de contacto</title>
</head>
<body>

    <?php if($status == "danger"): ?>

    <div class="alert danger">
        <span>Surgió un problema</span>
    </div>

    <?php  endif; ?>

    <?php if($status == "success"): ?>

    <div class="alert success">
        <span>¡Mensaje Enviado con Exito!</span>
    </div>

    <?php  endif; ?>
    
    <form action="./" method="post">

        <h2>¡Contáctanos!</h2>

        <div class="input-group">
            <label for="name">Nombre:</label>
            <input type="text" name="name" id="name">
        </div>

        <div class="input-group">
            <label for="email">Correo:</label>
            <input type="email" name="email" id="email">
        </div>

        <div class="input-group">
            <label for="subject">Asunto:</label>
            <input type="text" name="subject" id="subject">
        </div>

        <div class="input-group">
            <label for="message">Mensaje:</label>
            <textarea name="message" id="message"></textarea>
        </div>

        <div class="button-containber">
            <button type="submit" name="form">Enviar</button>
        </div>

        <div class="contact-info">

            <div class="info">
                <span> <i class="fas fa-map-marker-alt"></i> 113 Direccion ficticia, North </span>
            </div>

            <div class="info">
                <span> <i class="fas fa-phone"></i>  +1 235 895 78 98</span>
            </div>
        </div>

    </form>

    <!-- iconos -->
    <script src="https://kit.fontawesome.com/664a568355.js" crossorigin="anonymous"></script>

</body>
</html>

<?php

require("vendor/autoload.php");

use PHPMailer\PHPMailer\PHPMailer;

function sendMail($subject, $body, $email, $name, $html = false) {

    $phpmailer = new PHPMailer();
    $phpmailer->isSMTP();
    $phpmailer->Host = 'smtp.gmail.com';
    $phpmailer->SMTPAuth = true;
    $phpmailer->SMTPSecure = PHPMailer::ENCRYPTION_SMTPS;
    $phpmailer->Port = 2525;
    $phpmailer->Username = 'dannybtaa@gmail.com';
    $phpmailer->Password = 'AcaVaLaContraSeñaDeGoogle';

    $phpmailer->setFrom('contact@miempresa.com', 'Mi empresa');
    $phpmailer->addAddress($email, $name);     //Add a recipient

    $phpmailer->isHTML($html);                                  //Set email format to HTML
    $phpmailer->Subject = $subject;
    $phpmailer->Body    = $body;

    $phpmailer->send();

}

?>

$mail->isSMTP();
$mail->Host = 'smtp.example.com'; // Servidor SMTP
$mail->SMTPAuth = true; // Habilitar autenticación
$mail->Username = 'tu_correo@example.com'; // Correo
$mail->Password = 'tu_contraseña'; // Contraseña
$mail->SMTPSecure = PHPMailer::ENCRYPTION_STARTTLS; // Habilitar TLS
$mail->Port = 587; // Puerto TCP

<?php

require 'mail.php';

// Validating that the data sent is not empty
function validate($name, $email, $subject, $message, $form){
    return !empty($name) && !empty($email) && !empty($subject) && !empty($message);
};

$status = "";

// Validating if the form was sent, using the name of the button
if (isset($_POST["form"])) {

    // Array unpacking
    if ( validate(...$_POST) ) {

        // Saving everything in variables
        $name = $_POST["name"];
        $email = $_POST["email"];
        $subject = $_POST["subject"];
        $message = $_POST["message"];

        // Creating the body of the email
        $body = "$name <$email> sends you the following message: <br><br>
        $message";

        // Sending the email
        sendEmail($subject, $body, $email, $name, $subject, true);

        $status = "success";

    } else {
        $status = "danger";
    }
    

};

?>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="CSS/style.css">
    <title>Contact</title>
</head>
<body>

<?php if($status=="danger"): ?>

    <div class="alert danger">
        <span>There was an error 😓</span>
    </div>

<?php endif; ?>

<?php if($status=="success"): ?>

    <div class="alert success">
        <span>¡Message sent succesfully 🥳!</span>
    </div>

<?php endif; ?>
   
    <form action="./" method="POST">

        <h2>¡Contact me!</h2>

        <div class="input-group">
            <label for="name">Name:</label>
            <input type="text" name="name" id="name">
        </div>

        <div class="input-group">
            <label for="email">E-mail:</label>
            <input type="email" name="email" id="email">
        </div>

        <div class="input-group">
            <label for="subject">Subject:</label>
            <input type="subject" name="subject" id="subject">
        </div>

        <div class="input-group">
            <label for="message">Message:</label>
            <textarea name="message" id="message">
            </textarea>
        </div>

        <div class="button-container">
            <button name="form" type="submit">Send</button>
        </div>

        <div class="contact-info">

            <div class="info">
                <span><i class="fas fa-map-marker-alt"></i> El Salvador, San Salvador</span>
            </div>

            <div class="info">
                <span>danielsaytcode@gmail.com</span>
            </div>

        </div>

    </form>

    <script src="https://kit.fontawesome.com/bbff992efd.js" crossorigin="anonymous"></script>

</body>
</html>

<?php

require("vendor/autoload.php");

use PHPMailer\PHPMailer\PHPMailer;


function sendEmail($subject, $body, $email, $name, $html = false){

    // Initial configuration of the mail server
    $phpmailer = new PHPMailer();
    $phpmailer->isSMTP();
    $phpmailer->SMTPAuth = true;
    $phpmailer->Host = 'smtp.gmail.com';
    $phpmailer->SMTPSecure = PHPMailer::ENCRYPTION_SMTPS;
    $phpmailer->Port = 465;             // Setting a secure port
    $phpmailer->Username = 'danielsaytcode@gmail.com';
    $phpmailer->Password = 'contraseñaxd';

    // Recipients
    $phpmailer->setFrom('contact@miempresa.com', 'Mi empresa');         // The one who sends the mail
    $phpmailer->addAddress($email, $name);     //Add a recipient

    // Defining the content of the email
    $phpmailer->isHTML($html);                                  //Set email format to HTML
    $phpmailer->Subject = $subject;
    $phpmailer->Body    = $body;
    # $phpmailer->AltBody = 'This is the body in plain text for non-HTML mail clients';

    // Sending the email 📧
    $phpmailer->send();
}

?>

Implementando el servidor de correos de Gmail

Introducción

¿Cómo se renderiza una página web en mi computadora?

Levantando un servidor local

¿Cómo combinar HTML con PHP?

PHP como preprocesador de HTML

Imprime texto y etiquetas HTML

Condicionales

Ciclos

¿Cómo pasar variables de PHP a JavaScript?

Evita el código espagueti

Refactorizando código espagueti

Manejo de formularios

Cómo obtener una solicitud al servidor con PHP

Envío de un formulario a través de GET

Envío de un formulario a través de POST

Envío de imágenes

Guardando imágenes en el servidor

Tipos de inputs

Otros tipos de inputs

Valida si un formulario ha sido enviado

Sanitizando datos de mi formulario

Validando datos

Proyecto: formulario de contacto

Creando el maquetado

Haciendo la lógica de recepción del formulario

Integrando PHPMailer

Implementando el servidor de correos de Gmail

Conclusión

Es tu turno de poner todo en práctica