Example: Creating a satisfaction survey form

The following example shows how to create a survey with satisfaction questions in multiple steps. The visitor selects answers from predefined choices. The form also the contains mandatory fields and displays a progress bar to let the visitor know how many questions remain. It uses the following form elements: Form step, Multiple or single choice, Text, Text area, Hidden visitor profiling, Hidden predefined value, and Submit button.

1. From the assets pane, select Forms to list the existing form folders.
2. From a folder's context menu, select New Form and give it a name such as Satisfaction Survey.
3. Edit the form container settings in the All properties view as follows:
   

   Property	Configuration
   Form title	Give the form the title Satisfaction Survey.
   Description	Enter the description Take our survey!
   Confirmation message	Enter the confirmation message Thank you for taking our survey.
   Show navigation bar...	Select the Show navigation bar... check box.

   —Image: Satisfaction survey metadata—

   
   

4. Drag the following form elements onto the Form elements section in the new form container. Change the elements as follows (add your own Placeholder text) and publish each element:
   

   Form element	Configuration
   Form step	Label the form element Step 1.
   Multiple or single choice	Adjust the settings of the form element as follows: Name the element: Service satisfaction Label text: How would you rate our service? Tooltip: Choose from 1 (poor) to 5 (excellent) Select the Required check box. Under Choices, select Use manual input and add the following items: Choice: 5 Excellent; Value 5. Choice: 4 Great; Value 4. Choice: 3 Neutral; Value 3. Choice: 2 Lacking; Value 2. Choice: 1 Poor; Value 1.
   Form step	Label the form element Step 2.
   Multiple or single choice	Adjust the settings of the form element as follows: Name the element: Returning customer Label text: How likely are you to return? Tooltip: How likely are you to return? Select the Required check box. Under Choices, select Use manual input and add the following items: Choice: 5 I'll be back!; Value 5. Choice: 4 It is likely.; Value 4. Choice: 3 Maybe yes. Maybe no.; Value 3. Choice: 2 I don't think so.; Value 2. Choice: 1 No way!; Value 1.
   Form step	Label the form element Step 3.
   Text	Label the form element Email address (optional) and add a tooltip.
   Text area	Label the form element Comments. and add a tooltip.
   Hidden visitor profiling	Select Visitor Groups> Name. This field is used for internal purposes only and is not displayed to the visitor. Episerver will log the visitor group each visitor (who fills in the form) belongs to.
   Hidden predefined value	Enter Satisfaction-survey in Predefined value. This field is used for internal purposes only and is not displayed to the visitor. You can use the predefined value to associate the form with a specific campaign or survey etc.
   Submit button	Label the button Submit Survey and add a tooltip.

5. Publish the form container. It appears in your Forms list.
   —Image: Forms list—

   

6. Drag the Satisfaction Survey form onto a web page and publish the page.

Test your form

To test your form, go to the page on the website and enter data into the form on the page in View mode.

1. Select an option and click Next Step.

   

2. Select an option and click Next Step.

   

3. Enter an email address and comments and click Submit Survey. A confirmation box appears. When you submit the data, it is stored in Episerver .

   

   

View form submissions

To view the results of your test, go to your Satisfaction Survey form in the Forms gadget and select Form submissions from the context menu. The Form submissions view appears with data submitted from the form.