Compartir a través de

Utilice controles HTML mejorados e importe fragmentos HTML

  • Artículo

Este artículo detalla cómo utilizar codificación en vivo y etiquetado de código personalizado en el editor de correo electrónico Customer Insights - Journeys.

Como especialista en marketing, desea enviar correos electrónicos atractivos y personalizados para sus clientes. A veces, es posible que necesite modificar el HTML o agregar código HTML personalizado para lograr características de diseño y opciones de diseño específicas. Sin embargo, editar el HTML o importar código HTML personalizado puede causar problemas de representación y mostrar diferencias entre varios clientes y dispositivos de correo electrónico. Para ayudarle a solucionar estos problemas, el editor de correo electrónico Customer Insights - Journeys incluye controles HTML mejorados que le permiten editar correos electrónicos en tiempo real y proteger su código personalizado del posprocesamiento.

Esta característica le permite:

  • Marcar una sección de un correo electrónico como personalizada y asegurarse de que no se produzcan cambios posteriores al procesamiento ni a la representación.
  • Codifique en HTML y vea los cambios inmediatamente en el correo electrónico.
  • Importe código HTML al editor de correo electrónico como una sección personalizada.

Las siguientes secciones explican cómo utilizar la función de controles HTML mejorados en el editor de correo electrónico y describen sus ventajas y limitaciones.

Nota

Tenga en cuenta que cuando crea una sección personalizada, se pierde cualquier soporte de renderizado.

Habilitar los controles de HTML mejorados

Para activar o desactivar esta característica:

  1. Vaya a Configuración>Información general>Cambios de características.
  2. Habilite o Deshabilite los controles HTML mejorados en la sección Editor de correo electrónico.

Cómo usar los controles de HTML mejorados

Nota

Para obtener la mejor experiencia, mueva el acople a la parte inferior de la página, como se muestra a continuación. Utilice el acople en la parte inferior de la página para una mejor experiencia.

Para marcar secciones de un correo electrónico como personalizadas, debe utilizar la característica Marcar sección como personalizada. Esta función le permite indicar que ciertas partes del correo electrónico no deben modificarse mediante posprocesamiento y deben conservar su comportamiento de representación original. También puedes seleccionar cualquier sección del correo electrónico y editar el código HTML directamente en el editor de código.

Para utilizar la función de etiquetado de código personalizado, siga estos pasos:

  1. Seleccione la sección del correo electrónico que quiera marcar como personalizado.

  2. Seleccione el botón Marcar sección como personalizada en la esquina superior izquierda de la ventana del editor HTML.

    Captura de pantalla de la función de etiquetado de código personalizado

  3. Vea el código seleccionado empaquetado con las etiquetas de código personalizadas en el editor de código y el código marcado resaltado con un borde verde en la vista previa en vivo de su correo electrónico y en la ventana HTML.

Para importar un fragmento de código HTML, seleccione Importar fragmento de código en la parte superior de la ventana del editor HTML. Esto abre una ventana donde puede importar un fragmento de código que puede usar en sus correos electrónicos.

Para insertar un fragmento de código en su correo electrónico, siga estos pasos:

  1. Seleccione la sección en la que quiere importar el código.

  2. Seleccione el botón Importar fragmento de código en la ventana del editor HTML.

    Captura de pantalla de la función de importar su propio código

  3. Vea el fragmento de código agregado al editor HTML y la vista previa en vivo de su correo electrónico resaltada con un borde verde en la vista previa en vivo de su correo electrónico y en la ventana HTML.

Beneficios y limitaciones de la función de controles HTML mejorados

La función de controles HTML mejorados proporciona varios beneficios para los especialistas en marketing que desean utilizar código HTML personalizado en sus correos electrónicos. Algunas de las ventajas son:

  • Simplifica el proceso de creación de correo electrónico al permitirle codificar y obtener una vista previa de sus correos electrónicos en tiempo real.
  • Le da más control sobre cómo muestra la información y cómo se representa en todos los dispositivos y clientes de correo electrónico.
  • Protege su código personalizado del posprocesamiento y garantiza que se muestre según lo previsto.
  • Reduce la necesidad de herramientas y servicios externos para editar y probar sus correos electrónicos.
  • Le ayuda a evitar problemas de renderizado y tickets de soporte al proporcionarle un editor HTML fácil de usar.

Sin embargo, la función de controles HTML mejorados también tiene algunas limitaciones que debes tener en cuenta. Algunas de las limitaciones son:

  • Al marcar la sección como personalizada, se deshabilitará todo el procesamiento de compatibilidad del cliente de correo electrónico y deberá probar sus correos electrónicos antes de enviarlos.
  • No admite contenido dinámico ni tokens de personalización. Es posible que estas funciones no se muestren correctamente o causen errores en el cliente de correo electrónico.

Debe utilizar la función de controles HTML mejorados con precaución y seguir las mejores prácticas para crear correos electrónicos con código HTML personalizado.