Optimiza tu proceso de creación de correos electrónicos con nuestro eficiente editor en línea en el Constructor de Correos Electrónicos para Plantillas y Campañas. Esta herramienta ofrece una experiencia dinámica y fácil de usar, garantizando una producción de calidad con mayor rapidez y comodidad.
¿Qué es el Editor en línea del Constructor de Correos Electrónicos?
El Editor en línea del Constructor de Correos Electrónicos es una potente herramienta integrada en nuestra plataforma de Plantillas y Campañas que te permite crear y personalizar correos electrónicos con una eficiencia y facilidad sin precedentes. Presenta una interfaz amigable que elimina la complejidad del diseño y formato de correos electrónicos.
El Editor en línea del Constructor de Correos Electrónicos utiliza el principio de edición «Lo Que Ves Es Lo Que Obtienes» (WYSIWYG). Imagina que estás redactando un correo electrónico y decides poner en negrita una frase, insertar una imagen después de un párrafo o cambiar el color de un encabezado. A medida que haces estos cambios en el editor, se reflejan de inmediato, tal como aparecerán en el correo electrónico final. Esto te proporciona una vista previa en tiempo real y una experiencia de edición directa, lo que te ayuda a crear mejores correos electrónicos de manera más eficiente.
Esta sólida herramienta admite diversas funciones de personalización, permitiéndote dar estilo a tu contenido de correo electrónico usando varios encabezados y formatos de párrafos. Puedes elegir entre una selección de fuentes admitidas, aplicar diferentes tamaños de texto que van desde 8px hasta 96px, y dar color a tu texto usando códigos hexadecimales para una selección precisa de colores. También puedes aplicar formato de texto como negrita, cursiva, subrayado y tachado, o añadir hipervínculos para redireccionamiento.
Además, el editor en línea permite valores personalizados, brindándote un mejor control sobre tu contenido. La herramienta también admite la generación de contenido asistida por inteligencia artificial, lo que puede ayudarte a crear contenido de correo electrónico atractivo de manera más rápida.
Por favor, ten en cuenta: Con el propósito de mantener uniformidad en la estructura de tus correos electrónicos, hemos implementado una actualización de espaciado predeterminado. Ahora tienes la capacidad de gestionar el espacio alrededor de tu contenido. Ten en cuenta que la configuración predeterminada para el espaciado es la siguiente:
- Espaciado Superior: 12
- Espaciado Inferior: 12
- Espaciado Izquierdo: 24
- Espaciado Derecho: 24
¿Cuáles son algunos casos prácticos para esta función?
- Campaña de Correo Electrónico Promocional: Dado que este es un correo electrónico promocional, es crucial captar la atención del destinatario. Deberías usar colores vivos que se alineen con tu marca, fuentes llamativas e imágenes de alta calidad. En la configuración del diseño, considera una estructura de una sola columna para una fácil lectura en dispositivos móviles. Coloca tu botón de llamado a la acción (CTA) en una ubicación prominente y utiliza la configuración del botón para destacarlo con colores audaces.
- Boletín Estacional: Para un boletín informativo, la arquitectura de la información es crucial. El diseño de múltiples secciones sería perfecto para esto. Cada sección puede contener una categoría de producto diferente con imágenes optimizadas y descripciones breves. Además, es mejor elegir un color de fondo que complemente las imágenes y una fuente fácil de leer.
- Campaña de Reenganche: En este caso, las características de personalización deben maximizarse. Usa un diseño de una sola columna para un formato de carta más personal. Elige colores y fuentes cálidas y atractivas. Utiliza la configuración de contenido dinámico para insertar el nombre del destinatario y adaptar el mensaje según sus interacciones anteriores.
- Correo Electrónico de Carrito Abandonado: Un diseño de dos columnas podría funcionar aquí, con un lado mostrando el producto(s) que quedó en el carrito y el otro proporcionando un recordatorio y una oferta especial. Para un toque más personalizado, usa la configuración de contenido dinámico para insertar imágenes y detalles de los artículos abandonados automáticamente.
- Invitación a un Evento: El correo electrónico debe ser limpio y directo. Utiliza un diseño de una sola columna y un diseño minimalista con un CTA claro. Considera usar un componente de temporizador de cuenta regresiva (usando código personalizado) para crear un sentido de urgencia.
- Serie de Correos Electrónicos Educativos: Dependiendo de la complejidad del tema, se puede usar un diseño de una sola columna o de varias secciones. Una combinación de texto, imágenes y video (si es compatible) puede ayudar a explicar mejor el tema. Utiliza la configuración para resaltar los enlaces y proporcionar un estilo de lista o viñetas para los puntos clave.
- Correo Electrónico de Agradecimiento al Cliente: Este tipo de correo electrónico debe ser muy personalizado. Utiliza la configuración de contenido dinámico para incluir el nombre del cliente y detalles específicos sobre su interacción con tu negocio (por ejemplo, tiempo como cliente, productos comprados). Usa un diseño de una sola columna y colores suaves para crear un tono cálido y agradecido.
- Correo Electrónico de Seguimiento Post-Compra: Utiliza un diseño simple de una sola columna. La paleta de colores del correo electrónico debe coincidir con tu marca, y el mensaje debe ser claro y conciso. La configuración de contenido dinámico puede proporcionar detalles específicos sobre el pedido del cliente y sugerir otros productos relevantes.
- Secuencia de Incorporación: Utiliza el constructor de correos electrónicos para crear una serie de correos electrónicos que guíen a un nuevo usuario o cliente a través de tu producto o servicio. Puedes utilizar un diseño de una sola columna, texto claro y conciso, imágenes e incluso video (si tu constructor lo admite) para proporcionar instrucciones paso a paso. Utiliza la configuración de contenido dinámico para personalizar el correo electrónico con el nombre del usuario.
- Lanzamiento de Producto: Un emocionante correo electrónico de lanzamiento de producto puede tener un gran impacto. Considera usar un diseño de una sola columna con colores vibrantes, tamaños de fuente grandes para los detalles esenciales e imágenes de productos de alta calidad. Si tu constructor de correos electrónicos tiene esta función, crea un sentido de urgencia con un componente de temporizador de cuenta regresiva.
- Anuncio de Seminario Web: Se necesita un diseño limpio y directo para este tipo de anuncios. Un diseño de una sola columna con un titular prominente, un botón de CTA y contenido dinámico para adaptar el correo electrónico según los intereses del destinatario funcionaría bien aquí.
- Resumen Semanal: Un diseño de varias secciones sería muy útil para este propósito, con cada sección que contenga un resumen de diferentes contenidos (artículos, videos, productos) y un CTA para «Leer más» o «Ver ahora».
- Invitación a Encuesta: Un diseño de una sola columna con una explicación clara del propósito de la encuesta y un botón de CTA prominente para comenzar el estudio sería ideal. Mantén el diseño simple y el texto conciso.
- Solicitud de Donación: Para una solicitud de donación, un diseño de una sola columna con contenido sincero, imágenes que ilustren la causa y un CTA audaz para donar funcionaría mejor. Utiliza el contenido dinámico para personalizar el mensaje.
- Solicitud de Testimonio: Después de que un cliente haya estado contigo durante un tiempo, es posible que desees solicitar un testimonio. Un correo electrónico simple, personal y de una sola columna con un CTA directo puede fomentar una respuesta positiva.
- Recordatorio de Renovación de Membresía: Esto podría implicar un diseño de varias secciones, con una parte que recuerde suavemente al destinatario la próxima renovación y la otra que resalte los beneficios que han disfrutado y lo que pueden ganar.
- Invitación para Probador Beta: Un diseño de una sola columna con un titular convincente, una breve descripción de lo que se espera de los probadores beta y un CTA claro para unirse funcionaría bien.
- Resumen de Fin de Año: Esto podría tener un diseño de varias secciones, con cada parte resumiendo un mes o trimestre del año. Usa muchas imágenes visuales (gráficos, imágenes) y mantén el texto conciso.
- Comunicación con Empleados: Si estás utilizando un constructor de correos electrónicos para la comunicación interna, un diseño de una sola columna con una estructura clara (por ejemplo, anuncios, actualizaciones, recordatorios) puede mantener a los empleados informados y comprometidos.
- Correo Electrónico de Venta Cruzada/Ascenso: Un correo electrónico que sugiere productos relacionados o premium puede aumentar las ventas después de que un cliente realice una compra. Utiliza un diseño de una sola columna o de varias secciones con imágenes de productos, descripciones breves y CTAs para ver o comprar el producto.
¿Cuáles son algunas ventajas de esta función?
Aquí tienes varios beneficios del Editor en Línea del Constructor de Correos Electrónicos con ejemplos técnicos:
- Consistencia Visual: El editor en línea te permite garantizar la consistencia visual en tus correos electrónicos. Por ejemplo, puedes mantener un aspecto uniforme configurando el espaciado predeterminado en Superior 12, Inferior 12, Izquierdo 24 y Derecho 24 en todos los correos electrónicos.
- Soporte de Fuentes Personalizadas: Con soporte para diversas fuentes como Arial, Georgia, Verdana y más, puedes alinear el estilo de tus correos electrónicos con la estética de tu marca. Por ejemplo, si tu marca utiliza Helvetica en su comunicación, puedes usarlo en tus correos electrónicos para mayor consistencia.
- Estilo Preciso del Texto: El editor en línea te permite afinar la apariencia de tu texto con opciones como negrita, cursiva, subrayado y tachado. Puedes resaltar puntos críticos en tus correos electrónicos haciéndolos negritas o cursivas para llamar la atención.
- Opciones Flexibles de Color: Agregar color a través de códigos hexadecimales brinda un control preciso sobre los colores del texto y los resaltados. Por ejemplo, si el color de tu marca es #AFAFAF, puedes asegurarte de que se use exactamente este color en el texto o los resaltados de tu correo electrónico.
- Adición de Hipervínculos: La herramienta te permite agregar hipervínculos a palabras o frases, permitiendo a los lectores acceder al contenido relacionado directamente. Por ejemplo, podrías enlazar el nombre de un producto a su página en tu sitio web, proporcionando un recorrido fluido para el lector.
- Creación de Contenido Asistida por IA: La función de IA de Contenido para generar contenido más rápido puede reducir significativamente el tiempo que pasas escribiendo y editando correos electrónicos. Por ejemplo, podría sugerir automáticamente texto en función de tus entradas iniciales, lo que haría que la creación de correos electrónicos sea más eficiente.
- Formato de Texto: El editor admite copiar y pegar desde otras fuentes y elimina el formato cuando haces clic en el formato de texto. Esto puede ser útil cuando importas texto de un documento pero deseas aplicar el estilo de tu correo electrónico.
Cómo usar el Constructor de Correos Electrónicos y su Editor en Línea
Habilitar el Editor en Línea y la Interfaz de Usuario Avanzada del Constructor de Correos Electrónicos
Primero, dirígete a la sección de laboratorio de tu CRM y habilita el Editor en Línea del Constructor de Correos Electrónicos.
Después de la activación, ve a ‘Marketing’, luego a ‘Correos Electrónicos’ y finalmente a ‘Plantillas’.
Aquí, puedes crear una nueva plantilla.
O editar una existente.
Navegar por la Nueva Interfaz de Usuario
Al acceder al Constructor de Correos Electrónicos, te recibirás con una elegante y intuitiva interfaz de usuario. En la parte superior, encontrarás una barra de herramientas con diferentes funcionalidades:
El botón ‘Agregar Elementos’ te permite introducir nuevo contenido en tu correo electrónico, desde texto e imágenes hasta estructuras más complejas.
La opción ‘Gestionar Elementos’ te da una visión general de todos los elementos en tu correo electrónico, permitiéndote seleccionarlos y ajustarlos fácilmente.
Por último, la configuración ‘Apariencia’ te permite controlar el estilo global de tu correo electrónico, incluyendo cosas como el color de fondo, Divisor, estilo CSS personalizado y Formato Móvil.
Estas funcionalidades están diseñadas para brindarte un control completo sobre el diseño de tu correo electrónico, desde los componentes individuales hasta el aspecto general.
Agregar Elementos
Hacer clic en el botón ‘Agregar Elementos’ crea una lista completa de tipos de contenido que puedes añadir a tu correo electrónico. Aquí hay una breve descripción de cada uno:
Texto: Este versátil elemento se puede usar para encabezados, párrafos, subtítulos y más. Con el editor en línea, puedes ajustar cada aspecto del texto, desde el estilo de la fuente hasta el color y la alineación.
Imagen: Si deseas incluir fotos, gráficos u otro contenido visual, el elemento de Imagen es la herramienta que necesitas. Puedes cargar imágenes directamente desde tu computadora o enlazarlas desde una fuente externa.
Subir Imagen: Usa la función de carga para agregar una imagen directamente desde tu dispositivo. El tamaño máximo de carga es de 10 MB, lo que te garantiza suficiente capacidad para fotos de alta resolución.
URL de la Imagen: Alternativamente, puedes enlazar una imagen desde una fuente externa o la Biblioteca de Medios de tu CRM. Pega la URL de la imagen en el campo provisto.
Texto Alternativo: El texto alternativo ayuda a mejorar la accesibilidad del correo electrónico para los destinatarios que utilizan lectores de pantalla o cuando la imagen no se carga. Describe brevemente la imagen de manera clara en este campo.
Enlace (opcional): Si deseas que tu imagen redirija a una URL específica al hacer clic, puedes ingresar el enlace deseado en el campo de Enlace.
Ancho y Altura: Ajusta el tamaño de tu imagen usando estos campos. Puedes establecer valores específicos en píxeles o marcar la casilla de ‘Establecer altura y ancho automático’ para un tamaño automático basado en las proporciones originales de la imagen.
Relleno: Controla el espacio alrededor de tu imagen ajustando el relleno. Establece el relleno para los lados superior, inferior, izquierdo y derecho según tus preferencias de diseño.
Alineación: Establece la alineación de tu imagen. Por ejemplo, selecciona ‘Centro’ para centrar tu imagen en su contenedor respectivo. Otras opciones incluyen la alineación ‘Izquierda’ y ‘Derecha’.
Botón: Mejora la interacción del usuario con el elemento de Botón. Puedes enlazar a una página web, iniciar una descarga o activar cualquier otra acción basada en clic.
Texto del Botón: Ingresa el texto que deseas mostrar en tu botón. Por ejemplo, podrías usar ‘Sígueme’ para invitar a los lectores a seguir un enlace a tu página de redes sociales. Para aprender cómo usar la IA de Contenido en el Texto del Botón, por favor visita este artículo.
Fuente y Tamaño: Elige la fuente y el tamaño que mejor se adapten a la estética de tu correo electrónico. Por ejemplo, podrías usar ‘Arial’ con un tamaño de ’14’ para una apariencia clásica y legible.
Color de Fuente: Selecciona el color del texto del botón. Los colores se especifican usando códigos hexadecimales, por ejemplo, ‘#ffffff’ para blanco.
Acciones:
- URL: Esta es la acción de botón más común. Puedes dirigir al destinatario a una página web específica. Ingresa la URL de la página a la que deseas que el botón enlace.
- Correo: Esta acción abrirá el cliente de correo electrónico predeterminado del destinatario para redactar un nuevo correo. Puedes establecer una dirección de correo electrónico predefinida del destinatario.
- Descarga de Archivo: Si deseas que el botón inicie la descarga de un archivo, elige esta acción. Deberás proporcionar la URL de descarga directa del archivo.
- Teléfono: Esta acción es ideal para usuarios móviles. Cuando el destinatario hace clic en el botón, su dispositivo iniciará una llamada telefónica al número que hayas ingresado.
- Otra: Si tienes una acción única en mente que no está cubierta por las categorías anteriores, elige esta opción.
Alineación: Elige la alineación para tu botón. Las opciones incluyen ‘Izquierda’, ‘Centro’ o ‘Derecha’.
Ancho Total: Si deseas que tu botón abarque todo el ancho de su contenedor, habilita esta opción.
Color de Fondo: Elige el color de fondo de tu botón. Al igual que el color de la fuente, se especifica utilizando un código hexadecimal. Por ejemplo, ‘#000000’ hará que el fondo del botón sea negro.
Radio de Bordes: Personaliza la redondez de las esquinas de tu botón ajustando el radio de borde. Un número mayor dará como resultado esquinas más redondeadas. Por ejemplo, configurar el radio en ’75’ dará a tu botón una forma similar a una pastilla.
Relleno: Establece el espacio entre el texto de tu botón y el borde del botón ajustando los valores de relleno para los lados superior, inferior, izquierdo y derecho.
Usando estas configuraciones, puedes diseñar botones que coincidan con el aspecto general de tu correo electrónico y alienten a tus destinatarios a tomar acción.
Divisor: El elemento Divisor te permite introducir separaciones claras entre diferentes secciones de tu correo electrónico. Personaliza el color, el ancho y el estilo para que se ajusten a tu diseño.
Altura: Establece el grosor de la línea del divisor. Un número más grande resultará en una línea más gruesa. Por ejemplo, configurar la altura en ‘2’ crea una línea moderadamente gruesa.
Ancho (%): Determina la extensión horizontal de tu divisor dentro de su contenedor. Esto se expresa como un porcentaje del ancho del contenedor. Por ejemplo, un ancho de ‘100’ significa que el divisor abarcará todo el ancho de su contenedor.
Tipo de Línea: Elige el estilo de la línea del divisor. Las opciones típicas incluyen ‘Sólido’, ‘Discontinuo’ o ‘Punteado’.
Alineación: Elige la alineación para tu divisor. Las opciones incluyen ‘Izquierda’, ‘Centro’ o ‘Derecha’.
Color: Especifica el color de tu divisor utilizando un código hexadecimal. Por ejemplo, ‘#FED7E2’ podría usarse para un divisor de color rosa suave.
Relleno: Esto ajusta el espacio entre tu divisor y otros elementos. Puedes establecer diferentes valores de relleno para los lados superior, inferior, izquierdo y derecho del divisor.
Redes Sociales: ¿Quieres que tus destinatarios visiten tus perfiles en redes sociales? El elemento de Redes Sociales te permite incluir fácilmente iconos enlazados a varias plataformas de redes sociales.
Elementos Sociales: Agrega tus plataformas de redes sociales. Por lo general, puedes agregar iconos para Facebook, Instagram y Twitter. Solo haz clic en la plataforma e ingresa tu nombre de usuario o URL de perfil.
Estilos de Iconos: Determina el aspecto de tus iconos de redes sociales. Puedes elegir entre estilos, formas y diseños que se ajusten mejor a la estética de tu correo electrónico.
Visualización: Elige el modo de visualización para tus iconos: puede ser ‘Icono’, ‘Texto’ o ‘Icono y Texto’.
Alineación: Ajusta la alineación de tus iconos dentro del correo electrónico. Puedes alinearlos a la ‘Izquierda’, ‘Centro’ o ‘Derecha’.
Fuente: Establece la fuente para el nombre de la plataforma que aparece junto al icono. Si estás usando la visualización de ‘Icono y Texto’, esta será la fuente del texto.
Color de Fuente: Especifica el color de tus iconos de redes sociales utilizando un código hexadecimal. Por ejemplo, ‘#00a4bd’ podría usarse para un color verde azulado.
Tamaño: Ajusta el tamaño de tus iconos para asegurarte de que sean fácilmente visibles pero no abrumadores.
Espacio: Esto establece la cantidad de espacio entre cada icono de redes sociales.
Relleno: Ajusta el espacio entre tus iconos de redes sociales y otros elementos. Puedes establecer diferentes valores de relleno para la parte superior, inferior, izquierda y derecha de la sección de iconos de redes sociales.
Ajustando adecuadamente estos valores, puedes integrar sin problemas tu presencia en redes sociales en tus correos electrónicos, proporcionando a los destinatarios una manera fácil de conectarse contigo en estas plataformas.
Pie de Página: Utiliza el elemento de Pie de Página para incluir información esencial como detalles de contacto, dirección de la empresa o enlaces para darse de baja.
Edición de Texto: Haz clic en el texto del pie de página para activar el editor en línea. Luego puedes modificar el texto según tus necesidades. Puedes escribir directamente en el pie de página si deseas agregar la dirección de tu empresa, enlaces de política de privacidad o un enlace para darse de baja.
Fuente y Estilo: El editor en línea te permite cambiar la fuente, el tamaño y el color del texto del pie de página. Resalta el texto que deseas cambiar y elige entre las opciones en la barra de edición. Puedes hacer el texto en negrita, cursiva, subrayarlo o agregar un tachado.
Enlaces: Utilizando el editor en línea, puedes agregar fácilmente hipervínculos en tu pie de página. Resalta el texto que deseas convertir en un enlace, haz clic en el icono de ‘enlace’ en la barra de herramientas e ingresa la URL deseada. Esto es útil para enlazar al sitio web de tu empresa o dirigir a una página específica como tus términos de servicio o política de privacidad.
Alineación y Espaciado: Alinea tu texto a la izquierda, derecha o centro, según tus necesidades de diseño. Además, controla el espaciado entre líneas para asegurarte de que el texto del pie de página sea legible y se presente de manera ordenada.
Código: ¿Necesitas características más avanzadas? El elemento de Código te permite insertar código HTML personalizado directamente en tu correo electrónico. Aquí es donde ingresas tu código personalizado. Esto te permite crear diseños y componentes más avanzados dentro de tu correo electrónico.
Ten en cuenta: El bloque de Código está destinado a usuarios que son competentes en HTML. Como precaución, recomendamos familiarizarte con los conceptos básicos de HTML antes de usar esta función. Para orientación, podrías encontrar útiles estos recursos:
Conceptos Básicos de Correos Electrónicos HTML
Al integrar HTML personalizado, puedes crear experiencias de correo electrónico altamente personalizadas, lo que te permite ir más allá de las capacidades de diseño estándar de las plantillas de correo electrónico. Sin embargo, ten en cuenta que los clientes de correo electrónico pueden tener diferentes niveles de compatibilidad con HTML y CSS, por lo que siempre debes probar tus correos electrónicos antes de enviarlos.
Video: Involucra a tus destinatarios con contenido multimedia. Inserta un elemento de Video y enlázalo con tu contenido de video alojado.
Tipo de Video: Selecciona la plataforma donde está alojado tu video. Esto podría ser YouTube, Vimeo, Wistia o video HTML 5.
URL del Video: Pega la URL del video que deseas incrustar. Debe ser el enlace directo al video en la plataforma seleccionada.
Miniatura del Video: Esta es la imagen que los usuarios verán antes de reproducir el video. Puedes cargar una miniatura personalizada (tamaño máximo: 10MB) o usar una URL de imagen. Por ejemplo, se podría usar una imagen de marcador de posición de tu Biblioteca de Medios.
Ancho y Altura: Establece las dimensiones del reproductor de video dentro de tu correo electrónico. También tienes la opción de establecer la altura y el ancho en ‘automático’, lo que ajusta el tamaño según la proporción de aspecto del video y el espacio disponible en el correo electrónico.
Tamaño del Botón de Reproducción: Elige el tamaño del botón de reproducción que aparece en la miniatura del video. Las opciones suelen incluir Pequeño, Mediano o Grande.
Opacidad del Botón de Reproducción: Ajusta la visibilidad del botón de reproducción. Puedes hacerlo más o menos opaco según tus necesidades de diseño.
Relleno: Este es el espacio alrededor de tu reproductor de video. Puedes ajustar el relleno superior, inferior, izquierdo y derecho para que el video se ajuste perfectamente al diseño de tu correo electrónico.
Carrito de Compras: Si estás en la industria del comercio electrónico, el elemento de Carrito de Compras es una herramienta útil para incluir detalles del producto, precios y enlaces directos a tu tienda en línea. Es una forma de recordarles los productos en los que están interesados y alentarlos a finalizar sus compras.
Así es cómo personalizar esta sección:
Espaciado: Ajusta el espacio alrededor del contenido de tu carrito de compras para separarlo visualmente de otras secciones en el correo electrónico. Puedes ajustar el espaciado en la parte superior, inferior, izquierda y derecha de la sección del carrito.
Fuente: Elige la fuente para el texto en tu carrito de compras. Puede ser la fuente predeterminada del sistema u otro estilo que sea coherente con el diseño de tu correo electrónico.
Color de Texto: Personaliza el color del texto en tu carrito de compras. Puede ser negro (#000) u otro color que combine con el diseño de tu correo electrónico.
Color de Fondo: Selecciona el color del fondo del carrito de compras. Puede ser blanco (#ffffff) u otro color que haga que el texto sea fácil de leer.
Dentro del elemento de Carrito de Compras, generalmente muestras lo siguiente para cada producto:
Nombre del Producto: El nombre del producto tal como aparece en tu sitio web o tienda en línea.
Precio: El precio individual del producto.
Cantidad: El número de ese producto en particular que el cliente ha elegido.
Precio de la Línea: El precio total para ese elemento de línea (Precio x Cantidad).
Repite estos pasos para cada producto en el carrito de compras. Mostrar esta información detallada proporciona transparencia y ayuda a los clientes a revisar sus pedidos, lo que aumenta la probabilidad de que procedan al pago.
Personalizar tu sección de Carrito de Compras de esta manera asegura una mejor experiencia de usuario, se ajusta al diseño general de tu correo electrónico y, en última instancia, impulsa las conversiones.
Encabezado de RSS: El bloque de Encabezado de RSS en el constructor de correos electrónicos es una herramienta poderosa que te permite poblar dinámicamente las etiquetas <channel> desde tu Fuente RSS en tu campaña de correo electrónico.
Aquí están las etiquetas y sus valores personalizados correspondientes que puedes usar:<title> corresponde a {{rss_feed.title}}
<description> corresponde a {{rss_feed.description}}<link> corresponde a {{rss_feed.url}}
<lastBuildDate> corresponde a {{rss_feed.date}}
Puedes elegir entre ‘Básico’ y ‘Personalizado’ al usar el bloque de Encabezado de RSS.
‘Básico’ agregará texto no editable en el Editor de Texto como esto:<h1 class=»h1″>{{rss_feed.title}}</h1> {{rss_feed.description}}<br /> <br />
‘Personalizado’ agregará texto editable en el Editor de Texto como esto:
Actualizaciones desde {{rss_feed.url}} <h1>{{rss_feed.title}}</h1> <strong>{{rss_feed.description}}</strong><br /> <br /> <strong>En la edición de {{rss_feed.date}}:</strong><br />
Estas variables de <channel> de RSS también se pueden utilizar en el campo de asunto de tu campaña de correo electrónico.
Elementos de RSS: Cuando se trata de fuentes RSS, el elemento «Elementos de RSS» es una parte crucial de un constructor de correos electrónicos en plataformas de marketing por correo electrónico. Básicamente funciona como un marcador de posición de contenido dinámico que llena el contenido de la fuente RSS en tu campaña de correo electrónico. Los elementos de RSS pueden ser desde entradas de blog, actualizaciones de noticias, artículos o cualquier contenido publicado accesible a través de una fuente RSS.
Tienes las siguientes Opciones de Edición de RSS:
Extractos: Esta opción mostrará solo un resumen o fragmento del contenido original de cada elemento de la fuente RSS. Esta opción es útil cuando deseas dar a tus suscriptores una vista previa del contenido, animándolos a hacer clic para leer el artículo completo en tu sitio web.
Extractos con Imagen: Similar a la opción de Extractos, esto también muestra un resumen o fragmento del contenido original. Sin embargo, también incluye una imagen asociada con el elemento de la fuente RSS. Esto es especialmente beneficioso para el impacto visual y puede mejorar significativamente las tasas de interacción.
Título: Si seleccionas esta opción, solo se mostrará el título de cada elemento de la fuente RSS. Este enfoque minimalista puede ser efectivo cuando los títulos son descriptivos o intrigantes y motivan al lector a hacer clic y leer más.
Contenido Completo: Elegir esta opción importará el contenido completo de cada elemento de la fuente RSS a tu correo electrónico. Esto puede ser útil si los elementos de la fuente RSS son cortos o si deseas proporcionar información completa dentro del correo electrónico. Sin embargo, esto también puede resultar en correos electrónicos largos si los elementos de la fuente son extensos.
Personalizado: La opción Personalizado te permite elegir qué información de la fuente RSS se incluye en el correo electrónico y cómo se muestra. Por ejemplo, puedes incluir el título, un breve extracto, el nombre del autor y un enlace al artículo completo. Esta opción requiere más configuración, pero ofrece más flexibilidad para adaptar la presentación de los elementos de la fuente en tu correo electrónico.
Este elemento puede importar dinámicamente diferentes atributos relacionados con cada elemento de RSS. Estos atributos podrían ser:
Título de la publicación/elemento ({{rss_item.title}})
Resumen o descripción de la publicación/elemento ({{rss_item.content}})
Enlace URL directo a la publicación/elemento original ({{rss_item.url}})
Fecha de publicación de la publicación/elemento ({{rss_item.date}})
El autor de la publicación/elemento ({{rss_item.author}})
Cuando incorporas el elemento «Elementos de RSS» en tu correo electrónico, puedes decidir qué información mostrar y cómo debe presentarse. Puedes mostrar solo el título o el título junto con un resumen o incluso un hipervínculo a la publicación completa.
Las opciones de personalización también se extienden a los aspectos de diseño. Por ejemplo, puedes ajustar el relleno (arriba, abajo, izquierda, derecha) alrededor del elemento para que se ajuste al aspecto estético de tu correo electrónico.
Diseños: Los diseños determinan la estructura del contenido de tu correo electrónico. Tienes varias opciones, desde diseños simples de una sola columna hasta estructuras más complejas.
Aquí tienes una explicación detallada de cada diseño:
1: Este diseño representa una estructura de columna única. Todo el contenido se coloca en una línea vertical recta. Este es el diseño más básico y uno de los más comunes en los correos electrónicos. Es genial para la legibilidad, especialmente en pantallas más pequeñas como dispositivos móviles.
2: Este diseño corresponde a una estructura de dos columnas. El contenido de tu correo electrónico se divide en dos columnas verticales. Este diseño es ideal para mostrar dos grupos de contenido uno al lado del otro, como una imagen y un bloque de texto o dos artículos de una fuente RSS.
1/3: 2/3 y 2/3 : 1/3: Estos diseños representan una estructura donde el contenido se divide en dos columnas desiguales. En 1/3: 2/3, una columna ocupa 1/3 del ancho y la otra ocupa 2/3. Se invierte en el diseño 2/3: 1/3. Estos son ideales para resaltar una pieza de contenido más que la otra, como una imagen y una descripción acompañante donde la imagen es el enfoque principal.
1/4: 3/4 y 3/4 : 1/4: Similar a lo anterior, pero aquí una columna ocupa 1/4 del espacio, y la otra ocupa 3/4, y viceversa. Este diseño es útil cuando una pieza de contenido es significativamente más importante que la otra, como un menú de navegación pequeño junto a un área de contenido grande.
4: Este diseño se refiere a una estructura de cuatro columnas. El contenido de tu correo electrónico se divide en cuatro columnas verticales iguales. Esto es útil para presentar múltiples piezas de contenido de igual importancia uno al lado del otro, como una cuadrícula de imágenes o varios artículos de una fuente RSS.
Estos diseños ofrecen diversas formas de estructurar y presentar tu contenido, dependiendo de tus necesidades específicas y el tipo de correo electrónico que estás enviando. Al comprender las diferentes opciones, puedes elegir el diseño más efectivo para tu correo electrónico.
Para agregar cualquiera de estos elementos a tu correo electrónico, arrástralos y suéltalos en tu lienzo. Cuando selecciones un elemento para editar, el Editor en Línea aparecerá, ofreciendo numerosas opciones para modificar el elemento elegido y adaptarlo a tus requisitos.
Gestionar Texto y Formato
Un editor en línea es una herramienta poderosa que te permite administrar fácilmente el texto y su formato. Cuando resaltes cualquier parte del texto, se mostrarán varias opciones en el editor.
Puedes cambiar el tipo de encabezado.
Seleccionar una fuente diferente, ajustar el tamaño de la fuente y modificar el color del texto.
No termina ahí: las opciones para negrita, cursiva, subrayado y tachado también están disponibles.
Si deseas agregar un hipervínculo a tu texto, el editor en línea te permite hacerlo, dándote control sobre el texto de visualización y la URL de destino.
Agregar/Editar Enlace: Esta opción te permite agregar un nuevo hipervínculo a tu correo electrónico o modificar uno existente.
URL del Enlace: Esta es la dirección web (URL) a la que deseas que el hipervínculo dirija al hacer clic. Puede ser una página web, un archivo descargable u otro recurso en línea. Asegúrate siempre de que la URL sea correcta y funcional.
Texto a Mostrar: Este es el texto visible que aparecerá en tu correo electrónico y será clickeable. Puede ser una llamada a la acción como «Leer más», «Descargar ahora» o simplemente el nombre de la página web a la que estás enlazando. Lo mejor es mantener este texto conciso y descriptivo del contenido vinculado.
Título: El atributo del título es opcional y puede proporcionar información adicional sobre el enlace. A menudo aparece como un mensaje emergente cuando el usuario pasa el cursor sobre el hipervínculo. Puede brindar contexto adicional o explicar a dónde llevará al usuario el enlace.
Abrir Enlace en una Nueva Ventana: Esta opción, cuando se selecciona, significa que cuando el destinatario haga clic en el enlace, se abrirá en una nueva ventana o pestaña del navegador en lugar de la actual. Esto puede ser útil cuando no deseas que el usuario navegue fuera del correo electrónico o de la página web actual.
Lista de Enlaces: Este menú desplegable podría contener una lista de enlaces previamente utilizados o guardados. Puede facilitar la adición de enlaces que uses con frecuencia de manera más rápida y sencilla.
También puedes ajustar la alineación del texto y la altura de línea o introducir viñetas en tu texto.
Aquí hay una descripción de cada tipo de viñeta: Disco: Un círculo lleno. Este es el estilo predeterminado para listas no ordenadas en HTML.
Círculo: Un círculo vacío o un anillo. Esto se usa típicamente para puntos secundarios o terciarios en una lista no ordenada.
Cuadrado: Un cuadrado lleno. Puede ser una alternativa a las viñetas de disco o círculo para variar o enfatizar.
Decimal: Marcadores de lista numéricos estándar (1, 2, 3, etc.). Se utilizan típicamente para listas ordenadas donde importa la secuencia.
Alfa Minúscula: Marcadores de lista alfabéticos en minúsculas (a, b, c, etc.). A menudo se usan para subpuntos dentro de una lista ordenada.
Griego Minúscula: Marcadores de lista alfabéticos griegos en minúsculas (alfa, beta, gamma, etc.). No se usan comúnmente, pero pueden ser una alternativa interesante a los marcadores estándar.
Romano Minúscula: Marcadores de lista numéricos romanos en minúsculas (i, ii, iii, etc.). A menudo se usan para documentos formales o tradicionales, como documentos legales.
Alfa Mayúscula: Marcadores de lista alfabéticos en mayúsculas (A, B, C, etc.). A menudo se usan para puntos principales en una lista ordenada.
Romano Mayúscula: Marcadores de lista numéricos romanos en mayúsculas (I, II, III, etc.). Al igual que los números romanos en minúsculas, se usan a menudo en documentos formales o tradicionales.
Usando Opciones de Edición Avanzadas
El editor en línea también viene equipado con opciones de edición avanzadas. La función «Borrar Formato» te permite eliminar cualquier formato existente de una sección del texto, una herramienta útil al pegar texto desde fuentes externas.
Valores personalizados: Estos añaden un toque personal a tus correos electrónicos al incorporar detalles específicos del destinatario, como su nombre o ubicación. Esta personalización puede mejorar la relevancia del correo electrónico para cada destinatario, aumentando así las tasas de interacción.
Enlaces de activación: Permiten a los destinatarios realizar ciertas acciones directamente desde el correo electrónico, como confirmar una suscripción, darse de baja o acceder a una oferta especial. Estos elementos interactivos pueden impulsar la interacción y aumentar las conversiones al simplificar las acciones del usuario.
Además, la función ‘ContentAI’ utiliza inteligencia artificial para ayudar a generar contenido de texto. La herramienta puede generar automáticamente contenido de texto relevante para ti al proporcionar títulos de contenido, descripciones y palabras clave. Más información en este artículo.
Contexto: En este campo, puedes especificar el contexto para el contenido que deseas que la IA genere. Esto ayuda a la IA a comprender cuál debería ser el tema general. Esto podría ser desde «Marketing Digital» hasta «Recetas Saludables». Cuanto más específico sea tu contexto, más preciso será el contenido generado.
Título del Contenido: Aquí debes proporcionar el tema principal o la idea para el contenido que deseas crear. Este título guiará a la IA en la generación del contenido que deseas. Puede ser un título de blog, una línea de asunto para un correo electrónico o una descripción de un producto.
Proporciona una breve descripción del contenido: En este campo, debes proporcionar una breve descripción del contenido deseado. Esto podría incluir cualquier detalle específico o enfoques que desees que la IA considere al generar el contenido.
Añade palabras clave: Las palabras clave son las palabras o frases específicas que describen tu contenido. Estas guiarán a la IA para incorporar estos términos de manera natural en el contenido generado. Esto puede ser especialmente útil para fines de SEO.
Tono de Escritura: Esta opción te permite definir el tono de la escritura. Puede ser profesional, amigable, informal, autoritario, etc. La IA adaptará el contenido generado para que coincida con el tono seleccionado.
Número de Variaciones: Aquí especificas cuántas versiones diferentes del contenido deseas que genere la IA. Esto te permite elegir entre varias salidas y seleccionar la que mejor se adapte a tus necesidades. Puedes crear hasta cinco variaciones.
Gestión de Elementos
La función ‘Gestionar Elementos’ te da control sobre cada elemento dentro de tu correo electrónico. Seleccionar un elemento en esta sección te permite modificar su visibilidad para diferentes dispositivos: escritorio, móvil o ambos.
Las configuraciones de visibilidad te permiten controlar cómo se ven ciertos elementos en diferentes dispositivos. Específicamente, las configuraciones de «visibilidad móvil» y «visibilidad de escritorio» te permiten elegir qué elementos de tu correo electrónico o página web se mostrarán al verlos en un escritorio o dispositivo móvil.
La Visibilidad Móvil se refiere a cómo se ven los elementos de tu correo electrónico o página web en dispositivos móviles como smartphones o tablets. Dado el tamaño de pantalla más pequeño de estos dispositivos, podrías optar por ocultar ciertos elementos que no se visualizan bien o simplificar tu contenido para una fácil lectura móvil. También puede implicar reestructurar o redimensionar elementos para un diseño más amigable para dispositivos móviles.
La Visibilidad de Escritorio se refiere a cómo se ven los elementos de tu correo electrónico o página web en dispositivos de escritorio. Dado que las pantallas de escritorio son más grandes y brindan más espacio, puedes incluir elementos adicionales que no se ajustarían bien en una pantalla móvil. Además, se pueden mostrar elementos que requieren acciones de desplazamiento, que no son aplicables en dispositivos móviles.
Además, cada elemento se puede editar de forma independiente, lo que te permite cambiar sus propiedades.
Puedes eliminar un elemento de la sección ‘Gestionar Elementos’ si no se ajusta a tu correo electrónico.
Cada vez que pases el cursor y hagas clic en una sección, columna o elemento en la sección ‘Gestionar Elementos’, la pantalla se desplazará a la sección, columna o elemento sobre el que estás pasando el cursor.
Ajustar Apariencia y Estilo
La función ‘Apariencia’ es el lugar al que debes acudir para ajustar el aspecto de tu plantilla.
Plantilla
Aquí puedes elegir la paleta de colores para tu plantilla, cargar una imagen de fondo e incluso definir el ancho del contenido de tu correo electrónico.
Color de Fondo: Este es el color que aparece detrás de todo el contenido en tu correo electrónico. Puedes seleccionar cualquier color que se adapte al diseño y al estado de ánimo de tu mensaje. Un color de fondo bien elegido puede mejorar significativamente la legibilidad y el atractivo visual de tu correo electrónico.
Color del Cuerpo: Este es el color principal del área de contenido principal o cuerpo de tu correo electrónico. Aquí es donde se encuentran tu texto, imágenes y otros elementos. El color del cuerpo debe tener un buen contraste con el texto y otros elementos para garantizar la legibilidad.
Ancho del Contenido: Este es el ancho del área de contenido dentro de tu correo electrónico. Por defecto, puede estar configurado en un ancho estándar de 600 píxeles. Sin embargo, puedes ajustarlo según tus necesidades de diseño y el tipo de contenido que estás incluyendo. Ten en cuenta que el contenido muy ancho puede no verse bien en todas las pantallas, especialmente en dispositivos móviles.
Imagen de Fondo: Aquí puedes cargar una imagen que se mostrará como fondo de tu correo electrónico. Esto puede ser una excelente manera de agregar interés visual y branding a tus mensajes. Recuerda que no todos los clientes de correo electrónico admiten imágenes de fondo, así que tener un color de respaldo configurado es una buena idea.
El tamaño máximo de carga se refiere al archivo de imagen más grande que puedes cargar como fondo. Los archivos más grandes pueden tardar más en cargarse y es posible que no sean completamente compatibles con todos los clientes de correo electrónico, por lo que generalmente es mejor usar imágenes optimizadas para la web.
URL de Imagen de Fondo: En lugar de cargar una imagen desde tu computadora, puedes ingresar una URL de una imagen alojada en línea externamente o en la Biblioteca de Medios de tu CRM. El correo electrónico cargará la imagen desde esta URL cuando se abra. Asegúrate de que la URL de la imagen sea segura (HTTPS) y confiable para que se cargue correctamente para todos los destinatarios.
Botón: La sección «Botón» en la configuración de apariencia te permite diseñar y estilizar botones orientados a la acción para correos electrónicos interactivos y atractivos.
Radio de la Esquina: Modifica la redondez de las esquinas de tu botón. Un valor de 9 le dará bordes moderadamente redondeados.
Color del Botón: Aquí puedes especificar el color del botón para que coincida con tu marca o el tema de tu correo electrónico.
Fuente: Elige el tipo y el tamaño de fuente para el texto en tu botón. En este caso, se selecciona la fuente ‘Arial’ con un tamaño de ’16’.
Estilo del Texto: Tienes la capacidad de establecer colores individuales para el texto en negrita, cursiva y subrayado dentro del botón. Esto puede ayudar a enfatizar palabras clave o frases y crear botones visualmente más dinámicos.
Separador: La sección «Separador» en la configuración de apariencia te permite incorporar líneas personalizadas para estructurar y segregar el contenido del correo electrónico.
Altura: La configuración de altura define el grosor de la línea del separador. Por defecto, está configurado en 2 píxeles, pero puedes modificarlo según la estética de tu correo electrónico. Un separador más grueso podría ser más notable, mientras que uno más delgado puede separar secciones de manera sutil.
Color: Esta configuración te permite elegir el color de la línea del separador. El color idealmente debe complementar la paleta de colores general del correo electrónico, asegurando cohesión visual.
Estilo: Aquí puedes seleccionar el aspecto de la línea del separador.
CSS Personalizado: La sección «CSS Personalizado» te permite agregar estilos CSS para personalizar aún más el diseño de tu correo electrónico. Sin embargo, esto requiere una buena comprensión de CSS y sus implicaciones en el diseño de correos electrónicos. CSS en correos electrónicos funciona de manera ligeramente diferente que en el diseño web debido a la variedad de clientes de correo electrónico y sus capacidades de renderizado.
Aquí tienes algunos recursos que pueden ayudarte a comenzar:
Trucos de CSS: Este sitio web proporciona una gran cantidad de información sobre CSS y cómo usarlo de manera efectiva, incluidos muchos artículos específicos sobre el uso de CSS en correos electrónicos.
Smashing Magazine: Una introducción a la construcción y envío de correo electrónico HTML para desarrolladores web: Esta guía brinda una visión general completa de HTML y CSS en correos electrónicos.
MDN Web Docs: Usando CSS: La red de desarrolladores de Mozilla es un recurso confiable para desarrolladores web. Esta guía explica cómo usar propiedades CSS personalizadas, que pueden ser útiles en tu bloque de CSS personalizado.
¿Puedo enviar correo electrónico…?: Al igual que «¿Puedo usar…?» pero para correo electrónico. Un gran recurso para verificar qué propiedades de CSS y elementos HTML son compatibles con los principales clientes de correo electrónico.
Formato para Dispositivos Móviles
En el mundo de hoy, es importante que tus correos electrónicos se vean bien en todos los dispositivos. Con eso en mente, el Editor de Correo Electrónico Inline Editor proporciona una sección especial para el formato móvil. Aquí, puedes especificar qué encabezados, párrafos y botones deben ser visibles cuando se vea tu correo electrónico en un dispositivo móvil. Esto garantiza que tus correos electrónicos estén optimizados tanto para la visualización en escritorio como en dispositivos móviles.
Estas configuraciones afectarán únicamente la versión móvil de tu plantilla de correo electrónico y son aplicables en clientes de correo electrónico compatibles con consultas de medios.
Encabezado H1:
Tamaño de Fuente: El tamaño de tu encabezado principal en móvil debe ser lo suficientemente grande para llamar la atención, pero no tan grande como para dominar la pantalla o causar desplazamiento. La experiencia de visualización en móviles es considerablemente diferente a la de escritorio debido al tamaño de pantalla más pequeño, por lo que encontrar un equilibrio es clave.
Alineación del Texto: La alineación en la vista móvil puede influir en lo fácil que se digiere tu contenido. La alineación central se usa a menudo en móviles, ya que proporciona equilibrio y se ajusta bien a la naturaleza vertical de las pantallas móviles.
Altura de Línea: En la vista móvil, el espaciado entre líneas adecuado es aún más crítico para la legibilidad debido a la pantalla más pequeña. El ajuste de 1.5 proporciona una experiencia de lectura cómoda.
Encabezados H2:
Tamaño de Fuente: Esta configuración define el tamaño de tus encabezados secundarios en una pantalla móvil. Más pequeños que H1, pero lo suficientemente prominentes para distinguir la jerarquía de la información.
Alineación del Texto: Al igual que con H1, la alineación central a menudo funciona bien para la visualización en móviles, pero la alineación óptima puede depender de tu contenido y diseño específicos.
Altura de Línea: Los mismos principios se aplican aquí que con H1. La altura de línea es crítica en la facilidad con la que los lectores pueden moverse de una línea a la siguiente, especialmente en pantallas móviles más pequeñas.
Encabezado H3:
Tamaño de Fuente: Tus encabezados terciarios deben ser distintivos pero no abrumadores. Un tamaño de fuente más pequeño diferencia a H3 de los encabezados H1 y H2, pero aún debe ser legible en pantallas móviles.
Alineación del Texto: La alineación para H3 puede variar según tus necesidades de diseño y contenido específicas. Mantenerla consistente con H1 y H2 generalmente ayuda a la coherencia visual.
Altura de Línea: Una altura de línea apropiada puede asegurar que tu contenido sea accesible y fácil de leer, incluso en pantallas pequeñas.
Párrafo:
Tamaño de Fuente: El texto del párrafo debe ser cómodo de leer en una pantalla móvil, lo que a menudo significa tamaños de fuente ligeramente más grandes de los que podrías usar en una computadora de escritorio.
Alineación del Texto: Los párrafos en la vista móvil suelen estar justificados a la izquierda para los idiomas que se leen de izquierda a derecha, pero esto puede depender de tu contenido y necesidades de diseño específicas.
Altura de Línea: Mantener un espaciado cómodo entre líneas en el texto del párrafo es especialmente crucial para el contenido de formato largo. Hace que el texto sea menos denso y más fácil de seguir en pantallas pequeñas.
Botón:
Tamaño de Fuente: El texto en los botones debe ser fácil de leer y hacer clic en un dispositivo móvil. Un tamaño de fuente más grande puede ayudar a prevenir clics accidentales y hacer que las llamadas a la acción sean más claras.
Recuerda, estos son puntos de partida; dependiendo de tu contenido, audiencia y diseño general, es posible que necesites ajustar estas configuraciones para lograr la mejor experiencia de visualización móvil.
Prácticas recomendadas para la vista móvil de correos electrónicos:
Al configurar correos electrónicos para dispositivos móviles, debes prestar atención a algunas áreas clave que contribuyen a la usabilidad y efectividad general de tus correos electrónicos:
Utiliza un Diseño de Columna Única: Los diseños de una sola columna funcionan mejor en móviles, ya que son más fáciles de escalar para pantallas más pequeñas. Múltiples columnas pueden ser confusas en una pantalla móvil y pueden ser confusas para los usuarios.
Optimiza las Imágenes: Asegúrate de que tus imágenes tengan alta calidad, pero también mantén el tamaño del archivo pequeño para una carga rápida. Considera usar imágenes receptivas que se ajusten automáticamente a la pantalla en la que se ven. No olvides incluir texto alternativo para la accesibilidad.
Botones Aptos para Tocar: En dispositivos móviles, es probable que tus llamadas a la acción (CTA) se toquen con un dedo en lugar de hacer clic con un ratón. Asegúrate de que los botones sean lo suficientemente grandes para ser tocados fácilmente; se recomienda un tamaño mínimo de 44 px por 44 px.
Limita la Cantidad de Texto: En dispositivos móviles, el texto largo puede ser abrumador. Sé conciso y divide el texto en fragmentos pequeños y manejables. Utiliza viñetas y subtítulos para una lectura fácil.
Utiliza un Diseño de Correo Electrónico Receptivo: Esto asegurará que tu correo electrónico se ajuste automáticamente a la pantalla de cualquier dispositivo en el que se vea.
Vista Previa y Prueba: Siempre previsualiza y prueba tus correos electrónicos en diferentes dispositivos y clientes de correo electrónico para asegurarte de que se muestren correctamente.
Incluye Espacio en Blanco: El espacio en blanco no es espacio desperdiciado. Hace que tu correo electrónico sea más limpio y más fácil de leer en una pantalla pequeña.
Tamaño y Estilo de Fuente: Mantén un tamaño de fuente lo suficientemente grande como para que sea legible en pantallas pequeñas. Un tamaño de 14 para el texto y 22 para los titulares a menudo se recomienda. Evita las fuentes extravagantes que podrían ser difíciles de leer.
CTAs Claras y Concisas: Asegúrate de que tu llamada a la acción sea clara, concisa y fácil de encontrar. El mejor lugar para un botón de CTA suele ser en el centro de la pantalla.
Optimiza las Líneas de Asunto y el Texto de Preencabezado: Mantén tus líneas de asunto cortas y atractivas, y utiliza el texto de preencabezado para proporcionar un resumen o adelanto del contenido de tu correo electrónico. También es buena idea probar diferentes versiones de líneas de asunto para encontrar lo que mejor funciona para tu audiencia.
Opta por Texto Sencillo en Lugar de Imágenes: Algunos clientes de correo electrónico pueden no mostrar automáticamente las imágenes. Para asegurarte de que tu mensaje llegue, utiliza texto tanto como sea posible y solo usa imágenes cuando sea necesario.
Opción para Darse de Baja: Facilita que los destinatarios cancelen la suscripción a tus correos electrónicos. Esto no solo es un requisito legal, sino que también mejora la experiencia del usuario.
Accesibilidad: Haz que tu correo electrónico sea accesible para todos. Esto incluye usar fuentes más grandes, asegurarte de un buen contraste entre el texto y el fondo e incluir texto alternativo para las imágenes.
Recuerda, las mejores prácticas para la configuración de correos electrónicos móviles pueden variar según tu audiencia específica y el tipo de contenido que estás enviando. Siempre prueba diferentes enfoques para ver qué funciona mejor para tu audiencia.
Aquí hay algunos recursos que podrían ayudar a consolidar aún más las mejores prácticas de diseño de correo electrónico móvil:
Lectura Adicional sobre Diseño de Correo Electrónico Móvil: https://www.emailonacid.com/blog/article/email-development/mobile-design-best-practices/
Uso de Colores en el Diseño de Correo Electrónico: https://www.creativebloq.com/inspiration/8-free-apps-for-picking-a-colour-scheme
Optimización de Imágenes para Uso Móvil: https://www.sendinblue.com/blog/optimize-images-email/
Consejos para el Diseño de CTAs: https://unbounce.com/email-marketing/cta-buttons-guide/
Mejor Uso del Espacio: https://stripo.email/blog/email-layout-optimizer-8-rules-for-structuring-emails/
Mejor Uso del Desplazamiento: https://www.campaignmonitor.com/blog/email-marketing/2019/07/should-you-use-the-fold-in-email-marketing/
¿Es Necesario Hacer Pruebas A/B en Correos Electrónicos? https://sendpulse.com/blog/ab-testing-email-campaign
Pautas de Accesibilidad para Correos Electrónicos: https://www.emailonacid.com/blog/article/email-marketing/email-accessibility-in-plain-english/
Diseño de Correo Electrónico Amigable para Móviles Vs. Responsivo: https://litmus.com/blog/understanding-media-queries-in-html-email
Mejores Prácticas de Configuración de Correos Electrónicos Móviles: https://www.mailup.com/resources/mailup-blog/email-design-responsive-design-and-mobile-email-marketing/
Preguntas Frecuentes (FAQs)
P: Quiero probar diferentes elementos de correo electrónico para ver qué funciona mejor. ¿Cómo puede ayudarme el creador de correos electrónicos?
R: Puedes utilizar la función de pruebas A/B, que está respaldada como se menciona aquí: Guía de Pruebas A/B. Esto te permite probar diferentes componentes de correo electrónico, como líneas de asunto, contenido y CTAs, para ver qué resuena con tu audiencia.
P: Tengo un restaurante y quiero informar a los clientes sobre nuestros nuevos platos del menú. ¿Qué plantilla debo usar?
R: Utiliza la plantilla «Genérica de Restaurante». Esta ofrece una variedad de diseños adecuados para mostrar nuevos platillos.
P: Dirijo un bufete de abogados y necesito anunciar nuevos servicios. ¿Qué plantilla funcionará mejor para esto?
R: Las plantillas «Mentes Legales» o «Bufete de Abogados Justicia» son útiles. Son profesionales y perfectas para mostrar servicios.
P: Gestiono una organización benéfica. ¿Cómo puedo usar el creador de correos electrónicos para solicitar donaciones?
R: Utiliza las plantillas «Ayuda Solidaria Caritativa» o «Fundación de Dar a Volver» para crear mensajes convincentes sobre tu causa y la importancia de las donaciones.
P: Tengo una clínica de terapia física y quiero compartir consejos de salud y ejercicios con mis clientes. ¿Qué plantilla debo usar?
R: Las plantillas «Terapia Física» están diseñadas para compartir consejos de salud e información sobre ejercicios.
P: Llevo una firma contable y quiero enviar boletines con consejos para la gestión financiera. ¿Qué plantilla funcionaría mejor?
R: Utiliza las plantillas «Agencia de Contabilidad Precisa» o «Genérica de Contabilidad». Son perfectas para compartir consejos financieros y recomendaciones.
P: Gestiono una agencia inmobiliaria. ¿Cómo puedo usar el creador de correos electrónicos para mostrar nuevas propiedades?
R: Puedes usar cualquiera de las plantillas «Bienes Raíces». Cada una ofrece un diseño profesional para mostrar propiedades.
P: Tengo un salón de belleza y quiero anunciar nuevos servicios y promociones. ¿Qué plantilla debo usar?
R: Las plantillas «Belleza Radiante» o «Genérica de Salón de Belleza» serían perfectas. Están diseñadas para resaltar servicios y ofertas de belleza.
P: Gestiono una agencia de viajes y quiero promocionar nuestros paquetes de vacaciones. ¿Qué recomendarías?
R: Las plantillas «Viaje Pinnacle» y «Viajes Escapadas» están diseñadas para mostrar paquetes de viaje.
P: Llevo una consulta dental y quiero enviar recordatorios de revisiones. ¿Cuál plantilla es la mejor para esto?
R: Las plantillas «Dentista» están diseñadas para consultas dentales.
P: Gestiono un estudio de yoga y quiero compartir horarios de clases y consejos de salud. ¿Qué plantilla sugerirías?
R: Utiliza cualquiera de las plantillas «Genérica de Yoga» o las plantillas numeradas «Yoga». Son perfectas para compartir horarios de clases y consejos de salud.
P: Llevo un taller de reparación de automóviles. ¿Cómo puedo usar el creador de correos electrónicos para anunciar nuestros servicios y promociones?
R: Puedes usar las plantillas «Reparación de Autos» para promocionar tus servicios y ofertas.
P: Soy dueño de un gimnasio y quiero compartir consejos de fitness y horarios de clases con mis clientes. ¿Qué recomendarías?
R: Deberías considerar usar cualquiera de las plantillas «Gimnasio». Están diseñadas específicamente para contenido relacionado con el fitness.
P: Gestiono un centro de bienestar holístico y quiero compartir consejos de bienestar con mis clientes. ¿Qué plantilla debería usar?
R: La plantilla «Genérica de Imagen para Bienestar Holístico» sería una excelente elección. Es perfecta para consejos y recomendaciones de bienestar.
P: Opero un centro de energía solar y quiero anunciar nuevos productos y servicios. ¿Qué plantilla es la mejor para esto?
R: Las plantillas «Solar Genérica» o las plantillas numeradas «Solar» son ideales para mostrar productos y servicios solares.
P: Tengo un bufete de abogados y quiero enviar boletines con asesoramiento legal. ¿Qué plantilla funcionaría mejor?
R: Puedes usar las plantillas «Genérica de Abogado» o «Mentes Legales» para compartir consejos legales y actualizaciones.
P: Llevo un gimnasio de escalada. ¿Cómo puedo usar el creador de correos electrónicos para promocionar nuestras clases de entrenamiento?
R: Utiliza la plantilla «Escalada Pico» para mostrar tus clases de escalada y sesiones de entrenamiento.
P: Gestiono un refugio para mascotas y quiero enviar actualizaciones sobre mascotas disponibles para adopción. ¿Qué plantilla debería usar?
R: Las plantillas «Refugio de Perros» y «Cuna de Gatos» son perfectas para promocionar mascotas disponibles para adopción.