Este tutorial es un paso en la serie Crear su primer formulario adaptable. Se recomienda seguir la serie en secuencia cronológica para comprender, realizar y demostrar el caso de uso completo del tutorial.
Una vez que el formulario adaptable esté listo, puede publicarlo para que esté disponible para los usuarios finales. Los usuarios finales pueden abrir el formulario publicado en cualquier dispositivo y navegador de Internet. Cuando se publica un formulario adaptable, el formulario y el contenido relacionado se copian de una instancia de autor AEM a una instancia de publicación AEM. El formulario se pone a disposición del usuario final a través de la instancia de publicación.
Tiene los siguientes métodos para publicar un formulario adaptable:
Cuando el formulario adaptable se publica como una página de AEM, toda la página web contiene solo un formulario publicado. Puede utilizar la dirección URL del formulario adaptable para vincularlo desde otra página web. Para publicar el formulario adaptable Shipping-address-add-update-form como una 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 los desarrolladores de formularios incorporen formularios adaptables de forma transparente en una página AEM Sites. El formulario adaptable incrustado es totalmente funcional y los usuarios pueden rellenar y enviar el formulario sin salir de la página. Ayuda al usuario a permanecer en el contexto de otros elementos de la página web e interactuar simultáneamente con el formulario.
AEM Forms proporciona un componente, AEM Forms Contenedor, para incrustar un formulario adaptable en una página AEM Sites. De forma predeterminada, el componente no está visible en AEM contenedor Sites. Realice los siguientes pasos para habilitar el componente de Contenedor AEM Forms e incrustar el formulario adaptable en una página AEM Sites:
Cree y abra una página en el sitio de We.Retail para editarla. Por ejemplo, https://localhost:4502/editor.html/content/we-retail/us/en/user/shipping-and-billing-address.html. El formulario adaptable se incrusta en la página Sites.
También puede incrustar el formulario adaptable en una página existente de We.Retail Site’s. Por ejemplo: la página ABOUT US https://localhost:4502/editor.html/content/we-retail/us/en/about-us.html. Le ahorra tiempo para crear una página. Los pasos a continuación utilizan la página recién creada.
El sitio Web de We.Retail se envía con AEM. Si no tiene instalado el sitio Web de We.Retail, consulte Implementación de referencia de We.Retail para instalar el sitio.
Toque información de página y seleccione la opción Editar plantilla en la página del sitio Web de We.Retail recientemente creada. La plantilla de la página se abre en una nueva ficha del explorador.
Toque dentro del cuadro contenedor de diseño y toque . En la ficha Componentes permitidos, expanda el acordeón General, seleccione la opción Formulario de AEM y toque
. El componente de Contenedor AEM Forms está habilitado para la página.
Abra la ficha del explorador que contiene AEM Sites página abierta en el paso 1. Toque el cuadro Arrastre los componentes aquí y toque +. En el cuadro Insertar nuevo componente, toque AEM formulario. El componente Contenedor de AEM Forms se agrega a la página.
Toque el componente AEM Forms contenedor y toque . Aparece un cuadro de diálogo con propiedades de AEM Forms Contenedor. En el campo Ruta del recurso, busque y seleccione el formulario adaptable Shipping-address-add-update-form. Toque
. El formulario adaptable se incrusta en la página.
Publique el formulario adaptable y la página Sites. Tenga en cuenta lo siguiente:
Si publica la página de AEM Sites por primera vez e incluye un formulario incrustado, publique la página Sites y el formulario incrustado.
Si solo modifica el formulario incrustado en una página de sitio publicada, publique el formulario original y los cambios se reflejarán en la página de sitio publicada. La página del sitio publicada incluye una referencia al formulario y no requiere volver a publicar la página.
Si modifica la página Sites y el formulario incrustado, vuelva a publicar la página Sites y el formulario.
Se agregó el formulario Cambio de dirección de envío y facturación a una página de AEM Sites.
Puede incrustar un formulario adaptable en una página web externa (una página web no AEM alojada fuera de AEM) insertando algunas líneas de JavaScript en la página web externa. El código JavaScript envía una solicitud HTTP al servidor AEM Forms para el formulario adaptable y los recursos relacionados y agrega el formulario adaptable a la página web. Para ver los pasos detallados, consulte incrustar el formulario adaptable en una página Web externa.