|This tutorial is a step in the Create Your First Adaptive Form series. It is recommended to follow the series in chronological sequence to understand, perform, and demonstrate the complete tutorial use case.|
After the adaptive form is ready, you can publish the form to make it available for end users. The end users can open the published form on any device and internet browser. When an adaptive form is published, the form and related content are copied from an AEM author instance to an AEM publish instance. The form is made available to the end user through the publish instance.
You have the following methods to publish an adaptive form:
- Publish the adaptive form as an AEM Page
- Embed the adaptive form in an AEM Sites Page
- Embed the adaptive form in an external webpage (a non-AEM webpage hosted outside AEM)
- Set up an AEM Forms publish instance: The publish instance is a public facing instance of AEM Forms running in publish mode. In a production environment, the publish instance is outside of the organization's firewall.
- Set up replication and reverse replication: Replication copies content from the author instance to a publish instance and returns user input (for example, form input) from the publish instance to the author instance.
When the adaptive form is published as an AEM Page, then the entire web page contains only published form. You can use the URL of the adaptive form to link it from another web page. To publish the shipping-address-add-update-form adaptive form as an AEM Page:
AEM Forms allows form developers to seamlessly embed adaptive forms in an AEM Sites page. The embedded adaptive form is fully functional and users can fill and submit the form without leaving the page. It helps user remain in the context of other elements on the web page and simultaneously interact with the form.
AEM Forms provide a component, AEM Forms Container, to embed an adaptive form to an AEM Sites page. By default, the component is not visible in AEM Sites container. Perform the following steps to enable the AEM Forms Container component and to embed the adaptive form in an AEM Sites Page:
Create and open a page in the We.Retail site for editing. For example, http://localhost:4502/editor.html/content/we-retail/us/en/user/shipping-and-billing-address.html. The adaptive form is embedded to the sites page.
You can also embed the adaptive form in an existing We.Retail site's page. For example, the ABOUT US page http://localhost:4502/editor.html/content/we-retail/us/en/about-us.html. It saves you the time to create a page. The steps below use the newly created page.
The We.Retail site is shipped with AEM. If you do not have the We.Retail site installed, see to We.Retail Reference Implementation install the site.
Publish both the adaptive form and sites page. Here are a few points to consider:
- If you publish the AEM sites page for the first time and it includes an embedded form, publish the sites page and the embedded form.
- If you modify only the embedded form in a published site page, publish the original form and the changes reflect in the published site page. The published site page includes a reference to the form and does not require republishing the page.
- If you modify the sites page and the embedded form, republish the sites page and the form.