El newsletter mi nuevo dolor de cabeza

Comento por todo lo que pasé para crear el template newsletter

hace 2 años   •   3 min de lectura

Por Andrés Tuñón
Déjame probaaar

Como mencioné en el artículo pasado, estoy creando mi propio newsletter, he aprendido tantas cosas que no sé ni por donde empezar...

Mi propio diseño

Ya tenia un concepto en mente, el logo arriba, un título en estilo neon al igual que mi sitio y las redes sociales debajo:

El borrador en mi tablero

Pero todo quedo en un gran sueño, ya sabrán la razón:

Es una página web más, pero se alimenta de tus miedos

Primero traté de diseñarlo en el editor de correos de (Mailchimp, luego me pasé a SendinBlue), me sentí limitado e impotente porque se supone que yo sé hacer sitios...

Por lo tanto investigué rigurosamente las mejores recomendaciones y es peor que tocar Internet Explorer que **** asco, tengo que hacer todo con TABLAS.

react email

Estuve investigando como hacer una fila, una columna, secciones y todo lo que ya sé hacer ... ¿Notan como suena? Es humillante..

Luego un compañero por casualidad me compartió una librería llamada react email, te libra de todo ese problema y en menos de una noche mi seguridad volvío a mí; el resultado es lo que ven arriba.

Contenido Dinámico

Todo bien hasta que me percaté que no podía editar el contenido en Sendinblue, me esperaba que pudiera agregar las variables cómodamente.

Por último lo volví a armar rápidamente en la plataforma y pues no quedó mal:

diseñando en la plataforma

Reflexionándolo un poco, al estar haciendo el template noté lo fácil que era incluir las variables, tan simple como {{ item.TITLE }} {{ item.CONTENT_ENCODED }}

¿Enserio lo de RSS es útil?

Por suerte mi blog tiene disponible un RSS feed, que no es mas que una forma sencilla de servir un resumen de toda la información del blog.

RSS feed
RSS feed

Mailchimp y Sendinblue tiene una integración que se acciona en el momento que quieres enviar el correo, verifica el GUID generado en este RSS para saber si hay algo diferente y si es así, envía el correo.

Conclusión

Mejor déjale esto a los expertos y plataformas de envío de correos, no te hagas esto.

Voy a necesitar activar el newsletter real y crear posts reales para probar la integración, justo este artículo activará el primero.. seguro fallará algo en el template.

Dejaré todo el contenido útil que he tenido que investigar, recomendado

Referencias

Responsive HTML Email Framework
The Email Framework for creating responsive HTML emails templates supported on over 60+ emails clients. Code your email templates confidently today.
Boilerplate inicial que usé
React Email
A collection of high-quality, unstyled components for creating beautiful emails.
La librería que menciono
How to Increase Blog Traffic with RSS Campaigns
Discover how RSS to email works and learn how to set up your own RSS campaigns with Sendinblue.
Tutorial de como hacer un RSS campaign
Can I email…
Support tables for HTML and CSS in emails
Te dice que elementos son compatibles
Builder
Un ejemplo

Corre la voz

Sigue leyendo