Criar uma comunicação interativa

Crie uma Comunicação interativa usando o editor de Comunicação interativa. Use a funcionalidade de arrastar e soltar para criar a Comunicação interativa e pré-visualize as saídas de impressão e da Web em diferentes tipos de dispositivos.

Visão geral

As Comunicações interativas centralizam e gerenciam a criação, montagem e delivery personalizado e correspondências interativas. Utilize a impressão como canal principal para a Web, você pode minimizar a duplicação de esforços na criação da saída da Web da Comunicação interativa.

Pré-requisitos

A seguir estão os pré-requisitos para a criação de uma Comunicação Interativa:

Criar a comunicação interativa

  1. Faça logon na instância do autor do AEM e navegue até Adobe Experience Manager > Forms > Forms & Documents.

  2. Toque em Criar e selecione Comunicação interativa. A página Criar comunicação interativa é exibida.

    create-interative-communication

  3. Insira as seguintes informações. :

    • Título: Insira o título da Comunicação interativa.
    • Nome*: O nome da Comunicação interativa é derivado do título inserido. Edite-a, se necessário.
    • Descrição: Insira uma descrição sobre a Comunicação interativa.
    • Modelo de dados do formulário*: Navegue e selecione o modelo de dados de formulário. Para obter mais informações sobre o Modelo de dados de formulário, consulte Integração de dados do AEM Forms.
    • Serviço de preenchimento prévio: Selecione o serviço de preenchimento prévio para recuperar os dados e preencher previamente a Comunicação interativa.
    • Tipo pós-processo: Você pode selecionar AEM ou Forms workflow a ser acionado quando a Comunicação interativa for enviada. Selecione o tipo de workflow a ser acionado.
    • Pós-processo: Selecione o nome do workflow a ser acionado. Ao selecionar AEM fluxo de trabalho, forneça Attachment Path, Layout Path, PDF Path, Print Data Path e Web Data Path.
    • Tags: Selecione as tags a serem aplicadas à Comunicação interativa. Você também pode digitar um nome de tag novo/personalizado e pressionar Enter para criá-lo.
    • Autor: o nome do autor é obtido automaticamente do nome de usuário do usuário conectado.
    • Data de publicação: insira a data para publicar a comunicação interativa.
    • Data de cancelamento da publicação: Insira a data para cancelar a publicação da Comunicação interativa.
  4. Toque em Próximo. A tela para especificar detalhes do canal da Web e da impressão é exibida.

  5. Insira o seguinte:

    • Imprimir: Selecione essa opção para gerar o canal de impressão da Comunicação interativa.
    • Modelo de impressão:* procure e selecione um XDP como modelo de impressão.
    • Usar Imprimir como Principal para canal da Web: selecione essa opção para criar o canal da Web em sincronia com o canal de impressão. Usar o canal de impressão como principal para o canal da Web garante que o conteúdo e o vínculo de dados do canal da Web sejam derivados do canal de impressão e as alterações feitas no canal de impressão sejam refletidas no canal da Web quando você tocar em Sincronizar. Os autores, no entanto, têm permissão para quebrar a herança de componentes específicos no canal da Web, conforme necessário. Para obter mais informações, consulte Sincronizar canal Web com o canal de impressão.
    • Web: selecione essa opção para gerar o canal da Web ou a saída responsiva da Comunicação interativa.
    • Modelo Web de comunicação interativa:* navegue e selecione o modelo da Web.
    • ​Tema e Selecionar Tema*: Navegue e selecione o tema para criar um estilo no canal da Web da Comunicação interativa. Para obter mais informações, consulte Temas no AEM Forms.

    Para obter mais informações sobre canal de impressão e canal da Web, consulte Canal de impressão e canal da Web.

  6. Toque em Criar. A Comunicação interativa é criada e uma caixa de alerta é exibida. Toque em Editar para começar a criar o conteúdo da Comunicação Interativa, conforme explicado em Adicionar conteúdo usando a interface de usuário de criação de Comunicação Interativa. Como alternativa, toque em Concluído e escolha editar a Comunicação interativa posteriormente.

Adicionar conteúdo à comunicação interativa

Após criar uma Comunicação interativa, você pode usar a interface de criação Comunicação interativa para construir seu conteúdo.

Para obter mais informações sobre a interface de criação da Comunicação interativa, consulte Introdução à criação da Comunicação interativa.

  1. A interface de criação da Comunicação interativa é iniciada quando você toca em Editar, como mencionado em Criar comunicação interativa. Como alternativa, você pode navegar até um ativo de Comunicação interativa existente no AEM, selecioná-lo e tocar em Editar para iniciar a interface de criação de Comunicação interativa.

    Por padrão, o canal de impressão da Comunicação interativa é exibido, a menos que a Comunicação interativa seja somente de canal da Web. O canal Imprimir da Comunicação Interativa exibe áreas de destino, conforme disponível no modelo de canal XDP/impressão selecionado. Nesses campos e áreas de destino, é possível adicionar componentes ou ativos.

  2. Com o Canal de impressão selecionado, selecione a guia Componentes. Os seguintes componentes estão disponíveis no canal de impressão:

    Componente Funcionalidade
    Gráfico Adiciona um gráfico que pode ser usado na Comunicação interativa para representação visual de dados bidimensionais recuperados de uma coleção de modelo de dados de formulário. Para obter mais informações, consulte Uso de gráficos em Comunicações interativas.
    Fragmento do documento Permite adicionar um componente reutilizável, como texto, lista ou condição, a uma Comunicação interativa. O componente adicionado pode ser baseado em modelo de dados de formulário ou sem um modelo de dados de formulário.
    Imagem Permite inserir uma imagem.

    Arraste e solte os componentes em sua Comunicação interativa e configure-os conforme necessário.

  3. Com o canal de impressão selecionado, vá para a guia Assets e aplique o filtro para exibir somente os ativos que deseja ver.

    Usando o navegador Ativos, também é possível arrastar e soltar ativos diretamente nas áreas de destino da Comunicação interativa .

    assets-docfragments

  4. Arraste e solte os fragmentos de documento na Comunicação interativa. A seguir estão os tipos de fragmentos de documento que você pode usar no canal de impressão da Comunicação interativa.

Tipo do fragmento do documento Exemplo de finalidade
Texto Texto para adicionar endereço, email do destinatário e texto do corpo da carta
Condição Condição para adicionar a imagem de cabeçalho apropriada à comunicação com base no tipo da política: Standard ou Premium.
Lista Grupo de fragmentos de documento, incluindo texto, condições, outras listas e imagens.

Para obter mais informações sobre fragmentos de documento, consulte Fragmentos de documento.

  1. Para configurar o vínculo de variáveis, toque em uma variável e selecione configure_icon (Configurar) e configure as propriedades de vínculo no painel Propriedades na barra lateral.

    • Nenhum: O agente preencherá o valor da variável .
    • Fragmento de texto: Se selecionada, você pode procurar e selecionar um fragmento de documento de texto cujo conteúdo é renderizado no campo. Somente esses fragmentos de documento de texto podem ser vinculados a variáveis que não têm variáveis no .
    • Objeto do Modelo de Dados: Selecione uma propriedade de modelo de dados de formulário cujo valor é preenchido no campo .

    Você também pode optar por configurar o fragmento de documento de texto relevante. O painel Propriedades exibe a lista de variáveis no fragmento do documento de texto. Toque em edit (Editar) ao lado de um nome de variável para exibir as configurações dessa variável para edição.

  2. Para adicionar uma tabela, com o canal de impressão selecionado, na guia Assets, aplique o filtro para exibir somente os Fragmentos de layout. Arraste e solte o fragmento de layout necessário para a Comunicação interativa. Um fragmento de layout é baseado em um XDP e pode ser usado para criar layouts gráficos ou tabelas estáticas e dinâmicas no Interative Communication que são preenchidas com dados dinâmicos.

    Exemplo: Uma tabela de layout para exibir prêmio bruto, % de desconto de fidelidade e disponibilidade de assistência de emergência para políticas antigas e novas.

    Para obter mais informações sobre fragmentos de layout, consulte Fragmentos de Documento.

  3. Com o canal de impressão selecionado, na guia Assets, aplique o filtro para exibir imagens. Arraste e solte as imagens necessárias para a Comunicação interativa, como para o logotipo da empresa.

    Além disso, gerencie o seguinte na Comunicação interativa:

  4. Alterne para Canal da Web. O canal da Web é exibido no editor de Comunicação interativa. Ao alternar do canal Impressão para o canal Web pela primeira vez, a sincronização automática ocorre. Para obter mais informações, consulte Sincronizar canal da Web do canal de impressão.

    Como estamos usando Imprimir como principal para a Web neste exemplo, os espaços reservados no canal Imprimir, o conteúdo e o vínculo de dados são sincronizados com o canal da Web. No entanto, você pode alterar e personalizar o conteúdo específico no canal da Web, conforme necessário.

    webchannelassets

  5. Para adicionar componentes adicionais no canal da Web, com o canal da Web selecionado, toque em Componentes. Arraste e solte componentes no canal da Web da Comunicação interativa, conforme necessário, e continue a configurá-los.

    Componentes Funcionalidade
    Gráfico Adiciona um gráfico que pode ser usado na Comunicação interativa para representação visual de dados bidimensionais recuperados de uma coleção de modelo de dados de formulário. Para obter mais informações, consulte Usar componente de gráfico.
    Fragmento do documento Permite adicionar um componente, texto, lista ou condição reutilizável a uma Comunicação interativa. O componente reutilizável adicionado a uma Comunicação interativa pode ser baseado em modelo de dados de formulário ou sem um modelo de dados de formulário.
    Imagem Permite inserir uma imagem.
    Painel O componente Painel é um espaço reservado para agrupar outros componentes e controla como um grupo de componentes, como acordeão e guias, é apresentado na Comunicação interativa. Um componente de painel também permite que você torne um grupo de componentes repetíveis para o usuário final, como em várias entradas necessárias para preencher as credenciais educacionais.
    Tabela Adiciona uma tabela que permite organizar dados em linhas e colunas.
    Área de destino Insere uma área de destino em um canal da Web para organizar os componentes específicos do canal da Web. A área de destino é um contêiner simples que permite agrupar componentes específicos de canais da Web.
    Texto Adiciona rich text ao canal da Web de uma Comunicação interativa. O texto também pode usar objetos de modelo de dados de formulário para tornar o conteúdo dinâmico.
  6. Conforme necessário, insira ativos no canal da Web.

    Você pode visualizar sua Comunicação interativa para ver a aparência da impressão e dos resultados da Web da Comunicação interativa e continuar fazendo alterações, conforme necessário.

Visualizar a comunicação interativa

Você pode usar a opção Preview para avaliar a aparência da Comunicação Interativa. O canal da Web de Comunicação interativa também fornece uma opção para Emular a experiência de uma Comunicação interativa para vários dispositivos. Por exemplo, iPhone, iPad e Desktop. Você pode usar as opções Preview e Emulador régua em conjunto para visualizar as saídas da Web de dispositivos de tamanhos de tela diferentes. Os dados de amostra na visualização são preenchidos a partir do modelo de dados de formulários especificado.

  1. Selecione o canal (impressão ou Web) para visualizar e toque em visualização. A Comunicação interativa é exibida.

    OBSERVAÇÃO

    A visualização é preenchida com os dados de amostra do modelo de dados de formulário especificado. Para obter mais informações sobre como visualizar a Comunicação interativa com alguns outros dados ou usar o serviço de preenchimento prévio, consulte Usar modelo de dados de formulário e Trabalhar com modelo de dados de formulário.

  2. Para o canal da Web, use ruler para visualizar a aparência da Comunicação Interativa em vários dispositivos.

    webchannelpreview

Além disso, você pode Preparar e enviar comunicação interativa usando a interface do usuário do agente.

Configurar propriedades na Comunicação Interativa

Anexos e acesso à biblioteca

No canal Imprimir, você pode configurar os anexos e o acesso à biblioteca para permitir que o Agente gerencie anexos na interface do agente para a Comunicação interativa:

  1. No canal Imprimir , realce o Contêiner de documento e toque em Propriedades.

    documentcontainerproperties

    O painel Propriedades é exibido na barra lateral.

    propriedades, anexos

  2. Expanda Attachments e especifique as seguintes propriedades:

    • Permitir acesso à biblioteca: Selecione para habilitar o acesso da biblioteca para o agente na interface do usuário do agente. Se ativado, o Agente pode adicionar arquivos da biblioteca enquanto prepara a Comunicação interativa.

    • Permitir Reordenação De Anexos: Selecione para permitir que o Agente reordene os anexos com a Comunicação interativa.

    • Número Máximo De Anexos Permitidos: Especifique o número máximo de anexos permitidos com a Comunicação interativa.

    • Arquivos a serem anexados: Toque em ​Adicionar e navegue para selecionar os arquivos a serem anexados e especifique o seguinte:

      • Anexar Este Arquivo Ao Documento Por Padrão: É possível alterar essa opção se somente o anexo não for Obrigatório.
      • Obrigatório: o agente não poderá remover o anexo na interface do usuário do agente.

    arquivos anexos

  3. Toque em Concluído.

Propriedades do campo XDP/Layout

  1. Ao editar o Canal de impressão de uma Comunicação interativa, passe o mouse sobre um campo, que é criado no modelo de canal de impressão, e selecione configure_icon (Configurar).

    A caixa de diálogo Propriedades é exibida na barra lateral.

    xdpfieldproperties

  2. Especifique o seguinte:

    • Nome: Nome do nó JCR.

    • Título: Insira um título que será visível para o Agente na interface do usuário do agente e na árvore Contêiner de documento.

    • Tipo de vínculo: Selecione um dos seguintes tipos de vínculo para o campo .

      • Nenhum: O agente preencherá o valor da propriedade.
      • Fragmento de texto: Se selecionada, você pode procurar e selecionar um fragmento de documento de texto cujo conteúdo é renderizado no campo.
      • Objeto do modelo de dados: Selecione uma propriedade de modelo de dados de formulário cujo valor é preenchido no campo .
    • Valores padrão: O valor padrão garante que o campo não fique vazio quando não houver um valor fornecido pelo objeto de modelo de dados ou fragmento de texto especificado. Se o tipo de vínculo de dados for nenhum, o valor padrão será preenchido previamente no campo.

    • Editável por agente: Selecione para permitir que o agente edite o valor no campo na interface do usuário do agente. Essa configuração não se aplica se o Tipo de vínculo for Fragmento de texto.

    • Rótulo: Especifique uma sequência de texto exibida com o campo para o Agente na interface do usuário do agente. Essa configuração não se aplica se o Tipo de vínculo for Fragmento de texto.

    • Dica de ferramenta: Insira uma string de texto que estará visível com o mouse sobre o Agente na interface do usuário do agente. Essa configuração não se aplica se o Tipo de vínculo for Fragmento de texto.

    • Obrigatório: Selecione para tornar o campo obrigatório para o Agente. Essa configuração não se aplica se o Tipo de vínculo for Fragmento de texto.

    • Permitir várias linhas: Selecione esse campo para permitir várias linhas de texto como entrada no campo. Essa configuração não se aplica se o Tipo de vínculo for Fragmento de texto.

  3. Toque em done_icon.

Aplicar regras aos componentes de Comunicação interativa

Para condicionar componentes ou conteúdo na comunicação interativa, toque no componente/parte de conteúdo e selecione createruleicon (Criar regra) para iniciar o Editor de regras.

Para obter mais informações, consulte:

Uso de tabelas

Tabelas dinâmicas na comunicação interativa

É possível adicionar tabelas dinâmicas em Comunicação interativa usando fragmentos de layout. As etapas a seguir usam um exemplo de declaração de cartão de crédito para ilustrar o uso de um fragmento de layout para criar uma tabela dinâmica em uma Comunicação interativa.

  1. Verifique se o fragmento de layout necessário para criar a tabela está disponível no AEM.

  2. No canal de impressão da Comunicação interativa, arraste e solte um fragmento de layout (com uma tabela de várias colunas) em uma Área de destino no navegador Ativo.

    lf_dragdrop

    Uma tabela é exibida na área de layout Comunicação interativa .

    lf_dragdrop_table

  3. Especifique o vínculo de dados para cada uma das células da tabela. Para criar uma linha repetível, insira as propriedades do modelo de dados de formulário na linha pertencente a uma propriedade de coleção comum.

    1. Toque em uma célula na tabela e selecione configure_icon (Configurar).

      A caixa de diálogo Propriedades é exibida na barra lateral.

      lf_cell_properties

    2. Configure as propriedades:

      • Nome: Nome do nó JCR.

      • Título: Insira um título que será visível no editor de Comunicação interativa.

      • Tipo de Vínculo;: Selecione um dos seguintes tipos de vínculo para o campo .

        • Nenhum
        • Objeto do modelo de dados: O valor de uma propriedade do modelo de dados de formulário é preenchido no campo .
      • Objeto do Modelo de Dados: A propriedade do modelo de dados de formulário cujo valor é preenchido no campo .

      • Valor padrão: O valor padrão garante que o campo não fique vazio quando não houver um valor fornecido pelo objeto de modelo de dados especificado. O valor padrão é preenchido previamente no campo .

      • Editável por agente: Selecione para permitir que o agente edite o valor no campo na interface do usuário do agente.

    3. Toque em done_icon.

  4. Visualize a Comunicação interativa para ver a tabela renderizada com os dados.

    lf_preview

Tabelas somente de canal Web

Você pode criar uma tabela dinâmica somente de canal da Web em uma Comunicação interativa usando uma propriedade de modelo de dados de coleção do tipo . Essa tabela é uma representação das propriedades filhas de uma propriedade de coleção. É possível editar apenas as propriedades de formatação das várias células na tabela.

  1. Alterne para o canal da Web e escolha exibir o navegador das Fontes de Dados.

  2. Arraste e solte uma propriedade de coleção em um subformulário.

    Uma tabela é criada no subformulário.

  3. Visualize a tabela na pré-visualização da Web da Comunicação interativa.

Sincronização do canal da Web com o canal de impressão

Ao selecionar Imprimir como Principal para Canal da Web ao criar uma Comunicação Interativa, o canal da Web é criado em sincronia com o canal Imprimir e o conteúdo e o vínculo de dados do canal da Web são derivados do canal de impressão e as alterações feitas no canal de impressão são refletidas no canal da Web quando você toca em Sincronizar.

Os autores, no entanto, têm permissão para quebrar a herança de componentes no canal da Web, conforme necessário.
printweb_2-3
Clique para ampliar

Canais de impressão e da Web no Editor de comunicação interativa

Sincronização automática

Se estiver usando o Canal de impressão como o principal para o canal da Web e você alternar para o canal da Web a partir do canal de Impressão, a sincronização automática ocorrerá. A sincronização automática traz os espaços reservados, o conteúdo e o vínculo de dados para o canal da Web a partir do canal de Impressão. Dependendo da complexidade e do conteúdo de sua Comunicação interativa, a sincronização automática pode levar algum tempo.

OBSERVAÇÃO

A sincronização dos canais sincroniza apenas os fragmentos de documento, imagens, condições, listas e fragmentos de layout do canal de impressão para o canal da Web. Os subformulários ou nós primários de que incluem tais elementos não são sincronizados.

Cancelar herança

No canal da Web, os componentes são incorporados nas áreas de destino.

Passe o mouse sobre a área de destino relevante no canal da Web e selecione cancelar herança (Cancelar herança) e, na caixa de diálogo Cancelar herança, toque em Sim.

A herança dos componentes na área de destino é cancelada e agora você pode editá-los conforme necessário.

Reativar herança

No canal da Web, se você cancelou a herança de um componente, é possível reativá-la. Para reativar a herança, passe o mouse sobre o limite da área de destino relevante, que inclui o componente, e toque em reabilitar herança.

A caixa de diálogo Reverter herança é exibida.

revertinheridade

Se necessário, selecione Sincronizar a página após reverter a herança. Selecione esta opção para sincronizar toda a comunicação interativa. Se você não selecionar essa opção, somente a área de destino relevante será sincronizada ao restabelecer a herança.

Toque em Sim.

Sincronizar

Se estiver usando Imprimir como Principal para Canal da Web e fizer alterações no canal de impressão, será possível tocar em Sincronizar para trazer as alterações recém-feitas para o canal da Web.

  1. Para sincronizar o canal Web com o canal Imprimir, toque em Sincronizar.

    A caixa de diálogo Sincronizar conteúdo do canal Principal é exibida.

    synchronizecontentfrommasterchannel

  2. Toque em uma das seguintes opções:

    • Descartar alterações: Descarta todas as alterações feitas no canal da Web, independentemente das alterações feitas no canal da Web.
    • Manter alterações: Sincroniza o conteúdo somente das áreas de destino nas quais a herança não é cancelada.

Nesta página

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now