El proyecto Bonilista Email Template es una plantilla de correo electrónico diseñada para MailChimp, construida con Eleventy (11ty) y utilizando el lenguaje de plantillas Nunjucks. Eleventy, un generador de sitios estáticos, permite compilar el HTML de manera eficiente, facilitando la actualización y mantenimiento de la plantilla.
Características principales
- Basado en MailChimp: Compatible con la plataforma de email marketing.
- Uso de Eleventy (11ty): Generador de sitios estáticos que permite estructurar mejor el código.
- Plantillas con Nunjucks: Facilita la reutilización de componentes y personalización del HTML.
- CSS inline: Optimizaciones para mejorar la compatibilidad con distintos clientes de correo.
Instalación y configuración
Requisitos previos
Para utilizar esta plantilla, es necesario contar con Node.js instalado en el sistema.
Pasos de instalación
- Clonar el repositorio:
git clone https://github.com/bonilista/bonilista-template.git - Instalar dependencias:
npm install
Modo de desarrollo
Para iniciar un servidor local y visualizar la plantilla en desarrollo, ejecutar:
npm run devEleventy iniciará un servidor en http://localhost:8080, permitiendo ver los cambios en tiempo real.
Exportación y uso en MailChimp
El HTML compilado se encuentra en la carpeta src/_site/. Esta carpeta puede ser comprimida y subida a MailChimp mediante su editor de plantillas.
Estilización y compatibilidad
- CSS inline: Se recomienda para mejorar la compatibilidad con distintos clientes de correo.
- Archivo de estilos: El código CSS común se encuentra en
src/_includes/styles/css.njk, donde se incluye dentro de un<style>en la cabecera del correo. - Compatibilidad con MailChimp: La plataforma optimiza y convierte las reglas CSS en inline automáticamente.
Contribución y licencia
Este proyecto acepta contribuciones mediante pull requests y issues para mejorar su calidad y funcionalidad.
Licencia: AGPLv3. Para más detalles, consultar el archivo LICENSE.md en el repositorio.
Para más información, se puede acceder al código fuente en GitHub.
