Más de 15 plantillas de correo electrónico gratuitas de Figma para optimizar tus tasas de conversión
Kristina Lauren
18 de octubre de 2022
La mayoría de los profesionales del marketing comprenden que el correo electrónico desempeña un papel fundamental en la ejecución exitosa de una estrategia de marketing de ciclo de vida. Para mantener a sus clientes comprometidos y nutridos, necesita comunicarse regularmente con ellos, y el email marketing es una de las maneras más efectivas de lograrlo.
Pero no basta con simplemente enviar correos electrónicos: los componentes básicos de las campañas de marketing por correo electrónico eficaces son plantillas bien diseñadas que se dirigen a sus clientes y los obligan a interactuar.
Si ha agotado todos sus diseños de correo electrónico actuales o simplemente está buscando estilos nuevos e inspiradores para darle vida a sus campañas, ha llegado al lugar correcto.
Hemos creado un Biblioteca de más de 15 plantillas de correo electrónico gratuitas que puedes comenzar a usar hoy con la ayuda de Figma y una práctica herramienta de codificación de correo electrónico llamada Cannoli .
Si nunca ha usado Figma antes, no se preocupe: no solo le mostraremos lo simple que es personalizar estas plantillas de correo electrónico en Figma, sino que también lo guiaremos a través de cómo convertirlas en código usando Cannoli .
¡Vamos a empezar!
Plantillas de correo electrónico de bienvenida
Cuando las personas se suscriben a tu lista de correo electrónico, básicamente te están dando permiso para contactarlas. Y eso es muy importante, porque significa que les interesa lo que dices u ofreces.
Dado que estos suelen ser los primeros correos electrónicos que recibirán sus suscriptores (además de un correo electrónico de confirmación de suscripción) y tienden a tener altas tasas de apertura, desea causar una buena primera impresión con una plantilla de correo electrónico estelar.
Afortunadamente, tenemos tres diseños únicos que puedes elegir para adaptarlo a la sensación que buscas.
Si buscas algo que parezca moderno y minimalista, prueba la plantilla Moderna.
¿Buscas algo más sofisticado? Elige la plantilla Sleek.
Y si prefieres un aspecto más estándar con un toque limpio y profesional, la plantilla Clásica es la elección perfecta.
Elija una plantilla:
Plantillas de correo electrónico de recuperación
Si un cliente no ha interactuado con tus correos electrónicos durante un tiempo, podría ser una señal de que necesita una mayor interacción, más allá de la típica campaña de fidelización. Puedes lograrlo con un correo electrónico de recuperación bien diseñado y recordarles a tus clientes por qué les encantó tu marca en un principio. Si puedes, ofrece algún tipo de descuento y menciónalo en el asunto para que tu correo electrónico sea aún más atractivo.
No hay garantía de que todos los clientes se sientan atraídos, pero definitivamente vale la pena intentarlo y las plantillas a continuación pueden ayudarle a aumentar sus posibilidades.
Elija una plantilla:
Plantillas de correo electrónico para carritos abandonados
Cuando un cliente deja artículos en su carrito, suele ser porque aún no está listo para comprar. Quizás todavía está comparando precios o simplemente necesita ahorrar para una compra más grande.
Sea cual sea el motivo, es una oportunidad perdida si no les das seguimiento. Y ahí es donde entran en juego los correos electrónicos de carritos abandonados. Al igual que los correos de recuperación, un recordatorio por correo electrónico de carrito abandonado es una forma útil de recordarles a los clientes exactamente lo que dejaron atrás.
Elija una plantilla a continuación para ayudar a sus clientes a terminar donde lo dejaron.
Elija una plantilla:
Plantillas de correo electrónico de texto sin formato
Los correos electrónicos de texto simple son una excelente manera de transmitir tu mensaje de forma clara y concisa. Con un diseño minimalista, están pensados para ser fáciles de leer, permitiendo a los suscriptores comprender el mensaje del texto.
Por ejemplo, un correo electrónico de texto simple funcionaría bien si quisieras comunicar noticias importantes a tus clientes, como actualizaciones sobre el inventario o un mensaje personal de tu director ejecutivo sobre el futuro de la empresa. Pero este tipo de plantilla también es ideal para cualquier otro correo electrónico que desees mantener simple y directo.
Con estas ideas en mente, hemos diseñado las siguientes tres plantillas.
Elija una plantilla:
Plantillas de correo electrónico de lanzamiento de producto
Cuando lanza un nuevo producto, el marketing por correo electrónico es una de las mejores formas de entusiasmar a sus clientes y mantenerlos informados.
Pero ¿qué hace que una plantilla de correo electrónico de lanzamiento de producto sea efectiva? Para empezar, probablemente querrás mostrar la imagen de tu producto, por lo que es importante que incluya elementos visuales. En segundo lugar, unas llamadas a la acción claras y atractivas facilitan al máximo que los suscriptores visiten tu sitio web y se conviertan.
Hemos combinado estos elementos y muchos más en cada una de las plantillas a continuación para ayudarlo a lograr un lanzamiento exitoso de su producto de correo electrónico.
Elija una plantilla:
Cómo usar y editar plantillas de correo electrónico en Figma
Ahora que ya conoces las plantillas, es hora de aprender a personalizarlas en Figma. ¡Sigue los pasos a continuación!
1. Elige la plantilla que quieras en esta entrada del blog o ve a nuestra biblioteca de plantillas para ver todas las opciones.
2. Una vez que encuentres la plantilla que quieres, haz clic en ella y selecciona "Abrir en Figma" en la página siguiente. Nota: si prefieres obtener solo el código del correo electrónico y personalizar el diseño en tu editor de código, puedes hacer clic en "Descargar HTML".
3. Después de hacer clic en “Abrir en Figma”, serás llevado a una página de Figma donde verás el diseño de correo electrónico que elijas, además de otros en la misma categoría.
4. Ahora puedes iniciar sesión en tu cuenta de Figma. Si no tienes una, crea una con tu cuenta de Google o regístrate con tu correo electrónico.
5. Once you’re logged in, highlight and copy the entire design of the template you want, create a new design file, and paste the layers into the new file. To create a new design file, click on the home icon in the upper lefthand corner, then File >New design file.
6. Desde aquí, puedes editar las plantillas de correo electrónico como quieras, incluyendo cambiar el texto, las imágenes y los colores. También notarás que estos correos electrónicos se han codificado con MJML. Aunque no necesitas saber MJML para usar Figma, si quieres aprender más, consulta Esta guía detallada .
7. If you only want picture files or PDFs of the email templates, you can simply click on the home icon >File >Export or Export frames to PDF. However, if you want to send your template out to an email list on a platform like Mailchimp, for example, check out the next section.
Cómo convertir tu plantilla de correo electrónico de Figma en código HTML
Para esta parte, usaremos una herramienta gratuita llamada Cannoli que permite convertir tus plantillas de correo electrónico en código editable y listo para usar de forma rápida y sencilla. Así funciona:
1. Comience por dirigirse a Cannoli.app , luego haga clic en el botón “Iniciar sesión” en la esquina superior derecha de la página.
2. Luego se te pedirá que inicies sesión con tu cuenta de Figma y, una vez que lo hagas, deberías ser dirigido a tu panel de Cannoli.
3. Haga clic en “Nuevo archivo” e ingrese un nombre para su archivo.
4. Regrese a la página web con el archivo de diseño de correo electrónico de Figma y copie la URL.
5. Pegue la URL debajo de “Enlace de Figma”, luego seleccione la página y los marcos que desea convertir.
6. Aparecerá una vista previa de su plantilla de correo electrónico y, si todo se ve bien, haga clic en "Crear archivo".
7. Tras unos segundos de carga, accederás a una página que muestra el código de tu plantilla de correo electrónico a la izquierda de la pantalla y el diseño real a la derecha. Ten en cuenta que también puedes alternar entre código MJML y HTML.
8. Si necesita realizar cambios de último momento, puede editar el texto y el código directamente dentro del editor.
9. Para probar su correo electrónico directamente desde Cannoli, haga clic en “Enviar correo electrónico de prueba” en la barra de tareas e ingrese la dirección de correo electrónico a la que desea enviar.
10. Para exportar el código, pulsa el botón verde "Exportar" en la esquina superior derecha. Aquí podrás descargar un archivo MJML o HTML que podrás subir a tu proveedor de servicios de correo electrónico (ESP). También puedes copiar el código y pegarlo en el editor de código de tu ESP.
11. Si usa Klaviyo, también puede conectar su cuenta a Cannoli para que exportar e importar el diseño del correo electrónico sea aún más fácil.
12. Otra nota importante: Cannoli no solo funciona con nuestras plantillas de correo electrónico: puedes tomar cualquier diseño de correo electrónico que hayas creado en Figma y convertirlo en código.
Además de este blog, también hemos recopilado cada una de estas plantillas en un solo archivo ordenado. biblioteca de plantillas Cada plantilla es de uso gratuito, responde perfectamente tanto en computadoras de escritorio como en dispositivos móviles, y se puede convertir automáticamente en código usando Cannoli.app .
Plus, if you’re looking for your next Figma plugin and you enjoyed using Cannoli with these free email templates, you can also take advantage of the Cannoli plugin for Figma. Check it out here .
