Cambiar el logo de laravel en los email

Los correos electrónicos son una parte crucial de la comunicación con los usuarios en cualquier aplicación web, y personalizar su apariencia puede marcar la diferencia en la percepción y profesionalismo de tu plataforma. En este artículo, exploraremos un aspecto específico pero impactante: cómo cambiar el logo de laravel en los email. Aprenderemos cómo realizar este ajuste sencillo pero efectivo para asegurar que cada interacción por correo electrónico refleje la identidad visual única de tu aplicación.

Antes de empezar necesitamos tener nuestro ambiente configurado, si quieres saber cómo enviar email de verificación o de personalizar email te dejos estos links:

https://tenocode.com/confirmar-correo-con-api-en-laravel/

https://tenocode.com/personalizar-correo-de-confirmacion-de-email-de-laravel/

Comencemos ejecutando el siguiente comando dentro de nuestro proyecto laravel:

php artisan vendor:publish --tag=laravel-mail

La salida de la consola sería algo como:

Al ejecutar este comando, se nos generarán archivos y carpetas dentro de nuestra carpeta de proyecto resourses/views/vendor

Para cambiar el logo de laravel en los email, necesitaremos intervenir el siguiene archivo:

vendor/mail/html/header.blade.php

y encontramos lo siguiente:

@props(['url'])
<tr>
<td class="header">
<a href="{{ $url }}" style="display: inline-block;">
@if (trim($slot) === 'Laravel')
<img src="https://laravel.com/img/notification-logo.png" class="logo" alt="Laravel Logo">
@else
{{ $slot }}
@endif
</a>
</td>
</tr>

Como podemos ver ya sabemos donde se encuentra la linea que pinta el logo, ahora el siguiente paso será reemplazarlo por cualquier otra imagen, quedando asi:

@props(['url'])
<tr>
<td class="header">
<a href="{{ $url }}" style="display: inline-block;">
@if (trim($slot) === 'Laravel')
<img src="tu imagen aquí" class="logo" alt="Laravel Logo">
@else
{{ $slot }}
@endif
</a>
</td>
</tr>

Finalmente si enviamos nuevamente nuestro mail, y revisamos la nueva imagen:

Ten encuenta que para modificar el tamaño de la imagen, debes modificar los estilos css del email, el archivo que deberias modificar se encuentra en /views/vendor/mail/html/themes/default.css y la clase .logo