Show Menu
TÓPICOS×

Incorporar um formulário adaptável ou uma comunicação interativa na página de sites do AEM

Visão geral

O AEM Forms permite que desenvolvedores de formulários incorporem formulários adaptativos e comunicações interativas sem problemas em uma página do AEM Sites ou em uma página da Web hospedada fora do AEM. O formulário adaptativo incorporado e a comunicação interativa estão totalmente funcionais e os usuários podem preencher e enviar o formulário sem sair da página. Ajuda o usuário a permanecer no contexto de outros elementos na página da Web e a interagir simultaneamente com o formulário ou a comunicação interativa.
Para obter informações sobre como incorporar um formulário adaptável em uma página da Web externa, consulte Incorporar formulário adaptável em uma página da Web externa.
Na página Sites do AEM, é possível adicionar um formulário adaptável ou uma comunicação interativa usando:
  • O componente ​AEM Forms Container do AEM Forms fornece um componente que você pode adicionar às páginas do site. O componente Contêiner de formulários AEM permite incorporar um formulário adaptável e uma comunicação interativa.
  • Navegador ​de ativos Todos os formulários e comunicações interativas que você cria estão disponíveis em Ativos. Você pode arrastar e soltar o formulário como um ativo na sua página.

Pré-requisitos

Para incorporar um formulário adaptável ou uma comunicação interativa em uma página de sites do AEM que use um modelo editável, verifique se o componente de Formulário do AEM está configurado como um componente permitido no modelo associado. Para obter mais informações, consulte a seção Política e propriedades (Contêiner de layout) em Criação de modelos de página.
No caso de uma página Sites usando um modelo estático, é necessário configurá-la no sistema de parágrafo da página do site. Para obter mais informações, Consulte Configuração dos componentes no modo de Design .

Como incorporar um formulário adaptável ou comunicação interativa

Para incorporar um formulário adaptável ou uma comunicação interativa usando o componente Contêiner de formulários AEM:
  1. Abra a página de sites do AEM, no modo de edição, na qual deseja incorporar um formulário adaptável ou uma comunicação interativa.
  2. No painel Navegador de componentes, arraste e solte o componente Contêiner de formulários AEM na página.
    Como alternativa, você pode procurar um formulário adaptável ou uma comunicação interativa no navegador Ativos e arrastá-lo e soltá-lo na página Sites. Ele incorpora o formulário em um Contêiner de formulários do AEM.
    Não há suporte para vários componentes do Contêiner de formulários AEM em uma página.
  3. Toque no componente AEM Forms Container incorporado na página de sites e, em seguida, toque em na barra de ações. A caixa de diálogo Editar contêiner de formulários AEM é aberta.
  4. Na caixa de diálogo Editar contêiner de formulários AEM, especifique o seguinte.
    • ​Tipo de ativo: Selecione o tipo de ativo a ser incorporado. As opções são forma adaptável e comunicação interativa
    • Caminho do ativo: Procure e selecione o formulário adaptável ou a comunicação interativa a ser incorporada. Ele é preenchido automaticamente se você soltou do navegador Ativos.
    • (Somente formulário adaptável) Envio de publicação : Selecione a ação a ser acionada no envio do formulário. Você pode optar por mostrar uma mensagem de agradecimento ou uma página de agradecimento.
      • Mensagem de agradecimento: Grave uma mensagem usando o editor de rich text para mostrar no envio do formulário. Esta opção está disponível somente quando você escolhe mostrar uma mensagem de agradecimento.
      • Página de agradecimento: Navegue e selecione a página a ser exibida no envio do formulário. Essa opção está disponível somente quando você escolhe mostrar uma página de agradecimento.
      • Atualizar página no envio : Ative para atualizar a página que contém o formulário adaptável incorporado para mostrar a página de agradecimentos. Caso contrário, a página de agradecimento substituirá o formulário adaptável no contêiner de formulários AEM, sem atualizar a página. Essa opção está disponível somente quando você escolhe mostrar uma página de agradecimento.
    • Tema : Selecione um tema que defina o estilo para os componentes do formulário adaptável ou da comunicação interativa. O estilo inclui propriedades de aparência como estilo de fonte, cor de plano de fundo, dimensões e alinhamento.
    • Altura : Especifique a altura do contêiner. Deixe em branco para redimensionar automaticamente o contêiner.
    • Biblioteca do cliente CSS: Especifique o caminho para uma biblioteca de cliente CSS.
  5. Salve as configurações. O formulário adaptável ou a comunicação interativa agora está incorporado na página.

Publicação de formulários adaptativos incorporados e comunicação interativa

Considere os seguintes cenários para publicar um ativo incorporado (formulário adaptável ou comunicação interativa) na página de sites do AEM:
  • Se você estiver publicando a página de sites do AEM pela primeira vez e ela incluir um formulário adaptável incorporado ou uma comunicação interativa, publique a página de sites e o ativo incorporado.
  • Se você modificou apenas o formulário adaptativo incorporado ou a comunicação interativa em uma página do site publicada, publique o ativo original e as alterações refletirão na página do site publicado. A página do site publicada inclui uma referência ao ativo e não exige a republicação da página.
  • Se você modificou a página de sites e o formulário adaptativo incorporado ou a comunicação interativa, publique novamente a página de sites e o ativo incorporado.

Modificação de formulários adaptativos incorporados e comunicação interativa

A página de sites do AEM mantém uma referência ao formulário adaptável e à comunicação interativa no Contêiner de formulários do AEM. Portanto, todas as configurações e propriedades, como o tema, os estilos e a ação de envio, configuradas no formulário adaptativo original e a comunicação interativa são retidas no formulário adaptativo incorporado e na comunicação interativa.
Para modificar qualquer configuração ou propriedade do formulário adaptável incorporado e da comunicação interativa, execute um dos procedimentos a seguir.
  • Abra o formulário original em formulários adaptáveis ou comunicação interativa nos respectivos editores e modifique-os.
  • Toque no formulário adaptável ou na comunicação interativa na página do site no modo de edição e toque em Editar em uma nova janela . O formulário original é aberto no modo de edição que você pode modificar.
As alterações feitas na forma adaptativa original ou na comunicação interativa refletem automaticamente no formulário incorporado. Entretanto, publique novamente o formulário adaptável, a comunicação interativa ou a página do site para refletir as alterações na página publicada.

Considerações e práticas recomendadas

Lembre-se dos seguintes pontos ao incorporar formulários adaptativos nas páginas de sites do AEM:
  • O cabeçalho e o rodapé no formulário original não são incluídos no formulário incorporado.
  • Os rascunhos e envios de usuários de formulários incorporados são suportados e visíveis nas guias Rascunhos e Formulários enviados no portal de formulários.
  • A ação de envio configurada no formulário original é retida no formulário incorporado.
  • O direcionamento de experiência e os testes A/B configurados no formulário original não funcionam no formulário incorporado. No entanto, você pode usar o direcionamento de experiência na página de sites para apresentar formulários diferentes com base em perfis de usuário.
  • Se o Adobe Analytics estiver configurado para o formulário original, os dados de análise do formulário incorporado serão capturados no Adobe Analytics. No entanto, ele não está disponível no relatório de análise de formulários.