Creating a Form in Formidable Forms

The Formidable Forms plugin provides an easy way to build custom forms for your website on WashU Sites. If your site is not hosted on WashU Sites, you can create forms using Gravity Forms.

You can choose from a variety of form field types. The Formidable Forms Knowledge base is good guide for creating forms.

Create a New Form

  1. In the dashboard, click Formidable > Forms.
  2. Click Add New.
    FormidableFormsF1
  3. Select a pre-existing form template or enter the name of your new form.
  4. Click Create.
    FormidableFormsF2
  5. In the form editor, the available fields are listed on the right side of the screen. To add a field, click on the button with the field name, and it will appear at the bottom of your form.
  6. To move a field, click on the move field icon to the top right of the field and drag it where you want it to go.
  7. Change the field label by clicking on Title.
  8. Each field also has settings that you can define. You can see the properties of each field by clicking on the field options. Note the Required checkbox, which determines if the user must fill out this field in order to submit the form.
  9. (Optional) If you want the field to appear only once the user has given a particular answer to an earlier question, click Use Conditional Logic, and use the drop-downs to create the statement you’d prefer.
  10. Click Update Form to save it.
    FormidableFormsF3

More about Field Types

Formidable contains basic and validated fields and provides a way to add static content to your form.

  • Single Line text Allows the user to fill in any data in a simple text box.
  • Paragraph text – Allows the user to fill in multiple lines of text in a single box.
  • Checkbox – Allows the user to select one or more options from a list.
  • Radio button Allows the user to select a single piece of data from a list.
  • Drop-down – Allows the user to select a response from a list of existing options. One of the values will be selected by default. Note: You can avoid the default selection of an option by selecting the show values checkbox and creating an entry with a label such as Select… and a blank value.
  • Hidden field Does not appear to the user.
  • HTML fields – Allows you to enter any text content with HTML on your form. This is useful for including instructions or descriptions for the user.
  • CAPTCHA fieldDisplays an antirobot test for your form. Do not use a CAPTCHA on your form unless you have a significant spam problem.
  • Email field – Creates a field in which users can enter an email address and validates that the data entered matches an email format (e.g., example@wustl.edu).
  • Website field – Creates a field in which users can enter a website and validates that the data entered matches a website format (e.g., .com, .edu).
  • Section heading – Divides your form into sections using headings.
  • Page break – Divides the form into multiple pages. You can select what you want the buttons to say on each page.
  • File upload – Allows the user to upload a file when submitting the form.
  • Phone number fieldCreates a field in which users can enter a phone number.
  • Date field – Creates a date picker with which users can select a date.
  • Time field – Creates fields with which users can enter a specific time.

Put Your Form on a Page

  1. Navigate to the page on which you want the form to display.
  2. In the page editor, click on the content area where you want the form to appear.
  3. Above the editor, click on Add Form.
    FormOnPageF1
  4. Select the form that you wish to display.
  5. Uncheck the box for Display form title to remove the title.
  6. Uncheck the box for Display form description to remove the description.
  7. Click Insert Form. A shortcode, which will display the form in the browser, will appear in your page editor. You can move this shortcode to the location where you want the form to display.
    FormOnPageF2