Add form links to Sites page
In the bank website scenario, the Link Forms Portal component enhances navigation by guiding users to specific forms across various sections of the site. It provides direct references to forms such as loan applications, account opening forms, or feedback surveys, strategically placed throughout the website. The Link component inserts links that direct users to specific Adaptive Forms within the Sites page. For example, on the bank’s website, anonymous users can access a general inquiry form, while logged-in users can directly access more secure forms, such as loan applications or transaction authorization forms.
Pre-requisite
Before exploring the various capabilities of a Forms Portal component, ensure that Core Components are enabled for your environment. For detailed instructions on how to enable Core Components for your environment, click here.
After deploying the latest Core Components to your environment, the Forms Portal components become accessible in your authoring environment.
Add the Link component to your Sites page
To add the Link portal component to your Sites page, perform the following steps:
-
Open the AEM Sites page in an Edit mode.
-
Go to the Page Information > Edit Template
-
Click the Policy and select the Link checkbox under the [AEM Archetype Project Name] - Forms and Communications Portal.
-
Click Done.
-
Now, re-open the AEM Sites page in the authoring mode.
-
Locate the section within the page editor that allows you to add the Forms Portal component.
-
Click the Add icon. The icon is a plus sign (+) that signifies the option to add new components.
Clicking the Add icon displays an Insert New Component dialog box that displays various components for insertion.
note note NOTE Alternatively, you can also drag and drop the component. -
Browse the available components in the dialog box and select the desired component from the list. For example, select the Link component from the list to add the Link Forms Portal component.
Now, configure the properties of the Link component.
Understand the properties of the Link component
You can easily customize Link component properties using the Configure Dialog for a seamless user experience. To configure, select the component and then select the
Display Tab
In the Display tab, provide the link caption and tooltip to ease identification of the forms represented by the link.
Asset Info tab
In the Asset Info tab, specify the repository path where the asset is stored.
Query Params tab
In the Query Params tab, specify the additional parameters in the key-value pair format. When the link is clicked, these additional parameters and passed along with the form.
View form links on the Sites page using the Link component
Preview the Sites page to view the link to an Adaptive Form, which is specified in the Assets Info properties tab of the Link component. Clicking the link displays the form on the screen for users, who can then access it based on the permissions.
Related articles
See Also see-also
- Create an AEM Adaptive Form
- Add an AEM Adaptive Form to the AEM Sites page
- Apply themes to an AEM Adaptive Form
- Add components to an AEM Adaptive Form
- Use CAPTCHA in an AEM Adaptive Form
- Generate a PDF version (DoR) of an AEM Adaptive Form
- Translate an AEM Adaptive Form
- Enable Adobe Analytics for an Adaptive Form to track form usage
- Connect Adaptive Form to Microsoft SharePoint
- Connect Adaptive Form to Microsoft Power Automate
- Connect Adaptive Form to Microsoft OneDrive
- Connect Adaptive Form to Microsoft Azure Blob Storage
- Connect Adaptive Form to Salesforce
- Use Adobe Sign in an AEM Adaptive Form
- Add a new locale for an Adaptive Form
- Send Adaptive Form data to a database
- Send Adaptive Form data to a REST endpoint
- Send Adaptive Form data to AEM Workflow
- Use Forms Portal to list AEM Adaptive Forms on an AEM website
- Add versionings, comments, and annotations to an Adaptive Form
- Compare Adaptive Forms