Añadir fragmentos visuales a los correos electrónicos use-visual-fragments

En esta página: Aprenda a insertar fragmentos visuales reutilizables en sus correos electrónicos, personalizar sus campos editables y romper o mantener su herencia con el fragmento original.

Un fragmento es un componente reutilizable al que se puede hacer referencia en uno o varios correos electrónicos en campañas de Journey Optimizer, recorridos o plantillas de contenido. Esta funcionalidad permite crear previamente varios bloques de contenido personalizados que los usuarios de marketing pueden utilizar para ensamblar rápidamente el contenido del correo electrónico en un proceso de diseño mejorado. Aprenda a crear y administrar fragmentos.

➡️ Aprenda a administrar, crear y usar fragmentos en este vídeo

Usar un fragmento use-fragment

Para utilizar un fragmento en un correo electrónico, siga los pasos a continuación.

NOTE
Puede añadir hasta 30 fragmentos en una entrega determinada. Los fragmentos solo se pueden anidar hasta 1 nivel.
  1. Abra cualquier contenido de correo electrónico o plantilla con Email Designer.

  2. Seleccione el icono Fragmentos del carril izquierdo.

  3. Se muestra la lista de todos los fragmentos visuales creados en la zona protegida actual. Se ordenan por fecha de creación: los fragmentos visuales añadidos recientemente se muestran primero en la lista. Puede hacer lo siguiente:

    • Busque un fragmento específico escribiendo su etiqueta.
    • Ordene los fragmentos en orden ascendente o descendente.
    • Cambie la forma en que se muestran los fragmentos (tarjetas o vista de lista).
    • Actualice la lista.
    note
    NOTE
    Si se han modificado o agregado fragmentos mientras edita el contenido, la lista se actualizará con los cambios más recientes.
  4. Arrastre y suelte cualquier fragmento de la lista en el área en la que desee insertarlo.

    note caution
    CAUTION
    Puede agregar cualquier fragmento de Borrador o Activo al contenido. Sin embargo, no podrá activar su recorrido o campaña si se está utilizando un fragmento con el estado Borrador. En el momento de la publicación del recorrido o de la campaña, los fragmentos de borrador mostrarán un error y deberá aprobarlos para poder publicarlos.
  5. Al igual que cualquier otro componente, puede mover el fragmento por el contenido.

  6. Seleccione el fragmento para mostrar el panel correspondiente a la derecha. Desde allí, puede eliminar el fragmento del contenido o duplicarlo. También puede realizar estas acciones directamente desde el menú contextual que se muestra sobre el fragmento.

  7. En la ficha Configuración, puede:

    • Elija los dispositivos en los que desea que se muestre el fragmento.
    • Abra el fragmento en una nueva pestaña y edítelo si es necesario. Más información
    • Explore las referencias. Más información
  8. Si es necesario, puede romper la herencia con el fragmento original. Más información

    Una vez desbloqueado, puede personalizar aún más el fragmento como cualquier otro componente y utilizar la pestaña Estilos.

  9. Agregue tantos fragmentos como desee y guarde sus cambios.

Administración de contenido condicional en fragmentos fragment-dynamic-content

Cuando trabaje con fragmentos visuales que contengan contenido condicional, siga estas directrices. Más información sobre el contenido dinámico

CAUTION
No se admite el anidamiento de fragmentos con contenido condicional. No puede colocar un fragmento que contenga contenido condicional dentro de un fragmento desbloqueado que también contenga contenido condicional. Esta configuración no admitida puede provocar lo siguiente:
  • Pérdida de asignaciones de variante de contenido condicional
  • Advertencias del modo de compatibilidad en el Designer de correo electrónico
  • Renderización incoherente del correo electrónico

Estructurar correctamente el correo electrónico: Cuando utilice varios fragmentos con contenido condicional, agregue cada fragmento directamente a su propio bloque de estructura en el nivel de correo electrónico. Evite anidar fragmentos con contenido condicional dentro de otros fragmentos desbloqueados que también tengan contenido condicional.

Planifique con anticipación: Antes de agregar fragmentos a su correo electrónico, identifique cuáles contienen contenido condicional y planifique su diseño en consecuencia. Esto ayuda a evitar problemas de configuración y garantiza una estructura limpia desde el principio.

Diseñe fragmentos reutilizables con cuidado: Cuando cree fragmentos que incluirán contenido condicional, considere cómo se utilizarán. Si un fragmento necesita estar anidado dentro de otros fragmentos, evite añadir contenido condicional a los fragmentos principal y secundario.

Solución de problemas: Si experimenta la pérdida de asignaciones de variantes de contenido condicional o advertencias de modo de compatibilidad, siga los pasos a continuación.

  • Compruebe la estructura de su correo electrónico en busca de fragmentos anidados que contengan contenido condicional
  • Reestructurar moviendo cada fragmento con contenido condicional a su propio bloque de estructura en el nivel de correo electrónico
  • Guarde y compruebe que las variantes de contenido condicional se restauran correctamente
NOTE
Si un fragmento utiliza contenido dinámico y su estado predeterminado está vacío, puede aparecer en blanco cuando se añada a un correo electrónico en la Designer de correo electrónico. Este es el comportamiento esperado: el sistema utiliza la variante predeterminada como alternativa para garantizar la coherencia. Para obtener una vista previa del contenido real, simule su correo electrónico con un perfil que cumpla las condiciones definidas en las reglas de contenido dinámico del fragmento.

Uso de variables implícitas implicit-variables-in-fragments

Las variables implícitas mejoran la funcionalidad de fragmento existente para mejorar la eficacia en los casos de uso de reutilización de contenido y scripts. Los fragmentos pueden utilizar variables de entrada y crear variables de salida utilizables en el contenido de la campaña y del recorrido.

Aprenda a utilizar variables implícitas en esta sección.

Personalizar campos editables customize-fields

Si ciertas partes del fragmento seleccionado se han hecho editables, puede anular su valor predeterminado después de agregar el fragmento al contenido. Aprenda a personalizar un fragmento

Para personalizar campos editables en un fragmento utilizado en un correo electrónico, siga estos pasos.

  1. Agregue un fragmento personalizable al contenido del correo electrónico y selecciónelo para abrir el panel Fragmento en el lado derecho.

  2. Todos los campos editables del fragmento se muestran en la ficha Configuración, en las propiedades del fragmento.

    En el ejemplo siguiente, se puede editar el origen de la imagen y el texto alternativo, así como los campos “Título”/“Subtítulo” y la URL del botón “Más información”.

  3. Pase el ratón sobre cualquier campo editable del lienzo central. El campo se resalta en verde y aparece un icono de lápiz al hacer clic en el texto que contiene.

    {align="center" width="80%"}

  4. Edite el texto del campo en línea directamente en el lienzo central de Designer de correo electrónico.

    note
    NOTE
    Para localizar fácilmente los campos editables en el contenido, también puede seleccionarlos en el panel derecho, pero solo puede editar estos campos en el lienzo central.
  5. Para los componentes Texto, Botón y Html, la barra de herramientas de Designer de correo electrónico también proporciona acceso a las opciones de formato de texto enriquecido: negrita, cursiva, hipervínculos, etc.

    Opciones de formato de texto enriquecido en la barra de herramientas de Designer de correo electrónico

    note tip
    TIP
    Los fragmentos creados antes de que se introdujera la capacidad de edición de texto enriquecido tienen campos editables configurados en modo de solo texto de forma predeterminada. Para habilitar las opciones de formato completas, ve al editor de fragmentos con el botón Abrir fragmento, haz clic en Habilitar para desbloquear el modo de texto enriquecido y Guardar el fragmento. Más información

    Advertencia de compatibilidad en el Designer de correo electrónico {align="left" width="50%" modal="regular"}

  6. Puede hacer clic en Simular contenido para ver cómo se representan el contenido editable y el estilo. Más información sobre la vista previa del contenido

CAUTION
Cuando la etiqueta y la URL de un componente de botón se hacen editables en un fragmento, los informes de seguimiento muestran la URL en lugar de la etiqueta de botón. Más información sobre el seguimiento

Romper herencia break-inheritance

Al editar un fragmento visual, los cambios se sincronizan. Se propagan automáticamente a todos los recorridos o campañas en borrador o activos y a las plantillas de contenido que contengan ese fragmento.

Cuando se añaden a un correo electrónico o a una plantilla de contenido, los fragmentos se sincronizan de forma predeterminada. Sin embargo, puede romper la herencia del fragmento original. En ese caso, el contenido del fragmento se copia en el diseño actual y los cambios ya no se sincronizan.

Para interrumpir la herencia, siga los pasos a continuación:

  1. Seleccione el fragmento.

  2. Haga clic en el icono de desbloqueo de la barra de herramientas contextual.

  3. Ese fragmento se convierte en un elemento independiente que ya no está vinculado al fragmento original. Edítela como cualquier otro componente de contenido en el contenido. Más información

Fragmentos bloqueados locked-fragments

Si el fragmento estaba bloqueado por su autor, el icono de desbloqueo aparece atenuado y no se puede utilizar para interrumpir la herencia.

Los fragmentos bloqueados permanecen sincronizados dondequiera que aparezcan, lo que evita ediciones locales que podrían romper los estándares de marca o los requisitos de cumplimiento.

Aprenda a bloquear un fragmento en esta sección.

NOTE
El autor del fragmento puede cambiar la configuración más adelante para usos futuros restableciendo su comportamiento en Permitir que se rompa la herencia en la configuración del fragmento.
AI Knowledge Reference

This section contains structured knowledge intended to support interpretation, retrieval, and question answering related to this topic.

For complete understanding, this information should be combined with the documentation on this page. Neither source is intended to stand alone; the page describes the feature, while this section provides additional context that helps disambiguate terminology, intent, applicability, and constraints.

  • TL;DR: This page explains how to insert reusable visual fragments into emails, customize their editable fields, manage conditional content in fragments, and break or keep their inheritance with the original fragment.

Intents:

  • Insert a reusable visual fragment into an email or content template using the Email Designer
  • Search, sort, and display the visual fragments available on the current sandbox
  • Customize the editable fields of a customizable fragment
  • Manage conditional (dynamic) content when using visual fragments
  • Break or keep the inheritance between a fragment instance and the original fragment
  • Use implicit input and output variables in fragments

Glossary:

  • Visual fragment: A reusable component that can be referenced in one or more emails across Journey Optimizer campaigns, journeys, or content templates (product-specific)
  • Break inheritance: Copying the fragment content into the current design so changes are no longer synchronized with the original fragment (product-specific)
  • Locked fragment: A fragment locked by its author whose unlock icon is greyed out, so inheritance cannot be broken and it remains synchronized everywhere it appears (product-specific)
  • Editable fields: Portions of a fragment made editable, whose default value can be overridden after adding the fragment to content (product-specific)
  • Implicit variables: Input variables fragments can use and output variables they can create, usable in campaign and journey content (product-specific)
  • Simulate content: Action to see how the editable content and styling render; also used to preview a fragment’s actual dynamic content with a profile that meets its conditions (product-specific)

Guardrails:

  • You can add up to 30 fragments in a given delivery.
  • Fragments can only be nested up to 1 level.
  • Nesting fragments with conditional content is not supported: you cannot place a fragment containing conditional content inside an unlocked fragment that also contains conditional content (can cause loss of conditional content variant mappings, compatibility mode warnings, and inconsistent email rendering).
  • You can add any Draft or Live fragment to your content, but you cannot activate the journey or campaign if a fragment with Draft status is used in it; at publication, draft fragments show an error and must be approved.
  • If a fragment uses dynamic content and its default state is empty, it may appear blank in the Email Designer; the system uses the default variant as a fallback.
  • When both the label and URL of a button component are made editable in a fragment, tracking reports show the URL instead of the button label.
  • Locked fragments cannot have their inheritance broken (unlock icon greyed out) and remain synchronized everywhere they appear.
  • Fragments created before the rich-text editing capability was introduced have editable fields set to text-only mode by default until rich-text mode is enabled.

Terminology:

  • Canonical name: visual fragment — Acronym: n/a — variants: fragment, customizable fragment, locked fragment
  • Synonyms: “break the inheritance” = “break inheritance”
  • Do not confuse: “Draft” fragment status ≠ “Live” fragment status
  • Do not confuse: synchronized fragment (inheritance kept, changes propagated) ≠ fragment with broken inheritance (content copied, changes not synchronized)
  • Do not confuse: “Allow inheritance to be broken” (author setting to permit breaking) ≠ locked fragment (inheritance cannot be broken)

FAQ:

  • Q: How many fragments can I add to a delivery? — Up to 30 fragments in a given delivery.
  • Q: How deeply can fragments be nested? — Fragments can only be nested up to 1 level.
  • Q: Can I use a Draft fragment in my content? — Yes, you can add any Draft or Live fragment, but you cannot activate the journey or campaign while a Draft fragment is used; draft fragments show an error at publication and must be approved.
  • Q: Can I nest fragments that contain conditional content? — No. Nesting fragments with conditional content is not supported and can cause loss of variant mappings, compatibility mode warnings, and inconsistent email rendering.
  • Q: Why does my fragment appear blank in the Email Designer? — If the fragment uses dynamic content and its default state is empty, it may appear blank because the system uses the default variant as a fallback; simulate the email with a profile that meets the fragment’s dynamic content conditions to preview the actual content.
  • Q: What happens when I break inheritance? — The fragment content is copied into the current design, it becomes a standalone element no longer linked to the original fragment, and changes are no longer synchronized.
  • Q: Why can I not break the inheritance of a fragment? — It may be a locked fragment, whose unlock icon is greyed out; the author can later reset its behavior to Allow inheritance to be broken.
recommendation-more-help
journey-optimizer-help