[Disponibilidad limitada]{class="badge informative"}
Conversión de imágenes en plantillas de HTML image-to-html
Journey Optimizer le ayuda a acelerar en gran medida la creación de correos electrónicos al convertir diseños de imagen estáticos en plantillas de contenido de correo electrónico modulares y totalmente personalizables de HTML.
Al aprovechar la tecnología de IA generativa, una herramienta integrada analiza el diseño, la tipografía, los colores y los elementos visuales de la imagen y genera código HTML limpio y modular que mantiene la fidelidad del diseño a la vez que garantiza la editabilidad completa con Email Designer.
Esta capacidad sin código permite a los especialistas en marketing transformar recursos visuales de diseñadores gráficos o herramientas de diseño en plantillas de correo electrónico interactivas y editables que se pueden guardar y reutilizar en varios recorridos y campañas, sin necesidad de conocimientos técnicos.
Los principales beneficios son los siguientes:
- Más rápido que la codificación manual: el convertidor convierte las imágenes en HTML editable en minutos, para que pueda omitir el lento flujo de trabajo manual de HTML.
- No se necesitan habilidades técnicas: los especialistas en mercadotecnia pueden producir y ajustar plantillas sin soporte de diseño o desarrollo.
- Reutilizables en todas las campañas: guarde las plantillas en la biblioteca y utilícelas en cualquier recorrido o campaña.
- Se mantiene fiel al diseño: la salida coincide con el diseño y el estilo, a la vez que es totalmente compatible con el Designer de correo electrónico.
El convertidor de imagen a HTML es ideal para:
- Migración de la plataforma: ¿Está migrando desde otra plataforma de marketing por correo electrónico? Convierta sus diseños de correo electrónico existentes en plantillas de HTML preparadas para Journey Optimizer sin tener que volver a compilar desde cero.
- Conversión de maqueta de diseño: transforme maquetas de diseño de herramientas como Photoshop, Figma u otro software de diseño en plantillas de correo electrónico funcionales.
- Creación rápida de plantillas: genere plantillas de correo electrónico rápidamente para campañas en las que el tiempo sea importante sin esperar los recursos para desarrolladores.
- Creación de bibliotecas de plantillas: cree una biblioteca completa de plantillas compatibles con la marca que los integrantes del equipo que no sean técnicos puedan personalizar e implementar.
- Reducción de las dependencias técnicas: permita que los especialistas en marketing creen plantillas de correo electrónico e iteren de forma independiente, lo que acelera la ejecución de la campaña.
Mecanismos de protección y recomendaciones limitations
Tenga en cuenta las siguientes limitaciones al convertir imágenes a plantillas de contenido de HTML.
-
Interpretación de IA: La IA genera HTML basándose en la interpretación visual de su imagen. Los diseños complejos o inusuales pueden requerir ajustes manuales después de la conversión.
-
Precisión del texto: Mientras la IA intenta reconocer y reproducir el texto con precisión, compruebe siempre el contenido del texto y realice las correcciones necesarias.
-
Contenido dinámico: el proceso de conversión crea HTML estático basado en la imagen. Después de la conversión, debe agregar manualmente la personalización, el contenido dinámico y el seguimiento.
-
Diseños complejos: Es posible que los diseños muy complejos con capas complejas, formas inusuales o elementos no estándar no se conviertan a la perfección. Los diseños más simples generalmente arrojan mejores resultados.
-
Tiempo de procesamiento: El proceso de conversión puede tardar hasta 5 minutos según la complejidad y el tamaño de la imagen. El procesamiento de IA se produce en segundo plano, lo que le permite trabajar en otras tareas sin mantener la pantalla abierta. La plantilla se guarda automáticamente como borrador una vez completada la conversión.
-
Disponibilidad limitada: como característica de disponibilidad limitada, el conversor de imagen a HTML se mejora continuamente. La funcionalidad y la precisión pueden variar, y los comentarios ayudan a mejorar la función.
Conversión de una imagen en una plantilla de HTML convert-image
Para convertir un diseño de imagen en una plantilla de correo electrónico de HTML totalmente personalizable, siga los pasos a continuación.
-
Asegúrese de tener un archivo de imagen en formato JPEG o PNG que contenga su diseño de correo electrónico.
note note NOTE Para obtener los mejores resultados, utilice imágenes de alta calidad con elementos visuales claros y texto legible. Lo ideal es que las imágenes tengan entre 600 y 800 píxeles de ancho para coincidir con las dimensiones de correo electrónico estándar. -
Para acceder a la lista de plantillas de contenido, seleccione Administración de contenido > Plantillas de contenido en el menú de la izquierda.
-
Haga clic en Crear plantilla.
-
Complete los detalles de la plantilla, seleccione Correo electrónico como canal y haga clic en Crear.
-
En la sección Convertir imagen en plantilla, realice los siguientes pasos:
-
(Opcional) Si su organización tiene temas de marca definidos en Journey Optimizer, puede seleccionar un tema como entrada para que el HTML generado tenga un estilo acorde con los parámetros del tema de la marca. Más información sobre los temas
El estilo, como el color de fondo, el color del botón, las fuentes, el interlineado, los márgenes y el relleno, se aplicará a la plantilla generada, lo que reducirá el trabajo de diseño adicional y producirá una plantilla lista para usar con ediciones mínimas.
-
Para poder cargar una imagen, asegúrese de que no contenga información de identificación personal (PII) u otros datos confidenciales y marque la opción correspondiente para confirmar que ha revisado el archivo.
-
Haga clic en el botón Cargar imagen para seleccionar el archivo de imagen.
note caution CAUTION Al cargar una imagen para su conversión, todo el contenido añadido actualmente en el correo electrónico se eliminará y se reemplazará por la plantilla generada.
-
-
Después de seleccionar la imagen, haz clic en Abrir para iniciar el proceso de conversión con tecnología de IA.
note note NOTE El proceso de generación puede tardar hasta 5 minutos en función de la complejidad y el tamaño del diseño de la imagen. Puede salir de esta pantalla y trabajar en otras tareas mientras la conversión está en curso. -
Una vez completada la conversión, la plantilla de contenido se guarda automáticamente como borrador.
-
Haga clic en Editar cuerpo del correo electrónico. La plantilla convertida se abre en Email Designer con funciones de edición completas. Ahora puede:
- Revisar, editar contenido de texto y aplicar personalización
- Modificación de imágenes y adición de vínculos
- Ajuste de colores, fuentes y estilo
- Agregar, quitar o reorganizar componentes de contenido
- Aproveche todas las funciones de Email Designer como con cualquier otra plantilla
-
Realice los ajustes necesarios para perfeccionar la plantilla y adaptarla a las directrices de marca.
-
Cuando esté satisfecho con la plantilla, haga clic en Guardar.
La plantilla ya está disponible en la biblioteca de plantillas de contenido y se puede utilizar al crear correos electrónicos en recorridos o campañas. Aprenda a utilizar las plantillas de contenido
Prácticas recomendadas best-practices
Para obtener resultados óptimos al convertir imágenes a plantillas de contenido de HTML, siga estas recomendaciones.
- Guardar contenido existente: al convertir una imagen a HTML, se reemplazará todo el contenido existente en el correo electrónico. Guarde siempre el trabajo actual antes de utilizar esta función.
- Planifique el flujo de trabajo: use el convertidor de imagen a HTML al principio del proceso de creación del correo electrónico o asegúrese de que está listo para reemplazar todo el contenido actual.
- Resolución: Use imágenes de alta resolución (al menos 1200 px de ancho) para un mejor reconocimiento de texto y detección de elementos
- Claridad: Asegúrese de que el texto sea claramente legible y de que los elementos visuales estén bien definidos
- Anchura: diseñe imágenes con anchuras de correo electrónico estándar (600-800 px) para que coincidan con los requisitos habituales de los clientes de correo electrónico
- Formato de archivo: use el formato JPEG o PNG para evitar imágenes comprimidas o de baja calidad
- Diseño completo: incluya el diseño de correo electrónico completo en una sola imagen, de encabezado a pie de página
- Diseños simples: los diseños más simples y bien estructurados se convierten con mayor precisión que los diseños muy complejos
- Elementos estándar: utilice patrones de diseño de correo electrónico comunes (encabezado, secciones de cuerpo, CTA, pie de página).
- Legibilidad del texto: Asegúrese de que haya suficiente contraste entre el texto y los fondos
- Fuentes seguras para la Web: Los diseños que usan fuentes seguras para la Web comunes tendrán una mejor fidelidad
- Evite elementos superpuestos: Mantenga los elementos de diseño claramente separados para un mejor reconocimiento de la estructura
- Revise el borrador: una vez completada la conversión, la plantilla se guardará automáticamente como borrador. Tómese tiempo para revisar cuidadosamente la HTML generada para comprobar su precisión
- Realizar pruebas exhaustivas: probar el correo electrónico en distintos clientes y dispositivos de correo electrónico
- Refinar manualmente: realice los ajustes necesarios mediante las funciones de edición completas de Designer de correo electrónico
- Alineación de marca: compruebe que los colores, las fuentes y el estilo coinciden con las directrices de marca
- Personalization: agregue contenido dinámico y tokens de personalización según sea necesario
- Accesibilidad: revise y mejore las características de accesibilidad si es necesario