Componente de segmentação de email

Última atualização em 2023-05-20
  • Criado para:
  • Developer
    Admin
    User

O Componente de segmentação de email usa variáveis do Adobe Campaign para exibir e ocultar o conteúdo com base no seu destinatário.

Uso

O Componente de segmentação de email permite que o autor de conteúdo oculte e exiba conteúdo com base nas condições das variáveis do destinatário, que são fornecidas pelo Adobe Campaign. Dessa forma, os destinatários visualizam o conteúdo com base em sua segmentação.

  • O autor do modelo pode usar a caixa de diálogo de design para definir quais componentes podem ser adicionados como segmentos.
  • O autor de conteúdo pode usar a caixa de diálogo de configuração para adicionar componentes como segmentos e configurar quais segmentos serão exibidos com base nas variáveis do Adobe Campaign.

Como alternativa ao uso da caixa de diálogo de configuração, depois que o autor de conteúdo tiver adicionado o Componente de segmentação de email a uma página de conteúdo, ele poderá arrastar e soltar componentes adicionais nos Componentes de segmentação de email para criar novos segmentos.

Versão e compatibilidade

A versão atual do Componente de segmentação de email é a v1, introduzida com a versão x dos Componentes principais de email em outubro de 2022, e está descrita neste documento.

A tabela a seguir detalha todas as versões compatíveis do componente, as versões do AEM com as quais as versões do componente são compatíveis e os links para a documentação das versões anteriores.

Versão do componente AEM 6.5 AEM as a Cloud Service
v1 Compatível -

Detalhes técnicos

A documentação técnica mais recente sobre o Componente de teaser de email pode ser encontrada no GitHub.

Mais detalhes sobre o desenvolvimento dos Componentes principais podem ser encontrados na documentação do desenvolvedor dos Componentes principais.

Caixa de diálogo de configuração

A caixa de diálogo de configuração permite que o autor de conteúdo crie, renomeie e reorganize os segmentos, além de possibilitar a definição do segmento ativo. No Componente de segmentação de email, um segmento é simplesmente outro componente que é ocultado ou exibido com base nas condições do destinatário do conteúdo. Você pode compará-lo ao Componente de guia dos Componentes principais; no entanto, no caso do Componente de segmentação, somente o conteúdo da guia cujas condições são atendidas é exibido.

Guia Itens

Guia de itens da caixa de diálogo de configuração do Componente de segmentação de email

Use o botão Adicionar segmento para abrir o seletor de componentes e escolher qual componente será adicionado como um segmento. Após adicioná-lo, uma entrada é incluída na lista que contém os seguintes elementos:

DICA

Se a janela de visualização do conteúdo for reduzida para que a caixa de diálogo de edição entre em modo de tela cheia, o botão Adicionar ficará oculto. Os componentes ainda podem ser adicionados ao Componente de segmentação de email arrastando do navegador de componentes e soltando no Componente de segmentção de email, no editor de conteúdo.

Guia Propriedades

Guia de propriedades da caixa de diálogo de configuração do Componente de segmentação de email

  • ID - Essa opção permite controlar o identificador exclusivo do componente no HTML.
    • Caso deixado em branco, uma ID exclusiva é gerada automaticamente para você e pode ser encontrada ao inspecionar o conteúdo resultante.
    • Se um ID for especificado, é responsabilidade do autor garantir que ele seja exclusivo.
    • A alteração de ID pode afetar o CSS.

Guia Acessibilidade

Guia de acessibilidade da caixa de diálogo de configuração do Componente de segmentação de email

Na guia Acessibilidade, os valores podem ser definidos para rótulos de acessibilidade ARIA para o componente.

  • Rótulo - Valor de um atributo de rótulo ARIA para o componente

Guia Estilos

O Componente de segmentação de email é compatível com o Sistema de estilos do AEM.

Use o menu suspenso para selecionar os estilos que deseja aplicar ao componente. As seleções feitas na caixa de diálogo de edição têm o mesmo efeito das selecionadas na barra de ferramentas do componente.

Os estilos devem ser configurados para esse componente na caixa de diálogo de design para que a guia esteja disponível.

Selecionar painel

O autor de conteúdo pode usar a opção Selecionar painel na barra de ferramentas do componente para alternar e editar um segmento diferente, bem como para reorganizar facilmente os segmentos.

Ícone Selecionar painel

Após selecionar a opção Selecionar painel na barra de ferramentas do componente, os segmentos configurados são exibidos em uma lista suspensa.

  • A lista é ordenada pela disposição atribuída dos segmentos e é refletida na numeração.
  • O tipo de componente do segmento é exibido primeiro, seguido pela descrição do segmento com uma fonte mais clara.

Selecionar popover de painel

  • Tocar ou clicar em uma entrada na lista suspensa altera a exibição do editor deste segmento.
  • Os segmentos podem ser reorganizados no local usando as alças de arrastar.
OBSERVAÇÃO

Os segmentos são renderizados como guias no editor de página para mostrar que há várias opções para o conteúdo final. Essas guias não podem ser selecionadas pelo autor no editor de página. Use o painel de seleção para alternar entre segmentos exibidos.

Caixa de diálogo de design

A caixa de diálogo de design permite que o autor do modelo defina quais componentes podem ser adicionados como segmentos ao Componente de segmentação de email e escolha quais estilos personalizados estarão disponíveis para o autor de conteúdo.

Guia Componentes permitidos

A guia Componentes Permitidos é usada para definir quais componentes podem ser adicionados como segmentos ao Componente de segmentação de email pelo autor de conteúdo.

A guia Componentes permitidos funciona da mesma maneira que a guia de mesmo nome ao definir a política e as propriedades de um Container de layout no Editor de modelo.

Guia Estilos

O Componente de segmentação de email é compatível com o Sistema de estilos do AEM.

Guia Condições definidas

Usando a guia Condições definidas, o editor de modelo pode definir quais condições estarão disponíveis para o autor de conteúdo selecionar ao criar segmentos.

Guia Condições definidas da caixa de diálogo de design

Toque ou clique no botão Adicionar para criar novas condições.

  • Nome da condição do segmento - Uma descrição da condição
  • Condição de segmento - A condição atual que deve ser atendida, com base nas variáveis de personalização do Adobe Campaign
  • Remover - Toque ou clique para remover a condição
  • Reorganizar - Toque ou clique e arraste para reorganizar a ordem das condições

Nesta página