42 📧 CORREO de Confirmación de Pedido | Creando la Plantilla Mailable y Envío PostPago en Laravel 12
Duración: 24 min¡Contenido Exclusivo!
Adquiere este curso para tener acceso inmediato a esta y a **todas las lecciones Premium**.
Inscribirse Ahora por $10.00 Acceso instantáneo de por vida y código fuente incluido.Descripción
Lección 42: 📧 Correo de Confirmación de Pedido | Creando la Plantilla Mailable y Envío Post-Pago en Laravel 12
Este capítulo esencial se centra en la implementación de una notificación crucial: el correo electrónico de confirmación de la compra, proporcionando al usuario un respaldo digital de su pedido tras la finalización exitosa del pago.
🎨 Mejoras Visuales en la Confirmación
Antes de configurar el envío, se refina la vista de confirmación del pedido [01:26]:
- Detalle con Imagen 🖼️: Se agrega la imagen miniatura de cada producto junto a su nombre y descripción [02:21].
- Precios Claros 💰: Se muestra la cantidad, el precio unitario y el subtotal por ítem, brindando mayor transparencia al usuario [03:04].
⚙️ Configuración del Servicio de Correo (Mailtrap)
Para el entorno de desarrollo, se utiliza Mailtrap como buzón de prueba para capturar los correos sin enviarlos realmente [06:21]:
- Mailtrap Setup 🛠️: Se crea y configura una cuenta en Mailtrap.
- Actualización del .env 🔑: Se copian y pegan las credenciales SMTP de Mailtrap (Host, Port, Username, Password) en el archivo de configuración de entorno, lo cual permite que Laravel envíe correos electrónicos a este buzón de prueba [08:06].
📬 Creación del Mailable de Confirmación
Se utiliza la clase Mailable de Laravel para encapsular la lógica y el contenido del correo [09:17]:
- Generación del Mailable: Se ejecuta el comando php artisan make:mail CompraConfirmada para crear la clase y la estructura de archivos necesaria.
- Inyección de Datos 📤:
- En la clase CompraConfirmada, se define una variable pública $orden y se inyecta el objeto de la orden completa a través del constructor [10:34].
- Plantilla HTML 📄: Se crea la vista de correo con una estructura HTML elegante que muestra todos los detalles de la orden (número de pedido, productos, dirección de envío y resumen de pago), utilizando el objeto $orden para alimentar la información de forma dinámica [15:59].
📧 Envío Automático Post-Transacción
El envío del correo se integra estratégicamente en el flujo de venta [12:45]:
- Ubicación de la Lógica: La función de envío se coloca en el PayPalController@gracias, después del DB::commit() (asegurando que el correo solo se envíe si todos los datos se guardaron correctamente) [12:55].
- Ejecución: Se utiliza Mail::to($orden->usuario->email)->send(new CompraConfirmada($orden)) para enviar la confirmación a la dirección de correo del usuario que realizó la compra [13:05].
- Mensaje de Éxito Final ✨: La vista de confirmación se actualiza para informar al usuario que "Se envió una copia de la orden a tu correo electrónico" [21:25].
Lecciones
Apoya este proyecto
Si te gusta nuestro contenido, ¡apóyanos con una donación!
Donar por Airtm Donar por Binance¡Gracias por tu apoyo! ❤️