Este tutorial é uma etapa da série Create Your First Adaptive Form. É recomendável seguir a série em sequência cronológica para entender, executar e demonstrar o caso de uso tutorial completo.
Depois que o formulário adaptável estiver pronto, você poderá publicar o formulário para torná-lo disponível para os usuários finais. Os usuários finais podem abrir o formulário publicado em qualquer dispositivo e navegador da Internet. Quando um formulário adaptável é publicado, o formulário e o conteúdo relacionado são copiados de uma instância de autor AEM para uma instância de publicação AEM. O formulário é disponibilizado para o usuário final por meio da instância de publicação.
Você tem os seguintes métodos para publicar um formulário adaptável:
Quando o formulário adaptável é publicado como uma Página AEM, a página da Web inteira contém apenas o formulário publicado. Você pode usar o URL do formulário adaptável para vinculá-lo a partir de outra página da Web. Para publicar o formulário adaptável Shipping-address-add-update-form como uma Página AEM:
https://localhost:4502/aem/forms.html/content/dam/formsanddocuments
https://localhost:4503/content/forms/af/shipping-address-add-update-form.html
AEM Forms permite que desenvolvedores de formulários incorporem com facilidade formulários adaptáveis em uma página AEM Sites. O formulário adaptável incorporado é totalmente funcional 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 interagir simultaneamente com o formulário.
AEM Forms fornece um componente, AEM Forms Contêiner, para incorporar um formulário adaptável a uma página AEM Sites. Por padrão, o componente não é visível AEM contêiner Sites. Execute as seguintes etapas para habilitar o componente Contêiner de AEM Forms e incorporar o formulário adaptável em uma AEM Sites Página:
Crie e abra uma página no site We.Retail para edição. Por exemplo, https://localhost:4502/editor.html/content/we-retail/us/en/user/shipping-and-billing-address.html. O formulário adaptável é incorporado à página Sites.
Você também pode incorporar o formulário adaptável em uma página We.Retail Site’s existente. Por exemplo, a página SOBRE EUA https://localhost:4502/editor.html/content/we-retail/us/en/about-us.html. Ele economiza tempo para criar uma página. As etapas abaixo usam a página recém-criada.
O site We.Retail é enviado com AEM. Se você não tiver o site We.Retail instalado, consulte Implementação de referência We.Retail para instalar o site.
Toque em informações da página e selecione a opção Editar modelo na página de site We.Retail recém-criada. O modelo da página é aberto em uma nova guia do navegador.
Toque na caixa contêiner de layout e toque em . Na guia Componentes permitidos, expanda a opção Geral, selecione a opção Formulário AEM e toque em
. O componente Contêiner de AEM Forms está ativado para a página.
Abra a guia do navegador que contém AEM página Sites aberta na etapa 1. Toque na caixa Arraste componentes aqui e toque em +. Na caixa Inserir novo componente, toque em AEM formulário. O componente Contêiner AEM Forms é adicionado à página.
Toque no componente AEM Forms container e toque em . Uma caixa de diálogo com propriedades AEM Contêiner Forms é exibida. No campo Caminho do ativo, navegue e selecione o formulário adaptável Shipping-address-add-update-form. Toque em
. O formulário adaptável é incorporado na página.
Publique o formulário adaptável e a página Sites. Estes são alguns pontos que devem ser levados em consideração:
Se você publicar a página AEM Sites pela primeira vez e ela incluir um formulário incorporado, publique a página Sites e o formulário incorporado.
Se você modificar apenas o formulário incorporado em uma página do site publicada, publique o formulário original e as alterações serão refletidas na página do site publicada. A página do site publicada inclui uma referência ao formulário e não requer a republicação da página.
Se você modificar a página Sites e o formulário incorporado, republique a página Sites e o formulário.
Formulário de alteração de endereço de remessa e faturamento adicionado a uma página de AEM Sites.
Você pode incorporar um formulário adaptável a uma página da Web externa (uma página da Web que não seja AEM hospedada fora do AEM) inserindo algumas linhas de JavaScript na página da Web externa. O código JavaScript envia uma solicitação HTTP para o servidor AEM Forms para o formulário adaptável e recursos relacionados e adiciona o formulário adaptável à página da Web. Para etapas detalhadas, consulte incorporar o formulário adaptável a uma página da Web externa.