Este tutorial es un paso en la serie Crear su primer formulario adaptable. Se recomienda seguir la serie en orden cronológico para comprender, realizar y mostrar el caso de uso del tutorial completo.
Una vez que el formulario adaptable esté listo, puede publicarlo para que los usuarios finales puedan acceder a él. Los usuarios finales pueden abrir el formulario publicado en cualquier dispositivo y explorador de Internet. Cuando se publica un formulario adaptable, el formulario y el contenido relacionado se copian de una instancia de autor de AEM a una instancia de publicación. El formulario está disponible para el usuario final a través de la instancia de publicación.
Puede utilizar 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 únicamente un formulario publicado. Puede utilizar la URL del formulario adaptable para vincularlo desde otra página web. Para publicar el formulario adaptable Formulario-actualizar-agregar-dirección-envío como una página de 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 a los desarrolladores de formularios incrustar fácilmente formularios adaptables en una página de AEM Sites. El formulario adaptable incrustado es completamente funcional, y los usuarios pueden rellenarlo y enviarlo sin abandonar la página. Esto permite al usuario mantenerse en el contexto de otros elementos de la página web e interactuar simultáneamente con el formulario.
AEM Forms proporciona un componente, el Contenedor de AEM Forms, para incrustar un formulario adaptable en una página de AEM Sites. De forma predeterminada, el componente no está visible en el contenedor de AEM Sites. Siga estos pasos para habilitar el componente Contenedor de AEM Forms e incrustar el formulario adaptable en una página de 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 de Sites.
También puede incrustar el formulario adaptable en una página de We.Retail de Site’s existente; por ejemplo, la página ABOUT US https://localhost:4502/editor.html/content/we-retail/us/en/about-us.html. Esto le permite ahorrar tiempo a la hora de crear una página. Los pasos siguientes utilizan la página recién creada.
El sitio de We.Retail se proporciona junto con AEM. Si no ha instalado el sitio de We.Retail, consulte Implementación de referencia de We.Retail para instalarlo.
Pulse en la información de la página y seleccione la opción Editar plantilla en la página de sitio de We.Retail recién creada. La plantilla de la página se abre en una nueva pestaña del explorador.
Pulse en el cuadro del contenedor de diseño y pulse . En la pestaña Componentes permitidos, expanda el acordeón General, seleccione la opción Formulario de AEM y pulse
. El componente Contenedor de AEM Formsestá habilitado para la página.
Abra la pestaña del explorador que contiene la página de AEM Sites que abrió en el paso 1. Pulse en el cuadro Arrastre los componentes aquí y luego pulse +. En el cuadro Insertar nuevo componente, pulse Formulario de AEM. El componente Contenedor de AEM Forms se añade a la página.
Pulse en el componente Contenedor de AEM Forms y, a continuación, en . Aparece un cuadro de diálogo con las propiedades del contenedor de AEM Forms. En el campo Ruta del recurso, busque y seleccione el formulario adaptable Formulario-actualizar-agregar-dirección-envío. Pulse
. El formulario adaptable se incrusta en la página.
Publique el formulario adaptable y la página de Sites. Tenga en cuenta lo siguiente:
Si publica la página de AEM Sites por primera vez y esta incluye un formulario incrustado, publique la página de Sites y el formulario incrustado.
Si ha modificado únicamente el formulario incrustado en una página de Sites ya publicada, publique el formulario original, y los cambios se reflejarán en la página de Sites publicada. La página de Sites publicada contiene una referencia al formulario, y no es necesario que vuelva a publicarla.
Si modifica la página de Sites y el formulario incrustado, vuelva a publicar la página de Sites y el formulario.
Formulario Cambio de la dirección de envío y facturación añadido a una página de AEM Sites.
Puede incrustar un formulario adaptable en una página web externa (una página web que no pertenezca a AEM y que esté alojada fuera de este) insertando unas líneas de JavaScript en la página web externa. El código JavaScript envía una solicitud HTTP al servidor de 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 formulario adaptable en una página web externa.