Buenas prácticas en diseño y maquetación de emails
Contenido del curso
Juan Carlos Wilches Niño
Leonardo matias Bustos
Juan Carlos Wilches Niño
Anderson Víctoria Tejada
Renzo Rolando Manuel Reinoso Alcas
Nico Melgarejo Sabelle
Óscar Rodríguez
Alejandro Lopez Ramírez
Martha Muñoz
Alejandro Lopez Ramírez
Klever Santiago Mejia
Julián Cárdenas
Francisco Encabo Servián
José Mauricio Osorio Corredor
Jair Israel Avilés Eusebio
Manuel Vidaurre
Jair Israel Avilés Eusebio
Daniel Gomez
Juan Pablo Grover Pinto
Daniela Gonzales
Gadoweb Diseño
Miguel Evander Pérez Pérez
Jorge Paiva
otro que usamos en mi empresa que me parece genial para ir seguro en el diseño de nuestro email es https://www.emailonacid.com/ es de pago pero es un hit para no tener errores.
Esta clase está repetida, ya vimos este video en la clase 16
y algo en lo que no estoy del todo de acuerdo es que gmail no molesta tanto como lo hace Outlook para windows antes del 2013 es un problema que acepte los estilos y posiciones exactas, de resto todos funcionan muy bien.
Tienes toda la razón con respecto a Outlook. Este plataforma desordena por completo la maquetación del email.
¿Haces algo para que llegue en orden?
Actualmente ya permite la etiqueta “<styles>” para implementar “CSS media queries”
Profe, ese 20% es respecto de qué?
Espacial o del código
Gracias por los consejos.
Tengo la duda del uso de div porque las maquetas que te entregan los servicios de mailing sí lo ocupan.
Excelente!!
Tengo una pregunta. a mi correo me han llegado E-Mali animados, (obvio con animaciones ensillas). Si no se puede utilizar JS ¿esas animaciones se hacen con CSS?
Hola @Alejozepol, lo más probable es que esas pequeñas animaciones sean GIFs animados.
Vale muchas gracias
Tengo una pregunta como seria el proceso para conseguir un servidor para guardas las imagenes
Según lo que vi uno de los mejores a esta fecha 2025 servicios de Email marketing es Brevo
Esta clase está dos veces en el curso, ¿por qué no corrigen eso?
Apuntes de la clase:
Tengo el siguiente problema, actualmente ocupo templates HTML con imagenes que son agregadas como cadenas de string codificadas con el algoritmo base64. Mi tema en particular es en el cliente de GMAIL remuve el elemento src={png encoded base64} y solo muestra el atributo alt ¿Alguna recomendacion al respecto o sera mejor que migre mis imagenes como assets en un servidor publico tipo S3 en AWS y apuntar la URL desde mi template?
Podrías intentar usando el código del svg en base64 como un background de una etiqueta span. url("data:image/svg+xml;base64,aquí va elsvg en base64") no-repeat center center;
Gracias por la respuesta. Analizamos la posibilidad de transformar en svg nuestros png sin embargo como estabamos un poco de urgencia optamos por subir nuestars imagenes como assets en un servidor publico y apuntamos a la URL del source, en vez de usar la imagen codificada como base64.
Brutal, manos a la obra!
Interesante, sabia yo que era complicado gmail y que se utilizaba las tablas pero nunca pense que las imagenes igual determinaba que si era spam o no gracias por aclarlos
reconoce tipo de letras?
Entendido
Información valiosa, muchas gracias.
Código QR. Voy a mandar un email a usuarios para que puedan hacer seguimiento del status de su compra vía un código QR. La consulta es. es mejor o recomendable o no recomendable usar: base64 incrustado en el email versus linkear la imagen desde un servidor remoto? Aguardo experiencias.. muchas gracias..
