Add contact form fields

A contact form usually includes at a minimum, the following fields which we will use as an illustration for this article:

  • First Name / Full Name (text box)
  • Phone (text box)
  • Email (text box)
  • Message (text area)   
  1. Make sure you are in Edit mode (click the dropbox at the top right corner of the page and select edit mode)
  2. On the page that you have added a form to, scroll down to the Form Builder Controls, click Edit Form link. The Edit Form lightbox is displayed. (to add a form to a page, see the article Add a Form)

Settings for all fields (excluding the Message field)

  1. Field Name: Type in the field name e.g. First Name
  2.  Input Type: From the dropdown select 'Textbox'.
  3. Sorting: This allows you to specify the order of your fields e.g. type 1 for the field that you want first on your form, type 2 for the field that you want to appear in second position etc. 
  4. Required checkbox: Check this button if you want users to definitely complete this field or leave unchecked if completing  this field is optional. 
  5. Click Add field to save the changes.
  6. A list will be displayed showing the created fields. 

Settings for the message field

  1. Field Name: Type in the field name e.g. Message
  2.  Input Type: From the dropdown select 'TextArea'.
  3. Sorting: Specify the order position of this field.  
  4. Required checkbox: Check this button if you want users to definitely complete this field or leave unchecked if completing  this field is optional. 
  5. Click Add field to save the changes.
  6. After creating all the needed fields, click Back to Form. The new Contact Form is now displayed below the Form Builder Controls.