Adicionar fragmentos visuais a emails use-visual-fragments

Nesta página: saiba como inserir fragmentos visuais reutilizáveis em seus emails, personalizar os campos editáveis e interromper ou manter a herança com o fragmento original.

Um fragmento é um componente reutilizável que pode ser referenciado em um ou mais emails em campanhas, jornadas ou modelos de conteúdo do Journey Optimizer. Essa funcionalidade permite a pré-criação de vários blocos de conteúdo personalizados que podem ser usados por usuários de marketing para reunir rapidamente o conteúdo de email em um processo de design aprimorado. Saiba como criar e gerenciar fragmentos.

➡️ Saiba como gerenciar, criar e usar fragmentos neste vídeo

Usar um fragmento use-fragment

Para usar um fragmento em um email, siga as etapas abaixo.

NOTE
Você pode adicionar até 30 fragmentos em um determinado delivery. Os fragmentos só podem ser aninhados até um nível.
  1. Abra qualquer conteúdo de email ou modelo usando a Designer de email.

  2. Selecione o ícone Fragmentos no painel esquerdo.

  3. A lista de todos os fragmentos visuais criados na sandbox atual é exibida. Eles são classificados por data de criação: os fragmentos visuais adicionados recentemente são mostrados primeiro na lista. É possível:

    • Procure um fragmento específico começando digitando seu rótulo.
    • Classifique os fragmentos em ordem crescente ou decrescente.
    • Altere a forma como os fragmentos são exibidos (cartões ou exibição em lista).
    • Atualize a lista.
    note
    NOTE
    Se alguns fragmentos foram modificados ou adicionados enquanto você está editando o conteúdo, a lista será atualizada com as alterações mais recentes.
  4. Arraste e solte qualquer fragmento da lista na área em que deseja inseri-lo.

    note caution
    CAUTION
    Você pode adicionar qualquer fragmento do Rascunho ou do Live ao seu conteúdo. No entanto, você não poderá ativar sua jornada ou campanha se um fragmento com o status Rascunho estiver sendo usado nele. Na publicação do jornada ou da campanha, os fragmentos de rascunho mostrarão um erro e você precisará aprová-los para poder publicar.
  5. Como qualquer outro componente, é possível mover o fragmento no conteúdo.

  6. Selecione o fragmento para exibir o painel correspondente à direita. Nesse local, você pode excluir o fragmento do seu conteúdo ou duplicá-lo. Também é possível executar essas ações diretamente no menu contextual exibido na parte superior do fragmento.

  7. Na guia Configurações, é possível:

    • Escolha os dispositivos nos quais deseja que o fragmento seja exibido.
    • Abra o fragmento em uma nova guia e edite-o, se necessário. Saiba mais
    • Explorar referências. Saiba mais
  8. Se necessário, é possível quebrar a herança com o fragmento original. Saiba mais

    Depois de desbloqueado, você pode personalizar ainda mais o fragmento como qualquer outro componente e usar a guia Estilos.

  9. Adicione quantos fragmentos desejar e Salve suas alterações.

Gerenciar conteúdo condicional em fragmentos fragment-dynamic-content

Ao trabalhar com fragmentos visuais que contêm conteúdo condicional, siga estas diretrizes. Saiba mais sobre conteúdo dinâmico

CAUTION
Não há suporte para aninhamento de fragmentos com conteúdo condicional. Não é possível colocar um fragmento com conteúdo condicional dentro de um fragmento desbloqueado que também tenha conteúdo condicional. Essa configuração não suportada pode causar:
  • Perda de mapeamentos de variante de conteúdo condicional
  • Avisos sobre o modo de compatibilidade no Email Designer
  • Renderização de email inconsistente

Estruturar o email corretamente: Ao usar vários fragmentos com conteúdo condicional, adicione cada fragmento diretamente no próprio bloco de estrutura no nível do email. Evite aninhar fragmentos com conteúdo condicional dentro de outros fragmentos desbloqueados que também contêm conteúdo condicional.

Planeje com antecedência: Antes de adicionar fragmentos ao seu email, identifique quais contêm conteúdo condicional e planeje seu layout de acordo. Isso ajuda a evitar problemas de configuração e garante uma estrutura limpa desde o início.

Crie fragmentos reutilizáveis com cuidado: Ao criar fragmentos que incluirão conteúdo condicional, considere como eles serão usados. Se um fragmento precisar ser aninhado dentro de outros fragmentos, evite adicionar conteúdo condicional aos fragmentos principal e secundário.

Solução de problemas: se você perder mapeamentos de variantes de conteúdo condicional ou avisos de modo de compatibilidade, siga as etapas abaixo.

  • Verifique se há fragmentos aninhados com conteúdo condicional na estrutura de email
  • Reestruturar movendo cada fragmento com conteúdo condicional para o seu próprio bloco de estrutura no nível do email
  • Salve e verifique se as variantes de conteúdo condicional foram restauradas corretamente
NOTE
Se um fragmento usar conteúdo dinâmico e seu estado padrão estiver vazio, ele poderá aparecer em branco quando adicionado a um email no Designer de email. Esse é o comportamento esperado — o sistema usa a variante padrão como um fallback para garantir a consistência. Para visualizar o conteúdo real, simule seu email usando um perfil que atenda às condições definidas nas regras de conteúdo dinâmico do fragmento.

Usar variáveis implícitas implicit-variables-in-fragments

As variáveis implícitas aprimoram a funcionalidade existente do fragmento para melhorar a eficiência na reutilização de conteúdo e nos casos de uso de script. Os fragmentos podem usar variáveis de entrada e criar variáveis de saída utilizáveis no conteúdo da campanha e da jornada.

Saiba como usar variáveis implícitas em esta seção.

Personalizar campos editáveis customize-fields

Se determinadas partes do fragmento selecionado tiverem se tornado editáveis, você poderá substituir o valor padrão depois de adicionar o fragmento ao conteúdo. Saiba como tornar um fragmento personalizável

Para personalizar campos editáveis em um fragmento usado em um email, siga estas etapas.

  1. Adicione um fragmento personalizável ao seu conteúdo de email e selecione-o para abrir o painel Fragmento no lado direito.

  2. Todos os campos editáveis no fragmento são exibidos na guia Configurações, nas propriedades do fragmento.

    No exemplo abaixo, a fonte da imagem e o texto alternativo podem ser editados, bem como os campos “Título”/“Subtítulo” e o URL do botão “Mais informações”.

  3. Passe o mouse sobre qualquer campo editável na tela central. O campo é destacado em verde e um ícone de lápis é exibido ao clicar no texto que ele contém.

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

  4. Edite o texto do campo em linha diretamente na tela central do Designer de email.

    note
    NOTE
    Para localizar facilmente os campos editáveis no seu conteúdo, você também pode selecioná-los no painel direito, mas só pode editar esses campos na tela central.
  5. Para componentes de Texto, Botão e Html, a barra de ferramentas do Designer de Email também dá acesso a opções de formatação de rich text — negrito, itálico, hiperlinks e muito mais.

    Opções de formatação de rich text na barra de ferramentas do Designer de email

    note tip
    TIP
    Os fragmentos criados antes da introdução do recurso de edição de rich text têm campos editáveis definidos como modo somente texto por padrão. Para habilitar opções completas de formatação, vá para o editor de fragmentos usando o botão Abrir fragmento, clique em Habilitar para desbloquear o modo rich-text e Salvar o fragmento. Saiba mais

    Aviso de compatibilidade no Email Designer {align="left" width="50%" modal="regular"}

  6. Você pode clicar em Simular conteúdo para ver como o conteúdo editável e o estilo são renderizados. Saiba mais sobre a visualização de conteúdo

CAUTION
Quando o rótulo e a URL de um componente de botão se tornam editáveis em um fragmento, os relatórios de rastreamento mostram a URL em vez do rótulo do botão. Saiba mais sobre o rastreamento

Interromper herança break-inheritance

Ao editar um fragmento visual, as alterações são sincronizadas. Eles são propagados automaticamente para todos os rascunhos ou jornadas/campanhas ativas e modelos de conteúdo que contêm esse fragmento.

Quando adicionados a um email ou modelo de conteúdo, os fragmentos são sincronizados por padrão. No entanto, é possível quebrar a herança do fragmento original. Nesse caso, o conteúdo do fragmento é copiado para o design atual e as alterações não são mais sincronizadas.

Para interromper a herança, siga as etapas abaixo:

  1. Selecione o fragmento.

  2. Clique no ícone de desbloqueio na barra de ferramentas contextual.

  3. Esse fragmento se torna um elemento independente que não está mais vinculado ao fragmento original. Edite-o como qualquer outro componente de conteúdo em seu conteúdo. Saiba mais

Fragmentos bloqueados locked-fragments

Se o fragmento tiver sido bloqueado pelo autor, o ícone de desbloqueio ficará esmaecido e não poderá ser usado para interromper a herança.

Os fragmentos bloqueados permanecem sincronizados onde quer que apareçam, impedindo edições locais que poderiam quebrar os padrões da marca ou os requisitos de conformidade.

Saiba como bloquear um fragmento em esta seção.

NOTE
O autor do fragmento pode alterar a configuração posteriormente para usos futuros redefinindo seu comportamento para Permitir que a herança seja interrompida nas configurações do 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