how-to-create-an-email-template-for-outlook-with-stripo
18 agosto 2022

Cómo Crear una Plantilla de Email de Boletín para Outlook con Stripo

Olena Zinkovska
Olena Zinkovska Blog editor
Tabla de contenido
  1. Por qué decidimos añadir exportación directa a Outlook
  2. Cómo funciona
  3. Palabras finales
1.
Por qué decidimos añadir exportación directa a Outlook

Con Stripo, que te permite enviar emails a las apps de Outlook (tanto en macOS como en Windows) y a Outlook web, ¡enviar elegantes emails HTML con tu cliente de email favorito ahora es fácil! No requiere add-ons.

En esta publicación, mostraremos cómo exportar plantillas de email HTML a Outlook con solo dos clics.

Cómo Crear una Plantilla de Email de Boletín para Outlook con Stripo

Únete a Stripo

Por qué decidimos añadir exportación directa a Outlook

¿Por qué necesitarías utilizar Outlook cuando puedes enviar emails pro Mailchimp, eSputnik, o cualquier otro ESP?

Según Litmus, 11% de las personas actualmente usan Outlook. La mayoría son clientes corporativos que necesitan enviar boletines internos, sean reportes anuales o noticias y avisos de la empresa. Definitivamente, esto requiere una plantilla de email HTML para que el email o reporte sea adaptable, ordenado y estructurado, e incluso tal vez interactivo con cuadros, instrucciones en video o saludos por video insertados.

Todos los emails de este tipo, sobre todo reportes anuales, deberían ser confidenciales. Entonces, es poco probable que lo envíes mediante un servicio de terceros. Incluso aunque todos los ESP garantizan seguridad sobre la información.

Por eso es que muchos de nuestros usuarios se comunicaron para preguntarnos cómo pueden exportar plantillas a este cliente de email.

Entonces, nuestros desarrolladores comenzaron a trabajar en este proyecto. Y hemos lanzado esta opción.

Crea emails sofisticados y envíalos mediante Outlook

Cómo funciona

Nos enorgullece anunciar que Stripo es el primer editor de email que te permite crear plantillas de email para Outlook y enviarlas sin problema a este cliente de email.

Paso 1. Crear plantillas de email para Outlook

En nuestra publicación en el blog “Manual de la A a la Z”, te mostramos en detalle cómo crear plantillas de email.

Diseñas una plantilla de email para Outlook de la misma manera.

Pero hay algunas cosas que nos encantaría resaltar debido a las reglas especiales de procesamiento de Outlook.

  • Botones CTA en Outlook

Es un hecho bien conocido que los botones en este cliente de email lucen algo diferentes de lo que lo hacen en los otros clientes. Por ejemplo, los botones redondeados en Outlook tienen “ángulos cuadrados”. Por lo tanto, tu email podría perder su belleza y consistencia. No hay problema, Stripo se encarga.

Para ayudarte a guardar el diseño de los botones en todas las versiones de Outlook, necesitas activar la opción “Soporte para Outlook”.

  • ve a la pestaña “Apariencia” en el panel lateral;

  • abre la pestaña “Botón”;

  • activa la opción “Soporte para Outlook”.

Botones de CTA para una plantilla de boletín informativo de Outlook

Prueba Stripo

  • Fondos en Outlook

Los fondos se muestran en Outlook solo si han sido colocados para el email entero. Si colocas un fondo de pantalla para una fila/línea, o cualquier otro elemento del email, no se mostrará.

Encontramos una solución:

  • activa el ajusto de determinado elemento al que quieres añadir un fondo haciendo clic en la etiqueta de este elemento de contenido. Puede ser “label”, “stripe”, etc.;

  • luego abre el editor de código HTML;

Exportación de correos electrónicos a Outlook _ Apertura del Editor de código

  • inserta este código de muestra sobre la línea de código que comienza con “Table width”;

<!--[if gte mso 9]>

 <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:327px;height:100%;">

   <v:fill type="frame" src="https://iiqf.stripocdn.email/content/guids/CABINET_b696bac619e2a6fd60a2c756b8b7c9c5/images/26661559905688877.png" color="#7bceeb" ></v:fill>

   <v:textbox inset="0,0,0,0">

 <![endif]-->
  • ahora inserta este código de muestra debajo de la línea en el código que comienza con “Table width”, es decir, debajo de la misma línea;

<!--[if gte mso 9]>

   </v:textbox>

 </v:rect>

 <![endif]-->
  • reemplaza el enlace que hemos subrayado con el enlace a tu imagen de fondo: tendrás que hacerlo dos veces;

Cómo editar plantillas personalizables a través de Outlook _ Trabajo en fondos

  • asegúrate de editar el ancho de la imagen para que corresponda con el ancho del contenedor. Puedes verlo en la línea de arriba, después de la etiqueta “width”. En nuestro caso, es 600 px.

Por favor, ten en cuenta que no puedes usar este código para fondos y activar también la opción “Soporte para Outlook” para los botones, ya que Outlook procesa solo un elemento escrito en VML a la vez.

En nuestra publicación en el blog Problemas comunes de procesamiento en Outlook, mostramos alternativas a las imágenes de fondo en los emails.

También te puede gustar

Los problemas más comunes de presentación de correo electrónico en Outlook y cómo Stripo los resuelveStripo_Outlook Rendering Issues_Featured Image1
  • GIF en plantillas de email para Outlook

Todos sabemos que desde febrero de 2019 Outlook soporta GIF. 

Qué versiones de Outlook manejan GIF:
  • Outlook para Office 365, aplicación de escritorio;

  • Outlook para Office 365, aplicación móvil;

  • Outlook 2003, aplicación de escritorio;

  • Outlook para Mac, aplicación;

  • Versión web de Outlook, tanto móvil como de escritorio.

Cómo subir GIF en los emails con Stripo

Igual que una imagen regular:

  • arrastra el bloque de imagen a tu plantilla de boletín para Outlook;

  • Añade el archivo GIF necesario subiendo tu foto o insertando un enlace a un archivo externo;

  • tu email está listo.

Recuerda añadir un enlace a la versión web de tu email para aquellos lectores que usan las siguientes versiones de este cliente: Outlook 2007, Outlook 2010, Outlook 2013, Outlook 2016 e incluso Outlook 2019.

Cómo obtener el enlace a la Versión Web con Stripo
  • ingresa al modo vista previa;

  • sobre la plantilla, haz clic en el botón “Texto” o haz clic en el botón “Abrir en una nueva pestaña”;

Exportación de correos electrónicos a Outlook _ Enlace a la versión web de los boletines por correo electrónico

  • Inserta este enlace al inicio de tu plantilla de email para Outlook.

Prueba Stripo

Paso 2. Previsualización

Cuando creas tu plantilla de email HTML para Outlook u otro cliente, necesitas previsualizarlo antes de enviarlo a tus valiosos lectores para asegurarte de que los emails se vean igual a como lo planeaste.

Hay tres formas de comprobar tus emails con Stripo:

  • Forma 1. Modo vista previa

Una vez que entres a este modo, verás las versiones de escritorio y móvil de tu email. 

Ingresar al modo de vista previa para verificar su plantilla de boletín informativo de Outlook

  • Forma 2. Prueba las plantillas de email para Outlook con nuestra herramienta de pruebas

Stripo está integrado con Email on Acid, una de las mejores herramientas de prueba de emails. Esta integración te permite ver los emails en todas las versiones de Outlook y otros clientes de email. 

Ejecute la prueba de plantillas de usuario en Stripo

  • Forma 3. Enviar emails de prueba

También querrás enviar emails de prueba a varias cuentas en Outlook que sean de tus amigos y colegas para ver pruebas “en vivo”.

Para hacer eso, haz clic en el ícono “Prueba”, ingresa un número de direcciones de email, sepáralas con comas si hay muchas, y presiona “Enviar”.

Prueba Stripo

Paso 3. Enviando plantillas de email a Outlook

Queremos enfatizar que puedes exportar emails desde Stripo a las Apps de Outlook y Outlook Web.

Outlook Apps (Microsoft Office 365 and Outlook 2019)

Cuando tu plantilla de boletín para Outlook esté lista, tienes que:

  • hacer clic en el botón “Exportar”;

Diseño de plantillas de boletines para Microsoft Outlook _ El botón Exportar

  • seleccionar Outlook de los ESP sugeridos;

Elija la opción de aplicación de Outlook en el cuadro de diálogo

  • ahora por favor elige el tipo de archivos que necesitas: OFT para Windows, o EMLTPL macOS;

Elija el tipo de archivo para su plantilla de boletín informativo

  • tu plantilla será descargada a tu computadora como un archivo. Haciendo clic en este archivo, llegarás a una ventana de Outlook con tu plantilla de email lista para enviar abierta;
  • ingresa tu email si es necesario;

  • ahora ingresa las direcciones de email de tus lectores. ¡Listo!

Sistema de archivos de Outlook _ Edición de su correo electrónico después de la exportación

Outlook.com (Web)

Cuando tu plantilla esté lista:

  • haz clic en el botón “Exportar”;

  • elige Outlook Web como destino;

Elija la opción web de Outlook en el cuadro de diálogo

  • en una ventana emergente, haz clic en el botón “Exportar”. La opción “Hacerla pública” ya está activada;

Exporte su plantilla de boletín informativo de Outlook

  • ingresa tus credenciales de tu cuenta Outlook;
  • otorga acceso a Stripo a tu cuenta Outlook;

Dar acceso a su cuenta de Outlook

Importante:

Solo nos permites acceder a tus borradores (por motivos de envío). Nosotros no tendremos acceso a tus contactos ni mensajes entrantes o enviados.

  • dirígete a la carpeta “borradores” en Outlook;

  • edita el email si es necesario;

  • ingresa el asunto (por defecto hereda el Título de tu plantilla);

  • ¡tu email está listo!

También puede utilizar nuestra opción de "Exportación masiva" para exportar muchos correos electrónicos a Outlook:

  • haz clic en "Mensajes de correo electrónico" en tu panel de control;
  • elige los correos electrónicos que quieres exportar;
  • elige la opción "Exportar" en el menú emergente que aparece sobre los mensajes;
  • repite los pasos que describimos en la sección "Exportar plantillas de correo electrónico a Outlook".

Exportación masiva para varias plantillas de boletines

Si eliges la opción de Outlook App para exportar varios correos electrónicos, se descargarán como un archivo en tu ordenador. Para encontrar tus correos electrónicos en Outlook Web, revisa la carpeta "Borradores".

Nota importante:

Outlook no nos permite usar muchas cuentas en un navegador. Así que, para poder conectar una cuenta nueva, necesitas desconectar la anterior. Así que podrías querer asegurarte de cerrar sesión de tu cuenta Outlook. Y recién ahí podrás empezar a conectar una nueva cuenta Outlook con Stripo.

Conexión de una nueva cuenta

Exportar mis plantillas a Outlook

Aquí, lo verás exactamente como lo verán tus lectores. En esta ventana, podrás editar la plantilla, si es necesario.

Importante:

Outlook quita los estilos que hacen el diseño del email adaptable. Entonces, los usuarios que ven tus emails en dispositivos móviles verán la versión de escritorio. No, no hay desplazamiento horizontal. Pero todos los contenedores de una fila que normalmente son movidos a una segunda fila en móviles permanecen en una fila.
Los contenedores se mueven a las siguientes filas

(email enviado por ESP o la mayoría de los clientes de email)

Correo electrónico enviado a través de Outlook

(email enviado por Outlook)

Guarda todas las plantillas de boletín para Outlook a tu biblioteca de contenido personal con Stripo. Expórtalas a Outlook con solo 2 clics en cualquier momento.

Palabras finales

¡Queridos usuarios de Outlook!

Si tienes dudas o preguntas, deja un comentario. 

Crea plantillas de emails de boletines para Outlook y envíalas a este cliente sin problema.
¿Le resultó útil este artículo?
Tell us your thoughts
¡Gracias por sus comentarios!
10 comentarios
grant medefindt hace 1 año
When sending out a Mac Outlook emltpl file, the mobile responsive styling gets stripped out and the end result is no mobile view and only the desktop design. Is there a reason for this?
Hanna Kuznietsova hace 1 año
Hello, Grant Medefint. Thank you for your question. It happens because Outlook removes the styles that make email design responsive. It only happens to those emails that you send through Outlook. Thus, those users who see your emails on mobile devices will see the desktop version of it. There will be no horizontal scroll. But all the containers from one row that are normally moved to the second row on mobiles, will all remain in one row.
Bill Wick hace 2 años
Remarkable! Its really amazing article, I have got much clear idea about from this paragraph.
Hanna Kuznietsova hace 2 años
Bill Wick, Thank you. We're happy you find this post useful. If you have any questions on how to export templates from Stripo to Outlook, please let us know.
Jin Ke hace 3 años
Благодарю! На будущее как раз очень пригодится.
Hanna Kuznietsova hace 3 años
Jin Ke... Очень рады быть полезными ) Если возникнут вопросы - пожалуйста, обращайтесь.
Owolabi Olanrewaju hace 3 años
But the HTML of stripo does not have outlook conditional tags, why.
Hanna Kuznietsova hace 3 años
Hello, Owolabi. Thank you for your question. Could you please clarify what exactly you mean? Because our templates contain conditions for Outlook - for structures, containers, and buttons... Thank you
Adams Smith hace 4 años
Thank you for sharing this post, it is very effective and informative, I like the way you present all the things, I am a Technical Support Advisor, We are providing the best solutions to your problems. For any query or any technical issues, Contact us or visit our website-https://www.outlooksupporto.com/embed-youtube-video-in-outlook-email/
Hanna Kuznietsova hace 4 años
Adams, Thank you for your supportive feedback. We're glad you like our blog post.
Escribe a
Industria
Temporadas
Integración