3heads-gear3headschatchecklistglobehead-lockhead-plusimaclife-ringlogo-cornelllogo-melbournelogo-northhamptonlogo-portsmouthlogo-small logo-vancouverlogo-yokohamamail-line mail-wings pdf pie-chartplayplugprinter skype website
Print Friendly

Formidable Forms is a powerful plugin which allows you to easily create forms of all shapes and sizes – and so much more.

After activating the Formidable plugin in Plugins > All, you will see a new Formidable menu item added to your main navigation.

Formidable Forms menu

Please contact Edublogs support if you don’t see the Formidable menu item.

Create a contact form

The easiest way to see how Formidable Forms works is to create a contact form using the Contact form template.

You create a contact form as follows:

1.  Go to Formidable > Forms

Formidable Forms menu

2.  Click on Add New.

Add New

3.  Select Contact Us from the template drop down menu then click Load Template.

Contact form template

4.  The contact form template loads and you can customize each field for your purpose.

Hovering your mouse over a field brings up three action menu options:

  • Duplicate field – used to create a duplicate copy of the field.  For example, you could duplicate the email field to add an extra email field and then edit the description on the second email field to change it to alternative email address.
  • Delete field – removes the field from the form.  For example, the contact form has a field for Name (First) and Last (Last).  You could use Delete Field to remove Last name field then edit the description on the Name field to change it from First to your full name.
  • Move field – used to change the location of a field in the form.

 

Field Options

5.  Clicking on a field allows you to edit the field title, field description and access the field options (used for advanced field customization).

For example, clicking on First in the description field under Name allows you to change it from First to Full Name.

Edit description

6.  Clicking on the drop down menu next to Field options brings up the advance options.

For example, if you didn’t want the person to have to enter their name to submit the form you would uncheck Required under the field type.

Field Options

8.  You add extra fields to the form by drag and dropping the new field onto your form from the Fields list on the right hand side of the page.

Refer to Formidable Forms field type support documentation to learn more about fields.

Field options

For example, if you wanted a person to be able to submit a file such as a image or Word Document when they submit their form you would add the File Upload file.  All files submitted using the File upload field are added to your media library where you can quickly add them to a post, view or download onto your computer.

Form example
Customize Contact Form example

7.  Click on “Create” to create your new form once you’ve finished customizing the form to your needs. This saves your form and automatically takes you to the Form Settings page.

Refer to the following support documentation for more detailed information on the Form Settings page:

8.  Click on Form Actions.

Click on Form actions

10.  Click on the drop down menu item on Email notifications to reveal the email options.

Email options

When a new form is submitted it is automatically sent to the email address listed in Settings > General (i.e. the blog admin email address).  Add the new email address to the email notification form and click Update if you need to change it.

11.  Forms are displayed on your blog by adding to a page, post or in your sidebar.

Create New Form

New forms can be created using a template or by creating your own form.  The easiest way to see how Formidable Forms works is to create a contact form using the Contact form template.

You create a new form as follows:

1.  Go to Formidable > Forms

Formidable Forms menu

2.  Click on Add New.

Click on Add New

3.  Start with a template or a blank form.

To use a template, select the preferred template from the dropdown list and select Load Template.

Formidable Forms includes the following templates:

  • Contact Us
  • Defect/Bug/Issue Report
  • Job Application
  • Real Estate Listings
  • User Information

To use a blank form, add your title, description, drag the fields to your form.  Refer to Formidable Forms field type support documentation to learn more about fields.

Below is an example of a form created for submitting artwork photos with the fields used to create the form.  This type of form can be used for submitting assignments.  All files submitted using the File upload field are added to your media library where you can quickly add them to a post, view or download onto your computer.

Form example

4.  Clicking on a field allows you to add the field title, field description and access the field options (used for advanced field customization).

Edit description

5.  Clicking on the drop down menu next to Field options brings up the advance options.

For example, if you require specific information before a form is submitted you select Required under the field type.

Field Options

6.  Click on “Create” to create your new form once you’ve finished customizing the form to your needs.  This saves your form and automatically takes you to the Form Settings page.

Refer to the following support documentation for more detailed information on the Form Settings page:

7.  Click on Form Actions.

Click on Form actions

8.  Click on the drop down menu item on Email notifications to reveal the email options.

Email options

When a new form is submitted it is automatically sent to the email address listed in Settings > General (i.e. the blog admin email address).  Add the new email address to the email notification form and click Update if you need to change it.

9.  Forms are displayed on your blog by adding to a page, post or in your sidebar.

Add Form to a Page

You add your form to a post or page using the Formidable button as follows:

1.  Go to Pages > Add New.

Add New Page

2.  Add your page title and your content.

Add form code to page

3.  Place your cursor where you want the form to appear and then click on the Formidable icon.

Click on Formidable

4.  In the Formidable window select the form you want to insert, select your preferred options and click Insert into Post.

Inserting a form

5.  You will now see the Formidable forms shortcode added to your page.  Shortcode is a WordPress-specific code that enables you to do things that normally would require lots of complicated, ugly code.

Shortcode

6.  Click Publish.

7.  When you view the page on your blog you will now see your form embedded.

8.  Remember to test the form to confirm it is working.

Add Form to Sidebar

You add your form to your sidebar as follows:

1.  Go to Appearance > Widgets

Widgets

2.  Drag and drop the Formidable Forms widget from the Available Widgets into the desired Sidebar.

Formidable widget

4.  Select Contact Us from the drop down menu under Forms and then click Save.

Select Contact Us

5.  When you view your sidebar you will now see your form embedded.

6.  Remember to test the form to confirm it is working.

Form Entries

All form submissions are listed in Formidable > Entries.

On Form Entries page you can:

  1. View, delete and edit Entries.
  2. Download all submissions as a CSV file.

Display Form Responses

 

Display form responses on your blog

  1. Use the shortcode [ formresults id=x ] where x is the id of the field you wish to display and there are no spaces after the [ or before the ]
  2. Use the shortcode [ frm-graph id=x ] to show a graphical representation of the data in your form
  3. Field id’s are found on the “Form Entries” page in the column header that displays the information.  For example, if the column header is “Name (mvh342 | 43) then 43 would be the field id.
  4. Use the Formidable Entries List widget