[Integration]{class="badge positive"}
Draft Forms Dashboard
[AEM Forms as a Cloud Service]{class="badge informative"}
The Draft Forms Dashboard provides a centralized view of forms that have been saved but not yet submitted. It queries Adobe Experience Platform to display the form name, owner email, and save date, and allows an operator to manually send a reminder by triggering a form.nudge event in AEP, which starts an Adobe Journey Optimizer journey to deliver the reminder email.
Implementation Overview
-
Configure the Node.js Application
- Configure the Node.js application with the credentials required to connect to Adobe Experience Platform Query Service.
- Obtain the Adobe Experience Platform Query Service connection credentials from Adobe Experience Platform > Queries > Credentials.
- Store the Query Service host, port, database, username, and password as environment variables.
- Configure the Adobe Experience Platform credentials and datastream information required to send the
form.nudgeExperience Event. - For this implementation, these configuration values are defined as environment variables in Render.
- Update the Query Service table name in the application to match the form status dataset in your Adobe Experience Platform environment.
-
Create the Draft Forms Dashboard
- Build a Node.js application to provide a dashboard for viewing forms that have been saved but not yet submitted.
- For this implementation, the Node.js application is hosted on Render.
- Connect the application to Adobe Experience Platform Query Service.
- Query the form status dataset for records where
submitted = false. - Display information such as the form name, owner email, and saved date for forms that are still in draft mode.
-
Add the Send Reminder Action
- Add a Send Reminder button for each draft form displayed on the dashboard.
- When the button is selected, send the corresponding
ownerIdandformIdto the Node.js backend hosted on Render. - The backend sends a
form.nudgeExperience Event to Adobe Experience Platform using theAuth0Owneridentity.
-
Create the Nudge Journey in Adobe Journey Optimizer
- Create a custom
form.nudgeevent in Adobe Journey Optimizer. - Create a journey that is triggered when the
form.nudgeevent is received. - Use the owner’s profile associated with the
Auth0Owneridentity to determine the email recipient. - Send a reminder email encouraging the user to return to the Forms Portal and complete the saved form.
- Create a custom
This implementation provides an on-demand reminder capability from a Node.js dashboard hosted on Render, in addition to the automated reminder sent after the configured form abandonment period.
Use the provided JavaScript file as a reference implementation for building the Draft Forms dashboard. The sample demonstrates how to query Adobe Experience Platform for forms that have not been submitted and how to trigger a form.nudge event when the Send Reminder action is selected. You can adapt the implementation to suit your application and environment.