Tutorial: Track a custom Feather Form widget with DEC

NOTE: Sitefinity Digital Experience Cloud (DEC) was renamed to Sitefinity Insight as a part of the Sitefinity 13.0 release. However, Sitefinity CMS and its documentation prior to version 13.0 continue using the former name - Digital Experience Cloud.

In this tutorial, you create a Feather Form widget for submitting a request for dinner menu. You want to track form submissions to send contact data to DEC. Depending on the specific of your scenario, you can do this by:

• Tracking form submissions server-side
  You create a custom event handler, so that the Digital Experience Cloud connector tracks forms submissions on your Sitefinity CMS site.
• Tracking form submissions client-side
  You enable tracking by leveraging DEC JavaScript SDK, so that the connector sends the data as interactions to DEC every time a contact submits the form.

For more information, see:

• Feather: Create widgets
• For developers: Implement custom events
• For developers: Extend the tracking capabilities of the connector
• For developers: Leverage the JavaScript SDK to capture client-side behavior

PREREQUISITES: You configured the DEC connector. For more information, see Connect to Digital Experience Cloud.

1. Create a new class library and name it CustomFormWidget.
2. In the Mvc folder, create the following folders:
   • Controllers
   • Models
   • Views