Documentación Journey Optimizer Guía de Journey Optimizer

Introducción al diseño de correo electrónico

Última actualización: 24 de febrero de 2025

Temas:
Diseño de correo electrónico

Creado para:

Principiante
Intermedio
Usuario

Puede importar un contenido existente en Journey Optimizer o aprovechar las funcionalidades de diseño de contenido:

Utilice las Journey Optimizer funcionalidades de diseño de correo electrónico de para diseñar o importar correos electrónicos adaptables. Más información
Aproveche Adobe Experience Manager Assets Essentials para enriquecer los correos electrónicos, crear y administrar su propia base de datos de activos. Más información
Encuentre fotos de Adobe Stock para crear su contenido y mejorar su diseño de correo electrónico. Más información
Mejore la experiencia de los clientes creando mensajes y de correo electrónico personalizados en función de sus atributos de perfil. Más información sobre personalización y contenido dinámico.

➡️ Descubra esta función en vídeo

Prácticas recomendadas para el diseño de correo electrónico

Al enviar correos electrónicos, es importante tener en cuenta que los destinatarios pueden reenviarlos, lo que a veces puede causar problemas con el procesamiento del correo electrónico. Esto es especialmente cierto cuando se utilizan clases CSS que es posible que el proveedor de correo electrónico no admita para el reenvío, por ejemplo, si utiliza la clase CSS "is-desktop-hidden" para ocultar una imagen en dispositivos móviles.

Para minimizar estos problemas de renderización, se recomienda mantener la estructura de diseño del correo electrónico lo más sencilla posible. Intente utilizar un único diseño que funcione bien tanto para dispositivos de escritorio como móviles, y evite utilizar clases CSS complejas u otros elementos de diseño que puedan no ser totalmente compatibles con todos los clientes de correo electrónico. Siguiendo estas prácticas recomendadas, puede ayudar a garantizar que los mensajes de correo electrónico se procesen correctamente, independientemente de cómo los destinatarios los vean o los reenvíen.

Consulte la tabla siguiente para conocer las prácticas recomendadas sobre el diseño de correo electrónico:

Recomendado	Usar con cuidado	No recomendado
Diseños estáticos basados en tablas para la estructura Tablas HTML y tablas anidadas para mantener la coherencia del diseño Anchuras de plantilla entre 600 y 800 píxeles CSS en línea simple para diseñar Fuentes seguras para la web para compatibilidad universal	Es posible que las imágenes de fondo no aparezcan en ciertas plataformas de correo electrónico. Las fuentes web personalizadas carecen de compatibilidad universal. Los diseños anchos pueden visualizarse mal en las pantallas más pequeñas. Los mapas de imagen ofrecen una funcionalidad limitada. Un CSS incrustado a veces se elimina durante el envío del correo electrónico.	JavaScript generalmente no es compatible en los entornos de correo electrónico. Las etiquetas `<iframe>` se bloquean en la mayoría de las plataformas. Flash está obsoleto y ya no es compatible. El audio incrustado a menudo no se reproduce. El vídeo incrustado no es compatible con muchas plataformas de correo electrónico. Los formularios no funcionan en los correos electrónicos. Las capas `<div>` pueden dar lugar a problemas de renderizado.

Pasos clave para crear contenido de correo electrónico

Una vez que haya añadido un correo electrónico a un recorrido o a una campaña, podrá empezar a crear su contenido de correo electrónico.

Desde la pantalla de configuración de recorrido o de campaña, pase por la pantalla Editar contenido para acceder al Diseñador de correo electrónico. Más información
En la página de inicio del Diseñador de correo electrónico, elija cómo desea diseñar el correo electrónico desde las opciones siguientes:
- Diseñe su correo electrónico desde cero a través de la interfaz del diseñador de correo electrónico y aproveche las imágenes de Adobe Experience Manager Assets. Información sobre cómo diseñar el contenido de su correo electrónico en esta sección.
- Codifique o pegue HTML sin procesar directamente en el diseñador de correo electrónico. Información sobre cómo codificar su propio contenido en esta sección.
  
  NOTE
  En una campaña, también puede seleccionar el botón Editor de código del Editar contenido en el Navegador. Más información
- Importe contenido de HTML existente desde un archivo o una carpeta .zip. Obtenga información sobre cómo importar contenido de correo electrónico en esta sección.
- Seleccione un contenido existente de una lista de plantillas integradas o personalizadas. Aprenda a trabajar con plantillas de correo electrónico esta sección.
Una vez definido y personalizado el contenido del correo electrónico, puede exportar el contenido para su validación o para utilizarlo posteriormente. Haga clic en HTML de exportación para guardar en su equipo un archivo zip que incluirá su HTML y sus recursos.

Vídeotutoriales

Aprenda a crear contenido de correo electrónico con el editor de mensajes.

Aprenda a configurar experimentos de contenido para realizar pruebas A/B y explorar el contenido de correo electrónico que mejor impulsa sus objetivos empresariales.