Episerver Forms

Note:  Episerver Forms is an add-on for the Episerver Digital Experience platform. It requires a separate installation, but no additional license. Contact your system administrator to find out more. See Episerver World for technical information.

In order for Episerver Forms to function properly, you need to have JavaScript enabled in your web browser.

Episerver Forms is a powerful tool which you can use to create web forms to be used for event registrations, job applications, customer surveys, etc. The submitted data is stored and you can export the data in different formats.

Form containers

You create a form by first creating a form container. This container contains all information regarding your form such as if visitors can submit forms without logging in or submit a form multiple times from the same IP address, and if a thank you page will be displayed when the visitor submits the form and so on.

Form elements

You also need to add form elements to the form container. The form elements, which you can configure to suit your needs, define the fields, buttons, text, etc that will be used on the form (form elements can be both visible to and hidden from the visitor). When you have defined a form element, you can reuse that on multiple forms, or use it as a template.

Episerver Forms comes with a number of predefined form elements, such as text boxes, drop-down lists, radio buttons, check boxes, buttons, and CAPTCHAs. Some of these form elements can have a dependency on other forms elements. This allows you to create a form where different form elements depend on how the visitor fills in the form. See the Example: Creating a customer satisfaction survey for an example on this can be achieved.

Episerver Forms also supports file uploads which can be useful for visitors to provide additional information in the form of files (such as a resume in PDF format).

You can add tooltips, labels and validators (to make sure data is entered correctly) to the form elements, as well as setting form elements as mandatory or optional and so on. By using form elements, you can also create a multi-step form where the steps can differ depending in the user input.

Image: Overview of Episerver Forms

Marketing Automation connectors for Forms

If you are using one of Episerver's Marketing Automation connectors, you can connect your form fields to your Marketing Automation connector database by using the Episerver Forms connector. This way, when a user fills in your form (created with Episerver Forms), user data such as name, email address, and title, is automatically stored in your Marketing Automation connector database.

Form workflow

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 elements into a form container. The elements are labeled and defined with validation, and mapped to a Marketing Automation system through the user interface.
  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 Marketing Automation system.
  4. Submitted data is exported and analyzed.
  5. New content is created based on personalized information received through the form.

Accessing Episerver Forms

Episerver Forms is managed via two gadgets, Forms and Form Elements. You may have to manually add these gadgets to your navigation or assets pane. Click Settings image in either of the panes and then Add Gadgets. Select Forms and Form Elements to add them to your pane.

The Forms gadget shows a folder structure where you store forms. The Form Elements gadget shows all available types of form elements, and you can drag and drop elements from the gadget onto a form container.

Image: The Forms gadget