Skip to main content Skip to navigation

Forms

Simple form example - Crop Sowing guide 2024

User Guide

Information on creating forms can be found via Optimizely Content Management System (CMS) online User Guide. Once logged in the User Guide is in the toolbar on the right, under the Help icon.

Form pic 1 

Forms documentation: 

Get an overview of form creation by watching these videos: 

 

Creating a form 

Before a form can be added to a page, it must first be created. Forms are created and saved in the forms section of the assets pane, found on the right side of the screen. 

Open the assets pane and select the Forms tab. Any existing forms are display below the EPiServer Forms folder.

Form pic 2

From the EPiServer Forms options (three dots), select New form, give the form a name and select OK.

Form pic 3

The form is created, ready for building and editing. 

 

Content tab

There are several fields that can be edited, but the section where the form is created is at the bottom of the page, labelled Form Elements.  

Form pic 4 

Form Elements 

Form elements can be dragged from the asset panel. The form elements are displayed under the existing forms panel.  

Form pic 5

If the Form Elements are not displayed, select the cog icon at the top of the assets panel, and select Add Gadgets. 

From the Gadgets window select Form Elements from the options shown. 

Form pic 6

Open the Form Elements pane to access the elements and drag into the page’s Form elements section. 

Form pic 7

Build the form and don’t forget to add an action element: 

  • Form step, 
  • Submit button,
  • Reset button. 

 

Email notifications 

To set up email notification for when the form is submitted, look under the form Settings tab. 

Form pic 8

Under Send email after form submissions, select the plus button to open the Create email template window. The form must be published before Placeholder content can be added to the email content.

Form pic 9 

Accessing form data 

If the Store form submission checkbox is selected, the form submissions are stored in the Episerver database.

Form pic 10 

To access this data, find the form in the assets pane, select the form options (three dots), and select the Forms submissions option. 

FOrm pic 11 

To export the form data, select the Export as … dropdown and select from CSV, JSON, XLSX, or XML. 

Form pic 12

Add Form into the page 

To add a Form: 

  • On Page > Content tab, select Select Content from Select Content dropdown.  

Form pic 13

  • Select Content pop up will be displayed, locate the form in Root > For All Sites > Form folder

 Form pic 15

  • Select the intended form (that has been created before) 
  • Form will be added into the page 

 Form pic 16

Note: Please remember to publish the page after add, edit, or delete a content block