Fragmentos
Um fragmento é um componente reutilizável que pode ser referenciado em um ou mais emails e modelos de email no Adobe Journey Optimizer B2B Edition. Geralmente, é um bloco de conteúdo (texto, imagem ou ambos) que pode ser pré-criado e inserido rapidamente em um email ou modelo de email. Com essa funcionalidade, você pode pré-criar vários blocos de conteúdo personalizados para serem usados pelos membros da equipe de marketing para montar conteúdo de email a fim de oferecer um processo de design aprimorado. Casos de uso comuns incluem blocos de conteúdo de cabeçalho/rodapé para email, banners para convites de eventos e saudações sazonais.
Para aproveitar ao máximo os fragmentos em seus workflows:
- Criar seus próprios fragmentos - Crie fragmentos visuais, do zero ou salvando o conteúdo como um fragmento do editor de conteúdo visual.
- Reutilizar fragmentos - Use-os quantas vezes forem necessárias em seu conteúdo.
Fragmentos visuais
Fragmentos visuais são blocos visuais predefinidos criados usando o editor de conteúdo visual, que podem ser reutilizados em vários emails ou modelos de email. O escopo atual do Journey Optimizer B2B Edition e esta documentação são somente os fragmentos visuais. Fragmentos baseados em expressão ainda não são compatíveis com o Journey Optimizer B2B Edition.
Acessar e gerenciar fragmentos
Para acessar fragmentos visuais no Adobe Journey Optimizer B2B Edition, vá para a navegação à esquerda e clique em Gerenciamento de Conteúdo > Fragmentos. Essa ação abre uma página de listagem com todos os fragmentos criados na instância listada em uma tabela.
{width="700" modal="regular"}
A tabela é classificada pela coluna Modificado, com os fragmentos atualizados mais recentemente na parte superior por padrão. Clique no título da coluna para alterar entre crescente e decrescente.
Status do fragmento e ciclo de vida
O status do fragmento determina sua disponibilidade para uso em um email ou modelo de email e as alterações que você pode fazer nele.
Quando você cria um fragmento, ele está no status de rascunho. Ele permanece nesse status à medida que você define ou edita o conteúdo visual, até que você o publique para uso em um modelo de email ou de email. Ações disponíveis:
- Editar todos os detalhes
- Editar no designer visual
- Publicar
- Duplicar
- Excluir
Ao publicar um fragmento, ele fica disponível para uso em um email ou template de email. Um conteúdo de fragmento publicado não pode ser modificado no designer visual. Ações disponíveis:
- Edite a descrição
- Adicionar a um email ou modelo
- Criar versão de rascunho
- Duplicar
- Excluir (se não estiver em uso)
Ao criar um rascunho de um fragmento publicado, a versão publicada permanece disponível para uso em um modelo de email ou de email e o conteúdo do rascunho pode ser modificado no designer visual. Se você publicar a versão de rascunho, ela substituirá a versão publicada atual e o conteúdo será atualizado nos emails e templates de email em que está em uso. Ações disponíveis:
- Edite a descrição
- Adicionar a um email ou modelo
- Editar versão de rascunho no visual designer
- Versão de rascunho do Publish
- Duplicar
- Excluir (se não estiver em uso)
{width="800" modal="regular"}
Filtrar a lista de fragmentos
Para pesquisar um fragmento por nome, insira uma string de texto na barra de pesquisa para uma correspondência. Clique no ícone Filtro ( ) para mostrar as opções de filtro disponíveis e alterar as configurações para filtrar os itens exibidos de acordo com seus critérios especificados.
{width="700" modal="regular"}
Personalizar a exibição da coluna
Personalize as colunas que deseja exibir na tabela clicando no ícone Personalizar tabela ( ) na parte superior direita.
Na caixa de diálogo, selecione as colunas a serem exibidas e clique em Aplicar.
{width="300"}
Criar fragmentos
Você pode criar novos fragmentos visuais no Journey Optimizer B2B Edition clicando em Criar fragmento na parte superior direita.
-
Na caixa de diálogo Criar fragmento, insira um Nome e uma Descrição úteis (opcional).
Requisitos de fragmento:
-
Nome - Máximo de 100 caracteres; deve ser exclusivo, não diferencia maiúsculas de minúsculas
-
Descrição - Máximo de 300 caracteres
-
Alpha, caracteres numéricos e especiais são permitidos
-
Os caracteres reservados não são permitidos:
\ / : * ? " < > |
{width="400"}
-
-
Clique em Criar.
O designer visual é aberto com uma tela vazia.
-
Use as ferramentas de design de conteúdo para criar o conteúdo visual do fragmento:
-
Clique em Salvar a qualquer momento para salvar o fragmento de rascunho.
-
Quando estiver pronto para disponibilizar o fragmento para uso em um modelo de email ou email, clique em Publish.
Adicionar estrutura e conteúdo design-fragment
-
Para iniciar o design do conteúdo, arraste um item das Estruturas e solte-o na tela.
Adicione quantos itens de Estruturas forem necessários e edite as configurações para cada um no painel à direita.
note tip TIP Selecione o componente n:n coluna para definir o número de colunas de sua escolha (entre três e 10). Você também pode definir a largura de cada coluna movendo as setas abaixo dela. {width="800" modal="regular"}
Cada tamanho de coluna não pode ser menor que 10% da largura total do componente de estrutura. Somente colunas vazias podem ser removidas.
-
Expanda a seção Conteúdo e adicione quantos elementos forem necessários em um ou mais componentes da estrutura.
{width="800" modal="regular"}
-
Se necessário, você pode fazer personalizações adicionais para cada componente nas guias Configurações ou Estilo.
Por exemplo, é possível alterar o estilo do texto, o preenchimento ou a margem de cada componente.
-
Para adicionar conteúdo condicional e adaptar o conteúdo aos perfis direcionados com base em regras condicionais, selecione um componente de conteúdo e clique no ícone Habilitar conteúdo condicional na barra de ferramentas do componente.
Para obter mais informações, consulte Conteúdo condicional.
Adicionar ativos
No editor de conteúdo visual, selecione o ícone do Assets ( ) que é exibido à esquerda.
O exemplo a seguir descreve as etapas para adicionar ativos ao conteúdo do modelo:
-
Para abrir a biblioteca de ativos, clique no ícone Assets.
No seletor de ativos, você pode selecionar ativos diretamente armazenados na biblioteca de origem.
-
Adicione um novo ativo arrastando e soltando o ativo de imagem em um componente de estrutura.
{width="800" modal="regular"}
Para obter mais informações sobre como usar os ativos do seu tipo de origem, consulte Adicionar ativos ao seu conteúdo.
-
Substitua um ativo de imagem existente selecionando-o na tela e clique em Selecionar um ativo nas ferramentas de origem de imagem.
{width="600" modal="regular"}
Navegar pelas camadas, configurações e estilos
Conforme você trabalha com o conteúdo no designer visual, pode acessar as camadas/containers e elementos usando a árvore Navegação. Clique no ícone Navegação para exibir a árvore à esquerda da tela.
{width="800" modal="regular"}
O exemplo a seguir descreve as etapas para ajustar o preenchimento e o alinhamento vertical dentro de um componente de estrutura composto por colunas.
-
Selecione a coluna no componente de estrutura diretamente na tela ou usando a Árvore de navegação exibida à esquerda.
-
Na barra de ferramentas da coluna, clique na ferramenta Selecionar uma coluna e escolha a que deseja editar.
Também é possível selecioná-la na árvore de estrutura. Os parâmetros editáveis para essa coluna são exibidos nas guias Configurações e Estilos à direita.
{width="800" modal="regular"}
-
Para editar as propriedades da coluna, clique na guia Estilos à direita e altere-os de acordo com suas necessidades:
-
Para Plano de fundo, altere a cor do plano de fundo conforme necessário.
Desmarque a caixa de seleção para um plano de fundo transparente. Habilite a configuração Imagem de plano de fundo para usar uma imagem como plano de fundo em vez de uma cor sólida.
-
Para o Alinhamento, selecione o ícone Superior, Meio ou Inferior.
-
Para Preenchimento, defina o preenchimento para todos os lados.
Selecione Preenchimento diferente para cada lado se desejar ajustar o preenchimento. Clique no ícone Bloquear para interromper a sincronização.
-
Expanda a seção Avançado para definir estilos embutidos para a coluna.
{width="700" modal="regular"}
-
-
Se necessário, repita essas etapas para ajustar o alinhamento e o preenchimento das outras colunas no componente.
-
Salve as alterações.
Personalizar conteúdo
O Journey Optimizer B2B Edition usa uma sintaxe simples em linha que permite criar expressões com conteúdo personalizado delimitado por chaves duplas {}
. É possível adicionar várias expressões no mesmo conteúdo ou campo sem restrições.
Exemplos:
-
Hello {{profile.person.name.firstName}} {{profile.person.name.lastName}}
-
Hello {{profile.person.name.fullName}}
Ao processar a mensagem (email e SMS), o Journey Optimizer B2B Edition substitui a expressão pelos dados contidos no banco de dados Experience Platform. Assim, o primeiro exemplo torna-se Olá, John Doe.
O exemplo a seguir descreve as etapas para personalizar o conteúdo usando atributos de lead/conta e tokens de sistema.
-
Selecione o componente de texto e clique no ícone Adicionar personalização na barra de ferramentas.
{width="600"}
Esta ação abre a caixa de diálogo Editar Personalization.
-
Clique em + ou … para adicionar um token ao espaço em branco.
{width="700" modal="regular"}
-
Clique em Salvar.
Editar rastreamento de URL vinculado
-
Clique no ícone Links à esquerda para exibir todas as URLs do seu conteúdo a ser rastreado.
-
Se necessário, clique no ícone Editar (lápis) e modifique o Tipo de Rastreamento ou o Rótulo.
Você também pode adicionar Marcas para um link.
{width="500"}
Exibir detalhes do fragmento
Clique no nome de qualquer fragmento na página da lista para abrir a página de detalhes do fragmento. Você pode optar por editar o fragmento, renomear o fragmento ou atualizar a descrição do fragmento. Faça atualizações e clique fora do campo de nome ou descrição para salvar automaticamente as alterações.
{width="600" modal="regular"}
Clique em Editar fragmento para abrir o fragmento no editor de conteúdo visual.
Saia da exibição a qualquer momento clicando na seta Voltar na parte superior esquerda, que o retorna à página da lista Fragmentos.
Exibir fragmento usado por referências
Na página de detalhes do fragmento, clique na guia Usado por para exibir detalhes sobre onde o fragmento é usado atualmente no Journey Optimizer B2B Edition, em emails, modelos de email e fragmentos.
As referências são exibidas de acordo com a categoria: Email ou Modelo de email. Os emails no Journey Optimizer B2B Edition são incorporados e criados nas jornadas de conta, de modo que a jornada principal do email que usa o fragmento é exibida nas referências.
{width="600" modal="regular"}
Clique no link para abrir o email ou modelo de email correspondente onde o fragmento é usado.
Excluir fragmentos
Qualquer fragmento que esteja sendo usado atualmente por qualquer email ou modelo de email não pode ser excluído, portanto, verifique as referências usado por antes de iniciar a remoção de um fragmento. Além disso, uma remoção não pode ser desfeita, portanto, verifique antes de iniciar uma ação de exclusão.
É possível excluir um fragmento usando um dos seguintes métodos:
- Nos detalhes do fragmento à direita, clique em Excluir.
- Na página de listagem Fragmentos, clique nas reticências ao lado do fragmento e escolha Excluir.
Essa ação abre uma caixa de diálogo de confirmação. Você pode anular o processo clicando em Cancelar ou em Excluir para confirmar a exclusão.
{width="400"}
Se o fragmento estiver em uso no momento, a ação abrirá uma caixa de diálogo informativa que o alerta de que não pode ser excluído. Clique em OK, que anula a ação de exclusão.
{width="400"}
Editar fragmentos
As edições em um fragmento dependem do status atual:
- Quando um fragmento está no status Rascunho, é possível editar qualquer um de seus detalhes e o conteúdo visual.
- Quando um fragmento está no status Publicado, é possível editar a descrição do fragmento, mas não o nome. Não é possível editar o conteúdo visual.
- Quando um fragmento está no status Publicado com rascunho, a edição de detalhes fica limitada à descrição. Também é possível editar o conteúdo visual da versão de rascunho.
-
Na página de listagem Fragmentos, clique no nome do fragmento para abri-lo.
Uma visualização do conteúdo visual é exibida, com os detalhes do fragmento à direita.
-
Modifique quaisquer detalhes, como nome e descrição.
{width="600" modal="regular"}
-
Para fazer alterações no conteúdo no designer visual, clique em Editar fragmento.
Use as ferramentas do designer visual conforme necessário:
- Adicionar estrutura e conteúdo
- Adicionar o Assets
- Navegar pelas camadas, configurações e estilos
- Personalizar conteúdo
- Editar rastreamento de URL vinculado
Clique em Salvar ou Salvar e fechar para retornar aos detalhes do fragmento.
-
Quando o fragmento atender aos seus critérios e você quiser disponibilizá-lo para uso em um modelo de email ou email, clique em Publish.
-
Na página de listagem Fragmentos, clique no nome do fragmento para abri-lo.
Uma visualização do conteúdo visual é exibida, com os detalhes do fragmento à direita.
-
Modifique a descrição, se necessário.
Para um fragmento publicado, todos os outros detalhes não podem ser alterados.
-
Para atualizar o conteúdo, clique em Criar versão de rascunho na parte superior direita.
Clique em OK na caixa de diálogo para abrir a versão de rascunho no designer visual. Você pode alterar a origem da imagem, se necessário.
{width="300"}
Use as ferramentas do designer visual conforme necessário:
- Adicionar estrutura e conteúdo
- Adicionar o Assets
- Navegar pelas camadas, configurações e estilos
- Personalizar conteúdo
- Editar rastreamento de URL vinculado
Clique em Salvar ou Salvar e fechar para retornar aos detalhes do fragmento.
-
Quando o fragmento de rascunho atender aos seus critérios e você quiser disponibilizar as alterações para uso em um modelo de email ou email, clique em Publish.
Ao publicar a versão de rascunho, ela substitui a versão publicada atual e o conteúdo é atualizado nos emails e templates de email em que já está em uso.
Há duas maneiras de abrir a versão de rascunho para edição na página de listagem Fragmentos:
-
Clique no ícone Mais (…) ao lado do nome do fragmento e escolha Abrir versão de rascunho.
{width="300"}
-
Clique no nome do fragmento para abri-lo. Em seguida, clique em Abrir versão de rascunho na parte superior direita.
Uma visualização do conteúdo visual da versão de rascunho é exibida, com os detalhes do fragmento à direita.
Para atualizar o conteúdo:
-
Clique em Editar fragmento na parte superior direita. Use as ferramentas do designer visual conforme necessário:
- Adicionar estrutura e conteúdo
- Adicionar o Assets
- Navegar pelas camadas, configurações e estilos
- Personalizar conteúdo
- Editar rastreamento de URL vinculado
Clique em Salvar ou Salvar e fechar para retornar aos detalhes do fragmento.
-
Quando o fragmento de rascunho atender aos seus critérios e você quiser disponibilizar as alterações para uso em um modelo de email ou email, clique em Publish.
Ao publicar a versão de rascunho, ela substitui a versão publicada atual e o conteúdo é atualizado nos emails e templates de email em que já está em uso.
Duplicar fragmentos
É possível duplicar um fragmento usando um dos seguintes métodos:
- Na página de listagem Fragmentos, clique no ícone Mais (…) ao lado do nome do fragmento e escolha Duplicar.
- Na parte superior direita da página de detalhes do fragmento, clique em … Mais e escolha Duplicar.
{width="600" modal="regular"}
Na caixa de diálogo do, digite um nome útil (exclusivo) e uma descrição. Clique em Duplicar para concluir a ação.
{width="400"}
O fragmento duplicado (novo) aparece na listagem Fragmentos.
Salvar um novo fragmento do conteúdo do email ou do modelo
Ao criar/editar um modelo de email ou de email no editor de conteúdo visual, você pode optar por salvar todo o conteúdo ou partes dele como um fragmento para que ele fique disponível para reutilização.
-
Quando tiver conteúdo a ser salvo como fragmento, clique em Mais e escolha Salvar como fragmento.
-
Selecione os diferentes elementos a serem incluídos no fragmento.
Selecione várias estruturas mantendo pressionado o botão Shift ou Control.
Você só pode selecionar estruturas adjacentes entre si e a interface não permite selecionar elementos não adjacentes.
-
Com o conteúdo selecionado, clique em Criar na parte superior direita.
-
Na caixa de diálogo, insira um nome e uma descrição úteis para o fragmento. Depois clique em Criar.
O novo fragmento é exibido na página de listagem Fragmentos e também está disponível para uso em emails e modelos de email.
Adicionar fragmentos visuais ao conteúdo do email ou modelo
Os fragmentos são projetados para reutilização e podem ser inseridos para criação de template de email e email. Você pode adicionar até 30 fragmentos em um email ou modelo. Os fragmentos podem ser aninhados somente até um nível.
-
Navegue até Jornadas de conta e abra uma jornada existente ou crie uma nova jornada.
-
Criar um nó Enviar email .
-
Criar ou editar o conteúdo de email do nó.
-
Arraste e solte um item do menu Componentes para fornecer uma estrutura para o fragmento.
-
Para abrir a listagem de fragmentos publicados, clique no ícone Fragmentos.
É possível:
- Classifique a listagem.
- Procurar, pesquisar e filtrar a listagem.
- Alternar entre as visualizações de cartão (miniatura) e de lista.
- Atualize a lista para refletir qualquer um dos fragmentos criados recentemente.
{width="600"}
-
Arraste e solte qualquer um dos fragmentos no espaço reservado do componente de estrutura.
O editor renderiza o fragmento na seção/elemento da estrutura de email.
O conteúdo do fragmento é atualizado dinamicamente na estrutura para renderizar um visual de como o conteúdo aparece no email.
note tip |
---|
TIP |
Se quiser que o fragmento ocupe todo o layout horizontal no email, adicione uma estrutura de coluna 1:1 e arraste e solte o fragmento nele. |
Depois que o email for salvo, ele aparecerá na página de detalhes do fragmento quando a guia Usado por for selecionada. Os fragmentos adicionados a um email não podem ser editados no email ou no modelo — o fragmento de origem publicado define o conteúdo.
-
Na navegação à esquerda, clique em Gerenciamento de Conteúdo > Modelos.
-
Crie um novo modelo ou abra um modelo de email existente e clique em Editar Modelo de Email.
-
Arraste e solte um item do menu Componentes para fornecer uma estrutura para o fragmento.
-
Para abrir a lista de fragmentos, clique no ícone Fragmentos.
É possível:
- Classifique a listagem.
- Procurar, pesquisar e filtrar a listagem.
- Alternar entre as visualizações de cartão (miniatura) e de lista.
- Atualize a lista para refletir qualquer um dos fragmentos criados recentemente.
{width="600"}
-
Arraste e solte qualquer um dos fragmentos no espaço reservado do componente de estrutura.
O editor renderiza o fragmento na seção/elemento da estrutura do modelo de email.
-
Arraste e solte qualquer um dos fragmentos no espaço reservado do componente de estrutura.
O editor renderiza o fragmento na seção/elemento da estrutura do modelo de email.
note tip |
---|
TIP |
Se quiser que o fragmento ocupe todo o layout horizontal no modelo de email, adicione uma estrutura de coluna 1:1 e arraste e solte o fragmento nele. |
Depois que o modelo de email é salvo, ele aparece na página de detalhes do fragmento quando a guia Usado por é selecionada. Os fragmentos adicionados a um modelo de email não são editáveis no modelo — o fragmento de origem publicado define o conteúdo.
Fragmentar as ações durante o email e a criação do modelo
Quando um fragmento é adicionado a um email ou modelo de email, o conteúdo do fragmento não pode ser editado no email ou modelo. No entanto, você pode aplicar as seguintes ações:
- Excluir - Esta ação remove o fragmento do conteúdo do email ou do modelo de email atual (a origem do fragmento não é afetada).
- Atualizar - Esta ação atualiza o conteúdo do fragmento no email ou modelo de email atual. Atualizar é útil quando você deseja refletir qualquer edição recente no fragmento após a adição ao email ou modelo de email.
- Duplicar - Esta ação duplica o fragmento no mesmo email ou modelo de email no editor, com as mesmas dimensões e adicionada logo abaixo dele.
- Abrir fragmento - Essa ação abre uma nova guia do navegador com a página e os detalhes do editor de fragmento.
- Interromper herança - Esta ação interrompe a herança do fragmento (e suas alterações) da origem. Use esta ação para disponibilizar o conteúdo do fragmento como conteúdo independente e editável no modelo de email ou de email. Esta ação também remove o email ou o modelo de email da referência Usado por do fragmento original.
Quando você seleciona o fragmento na página do editor, essas ações estão disponíveis na barra de ferramentas de contexto e no painel de propriedades à direita.
{width="600" modal="regular"}