Hide menu Last updated: Nov 02 2016
Area: Episerver Add-ons Applies to versions: Forms (all versions)

Episerver Forms Developer Guide

Note: Episerver Forms is only supported by MVC-based websites and HTML5-compliant browsers.

The Episerver platform includes a powerful built-in multi-step forms engine which enables editors to create web forms which can be used for event registrations, job applications, customer surveys, etc. The resulting data is stored to allow exporting data in appropriate formats. Episerver Forms also comes with an API which can be used to hook into external systems for data collection and processing.

Episerver Forms comes with a number of predefined form elements, such as text boxes, multi-line text areas, drop-down lists, radio buttons, check boxes, buttons, CAPTCHAs. It also supports file uploads which can be useful for visitors to provide additional information in the form of files (such as PDFs, Word documents, images, etc.).

Form fields can be set as mandatory or optional, and they can also be defined with tooltips, watermarks, and labels to ensure that site visitors fully understand the interaction. Validation rules can also be associated with form fields to make sure visitors only enter data in the correct formats. You can also add conditional logic to allow different form fields to be displayed, based on the input by the visitor. 

The forms can be configured automatically send out emails to any email address and the interface allows for values from the form to be inserted in the sent email.

Forms can have individual form fields mapped to a connected CRM or Marketing Automation platform database fields (such as Eloqua) so that profiles, leads, and customer information is kept up-to-date. 

All form submissions can be viewed within Episerver CMS and then exported as different formats, including XLSX, CSV, JSON, and XML.

Editors create a form by adding any number of form fields to a form container. The form fields can then be rearranged. When the form has been defined, it can be dragged and dropped into a page on the website, and it can be reused.

A possible workflow with forms can be seen like this:

  1. A form is created by dragging and dropping predefined form fields into a forms container. The fields are labelled and defined with validation, and mapped to a Marketing Automation system through the UI.
  2. The form is dragged onto a page on the site, and presented to a visitor
  3. The visitor fills in and submits the form. Data is captured in Episerver and the mapped MA system.
  4. Submitted data is exported and analyzed.
  5. New content is created based on personalized information received through the form.

Supported platform versions

  • Episerver CMS 9 and higher.

Installation

  • Available as a NuGet package (EPiServer.Forms). You only have to select this main package. All dependent packages will be automatically installed together with the main package. See Installing add-ons.

Requirements

  • Episerver Forms is only supported by MVC-based websites and HTML5-compliant browsers.

Comments

It would be good if you can provide more details in Installation section. There are many EPiServer.Form packages availabie, it's a bit chanllange for the the starters to pick up the only packages they need to get the new form up and running.

Thanks,

Vincent

Hi,

It's quite easy to install EPiServer Form. Just enter: Install-Package EPiServer.Forms in Package Manager console.

Or you can check out this tutorial: http://jondjones.com/learn-episerver-cms/episerver-developers-guide/episerver-modules/the-quick-and-dirty-guide-to-install-and-use-the-new-episerver-forms