DocumentaçãoJourney OptimizerGuia do Journey Optimizer

Fragmentos personalizáveis customizable-fragments

Last update: Thu Nov 13 2025 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Tópicos:

Criado para:

  • Iniciante
  • Intermediário
  • Usuário

Quando os fragmentos são usados em uma campanha ou ação de jornada, eles são bloqueados por padrão devido à herança. Isso significa que quaisquer alterações feitas em um fragmento são propagadas automaticamente para todas as campanhas e jornadas em que o fragmento é usado.

Com fragmentos personalizáveis, campos específicos dentro de um fragmento podem ser definidos como editáveis quando o fragmento é adicionado a uma campanha ou ação de jornada. Por exemplo, suponha que você tenha um fragmento com um banner, texto e botão. Você pode designar determinados campos, como imagem ou URL de destino do botão, como editáveis. Isso permite que os usuários modifiquem esses elementos quando incorporam o fragmento em sua campanha ou jornada, fornecendo uma experiência personalizada sem afetar o fragmento original.

Fragmentos personalizáveis eliminam a necessidade de interromper a herança do fragmento, que anteriormente impedia que as alterações centralizadas no nível do fragmento fossem propagadas para as campanhas e jornadas. Essa abordagem permite que partes do conteúdo sejam ajustadas no momento do uso, oferecendo a flexibilidade de substituir valores padrão por detalhes específicos do contexto.

Ao aproveitar fragmentos personalizáveis, você pode gerenciar e personalizar seu conteúdo com eficiência sem criar blocos de conteúdo totalmente novos ou interromper a herança do fragmento original. Isso garante que as alterações feitas no nível do fragmento ainda sejam propagadas, permitindo a personalização necessária no nível da campanha ou da jornada.

Os fragmentos visuais e de expressão podem ser marcados como personalizáveis. Para obter instruções detalhadas sobre como proceder com cada tipo de fragmento, consulte as seções abaixo.

Adicionar campos editáveis a fragmentos visuais visual

Para tornar partes de um fragmento visual editáveis, siga estas etapas:

NOTE
Campos editáveis podem ser adicionados aos componentes imagem, texto e botão. Para componentes do HTML, os campos editáveis são adicionados usando o editor de personalização, semelhante aos fragmentos de expressão. Saiba como adicionar campo editável em componentes do HTML e fragmentos de expressão

  1. Abra a tela de edição de conteúdo do fragmento.

  2. Selecione o componente no fragmento onde deseja configurar campos editáveis.

  3. O painel de propriedades do componente é aberto no lado direito. Selecione a guia Campos editáveis e alterne a opção Habilitar edição.

  4. Todos os campos que podem ser editados para o componente selecionado são listados no painel. Os campos disponíveis para edição dependem do tipo de componente selecionado.

    No exemplo abaixo, permitimos a edição do URL do botão "Clique aqui".

  5. Clique em Visão geral para verificar todos os campos editáveis e seus valores padrão.

    Neste exemplo, o campo URL do botão é exibido com o valor padrão definido no componente. Esse valor será personalizável pelos usuários depois de adicionarem o fragmento ao conteúdo.

  6. Quando estiver pronto, salve as alterações para atualizar o fragmento.

  7. Depois de adicionar o fragmento em um email, os usuários poderão personalizar todos os campos editáveis configurados no fragmento. Saiba como personalizar campos editáveis em um fragmento visual

Adicionar campos editáveis a componentes do HTML e fragmentos de expressão expression

Para tornar editáveis partes de um componente do HTML ou de um fragmento de expressão, é necessário usar uma sintaxe específica no editor de expressão. Isso envolve declarar uma variável com um valor padrão que os usuários podem substituir após adicionar o fragmento ao seu conteúdo.

Por exemplo, suponha que você queira criar um fragmento para adicionar aos emails e permitir que os usuários personalizem uma cor específica usada em locais diferentes, como quadros ou cores de fundo dos botões. Ao criar o fragmento, é necessário declarar uma variável com uma ID exclusiva, por exemplo, "cor", e chamá-la nos locais desejados no conteúdo do fragmento onde deseja aplicar essa cor. Ao adicionar o fragmento ao conteúdo, os usuários poderão personalizar a cor usada sempre que a variável for referenciada.

Para componentes do HTML, somente elementos específicos podem se tornar campos editáveis. Expanda a seção abaixo para obter mais informações.

Elementos editáveis em componentes do HTML:

Os elementos abaixo podem se tornar campos editáveis em um componente do HTML:

  • Uma parte do texto
  • Um URL completo para link ou imagem (não funciona com parte de um URL)
  • Propriedade CSS inteira (não funciona com a propriedade parcial)

Por exemplo, no código abaixo, cada elemento destacado em vermelho pode se tornar uma propriedade:

{width="70%"}

Para declarar uma variável e usá-la no fragmento, siga estas etapas:

  1. Abra o fragmento de expressão e edite o conteúdo no editor de personalização.

    Para componentes do HTML, selecione o componente no fragmento e clique no botão Mostrar o código-fonte.

  2. Declarar a variável que você deseja que os usuários editem. Navegue até o menu Funções auxiliares no painel de navegação esquerdo e adicione a função auxiliar embutida. A sintaxe a ser declarada e chamada para a variável é adicionada automaticamente no conteúdo.

  3. Substitua "name" por uma ID exclusiva para identificar o campo editável.

    note note
    NOTE
    A ID do campo deve ser exclusiva e não deve ter espaços. Essa ID deve ser usada em qualquer lugar no conteúdo onde você deseja exibir o valor da variável.

  4. Adapte a sintaxe de acordo com suas necessidades adicionando parâmetros detalhados na tabela abaixo:

    table 0-row-3 1-row-3 2-row-3 3-row-3 4-row-3
    Ação Parâmetro Exemplo
    Declarar um campo editável com um valor padrão. Ao adicionar o fragmento ao conteúdo, esse valor padrão será usado se você não personalizá-lo. Adicione o valor padrão entre as tags em linha. {{#inline "editableFieldID"}}default_value{{/inline}}
    Defina um rótulo para o campo editável. Esse rótulo será exibido no Designer de email ao editar os campos do fragmento. name="title" {{#inline "editableFieldID" name="title"}}default_value{{/inline}}
    Declare um campo editável contendo uma origem da imagem que precisa ser publicada. assetType="image" {{#inline "editableFieldID" assetType="image"}}default_value{{/inline}}
    Declarar um campo editável contendo um URL que precisa ser rastreado.
    Observe que os blocos predefinidos de "URL da mirror page" e "Cancelar inscrição do link" não podem se tornar campos editáveis.    		 assetType="url" {{#inline "editableFieldID" assetType="url"}}default_value{{/inline}}

  5. Use a sintaxe {{{name}}} no código em todos os locais onde deseja exibir o valor do campo editável. Substitua name pela ID exclusiva do campo definido anteriormente.

  6. Salve e publique o fragmento.

Ao adicionar o fragmento ao conteúdo de email, os usuários agora podem substituir os valores padrão das variáveis pelos valores escolhidos:

Exemplo de fragmento de expressão editável  example

No exemplo abaixo, estamos criando um fragmento de expressão que apresenta novas coleções de esportes. Por padrão, o fragmento exibe este conteúdo: Procurando mais? Não perca nossa última coleção de esportes!

Queremos permitir que os usuários substituam "esportes" nesse conteúdo pelo esporte de sua escolha. Por exemplo: Procurando mais? Não perca nossa última coleção de ioga!

Para fazer isso:

  1. Declarar uma variável "sport" com a ID "sport".

    Por padrão, se os usuários não alterarem o valor da variável após adicionar o fragmento ao conteúdo, ele mostrará o valor definido entre as tags {{#inline}} e {{/inline}}, ou seja, "esportes".

  2. Adicione a sintaxe {{{sport}}} no conteúdo do fragmento em que deseja exibir o valor da variável, ou seja, "esportes" por padrão ou o valor escolhido pelos usuários.

  3. Ao adicionar o fragmento de expressão ao seu conteúdo, os usuários podem alterar o valor da variável com sua escolha diretamente no editor de expressão. Saiba como personalizar campos editáveis em um fragmento de expressão

Adicionar rich text a um fragmento personalizável rich-text

Rich text como quebras de linha, negrito, itálico, etc., podem ser adicionados a um fragmento editável usando componentes do HTML. Para isso, siga as etapas abaixo.

Criar um fragmento incluindo rich text add-rich-text

  1. Crie um fragmento visual e comece a adicionar componentes.

  2. Adicione um componente do HTML e abra o editor do HTML.

  3. Navegue até o menu Funções auxiliares no painel de navegação esquerdo e adicione a função auxiliar embutida.

  4. Substitua "name" pela ID que deseja usar para o conteúdo editável, por exemplo "EditableContent".

  5. Substitua render_content pelo código HTML correspondente ao conteúdo avançado padrão que você deseja. É possível adicionar negrito, itálico, quebras de linha, listas com marcadores etc.

  6. No mesmo componente do HTML, adicione outra função auxiliar inline para seus elementos de estilo.

  7. Substitua "name" e render_content pela ID e pelo código HTML correspondentes ao estilo padrão desejado.

  8. Salve o conteúdo. Os campos editáveis selecionados são exibidos no lado direito.

  9. Salve e publique o fragmento.

Usar fragmentos editáveis de rich text use-rich-text

Ao adicionar o fragmento ao conteúdo de email, os usuários agora podem editar o conteúdo rich text e o estilo criados por você. Para usar fragmentos editáveis de rich text como profissional de marketing, siga as etapas abaixo.

  1. Crie um email em uma campanha ou jornada e adicione o fragmento com rich text que foi criado.

    Você pode ver os dois campos editáveis criados no lado direito.

  2. 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

  3. Selecione o ícone Adicionar personalização ao lado de um dos campos editáveis.

  4. No editor de personalização que é aberto, atualize o estilo e/ou conteúdo conforme desejado adicionando ou removendo elementos do campo editável.

recommendation-more-help
b22c9c5d-9208-48f4-b874-1cefb8df4d76