\n\n\n\n
Before You Begin<\/h2>\n\n\n\n\n- Determine what information you need to collect.<\/li>\n\n\n\n
- Keep forms as short and simple as possible.<\/li>\n\n\n\n
- Identify who should receive form submissions.<\/li>\n\n\n\n
- Review accessibility best practices when creating forms.<\/li>\n<\/ul>\n\n\n\n
\n\n\n\nSteps<\/h2>\n\n\n\n\n\n1<\/strong><\/p>\n<\/div>\n\n\n\n\nCreate a New Form<\/h3>\n\n\n\n\n- Create a New Form<\/li>\n\n\n\n
- Log in to WordPress.<\/li>\n\n\n\n
- Hover over Forms<\/strong> in the left navigation menu.<\/li>\n\n\n\n
- Select New Form<\/strong>.<\/li>\n\n\n\n
- Enter a form title.<\/li>\n\n\n\n
- Click Create Form<\/strong>.<\/li>\n<\/ol>\n\n\n\n
![\"new](\"https:\/\/www.mtsu.edu\/style-guide\/wp-content\/uploads\/sites\/2\/2026\/08\/newform.png\")
<\/figure>\n<\/div>\n<\/div>\n\n\n\n\n\n2<\/strong><\/p>\n<\/div>\n\n\n\n\nAdd Form Fields<\/h3>\n\n\n\n\n- Use the field panel to add the necessary form fields.<\/li>\n\n\n\n
- Drag and drop fields into the desired order.<\/li>\n\n\n\n
- Configure field settings as needed.<\/li>\n\n\n\n
- Mark fields as required when appropriate.<\/li>\n<\/ol>\n\n\n\n
![\"screenshot](\"https:\/\/www.mtsu.edu\/style-guide\/wp-content\/uploads\/sites\/2\/2026\/08\/createformeditor-1024x550.png\")
<\/figure>\n<\/div>\n<\/div>\n\n\n\n\n\n3<\/strong><\/p>\n<\/div>\n\n\n\n\nSave the Form<\/h3>\n\n\n\n\n- Review the form structure and field settings.<\/li>\n\n\n\n
- Click Save Form<\/strong>.<\/li>\n<\/ol>\n\n\n\n
![\"screenshot](\"https:\/\/www.mtsu.edu\/style-guide\/wp-content\/uploads\/sites\/2\/2026\/08\/saveform.png\")
<\/figure>\n<\/div>\n<\/div>\n\n\n\n\n\n4<\/strong><\/p>\n<\/div>\n\n\n\n\nOpen the Page<\/h3>\n\n\n\n\n- Navigate to the page where the form should appear.<\/li>\n\n\n\n
- Open the page in the WordPress editor.<\/li>\n<\/ol>\n\n\n\n
![\"screenshot](\"https:\/\/www.mtsu.edu\/style-guide\/wp-content\/uploads\/sites\/2\/2026\/08\/allpages.png\")
<\/figure>\n<\/div>\n<\/div>\n\n\n\n\n\n5<\/strong><\/p>\n<\/div>\n\n\n\n\nAdd the Gravity Forms Block<\/h3>\n\n\n\n\n- Select the Add Block (+)<\/strong> button.<\/li>\n\n\n\n
- Search for Gravity Forms<\/strong>.<\/li>\n\n\n\n
- Add the Gravity Forms block to the page.<\/li>\n<\/ol>\n\n\n\n
![\"gravity](\"https:\/\/www.mtsu.edu\/style-guide\/wp-content\/uploads\/sites\/2\/2026\/08\/gfblock.png\")
<\/figure>\n<\/div>\n<\/div>\n\n\n\n\n\n6<\/strong><\/p>\n<\/div>\n\n\n\n\nSelect the Form<\/h3>\n\n\n\n\n- Choose the form you created from the dropdown list.<\/li>\n\n\n\n
- Verify the correct form is selected.<\/li>\n<\/ol>\n\n\n\n
![\"screenshot](\"https:\/\/www.mtsu.edu\/style-guide\/wp-content\/uploads\/sites\/2\/2026\/08\/gfselectformpage.png\")
<\/figure>\n<\/div>\n<\/div>\n\n\n\n\n\n7<\/strong><\/p>\n<\/div>\n\n\n\n\nSave and Test the Form<\/h3>\n\n\n\n\n- Update or publish the page.<\/li>\n\n\n\n
- View the page on the live website.<\/li>\n\n\n\n
- Submit a test entry.<\/li>\n\n\n\n
- Confirm the form displays and submits correctly.<\/li>\n<\/ol>\n<\/div>\n<\/div>\n\n\n\n
\n\n\n\nTips<\/h2>\n\n\n\n\nCollect only the information you need<\/strong>
Shorter forms are easier for visitors to complete and maintain.<\/p>\n\n\n\nUse clear field labels<\/strong>
Forms should clearly communicate what information is being requested.<\/p>\n\n\n\nMark only necessary fields as required<\/strong>
Too many required fields can discourage users from completing a form.<\/p>\n\n\n\nTest the form before sharing it<\/strong>
Always submit a test entry to verify the form works as expected.<\/p>\n\n\n\nReview notification settings after creating a form<\/strong>
Ensure form submissions are sent to the correct individual or department.<\/p>\n<\/blockquote>\n\n\n\n
\n\n\n\nCommon Mistakes to Avoid<\/h2>\n\n\n\n\nCreating unnecessarily long forms<\/strong>
Large forms can reduce submission rates and increase maintenance needs.<\/p>\n\n\n\nUsing unclear field labels<\/strong>
Visitors should immediately understand what information is being requested.<\/p>\n\n\n\nMarking too many fields as required<\/strong>
Require only the information necessary to process the submission.<\/p>\n\n\n\nEmbedding the wrong form<\/strong>
Always verify the selected form before publishing the page.<\/p>\n\n\n\nPublishing without testing<\/strong>
Submit a test entry to confirm the form displays and functions correctly.<\/p>\n<\/blockquote>\n","protected":false},"excerpt":{"rendered":"Forms allow website visitors to submit information electronically. Use this job aid to create a new Gravity Form and embed it on a WordPress page. For additional form-related tasks, see: Before You Begin Steps 1 Create a New Form 2 Add Form Fields 3 Save the Form 4 Open the Page 5 Add the Gravity […]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":1754,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1973","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.mtsu.edu\/web-training\/wp-json\/wp\/v2\/pages\/1973","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mtsu.edu\/web-training\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.mtsu.edu\/web-training\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.mtsu.edu\/web-training\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mtsu.edu\/web-training\/wp-json\/wp\/v2\/comments?post=1973"}],"version-history":[{"count":3,"href":"https:\/\/www.mtsu.edu\/web-training\/wp-json\/wp\/v2\/pages\/1973\/revisions"}],"predecessor-version":[{"id":1999,"href":"https:\/\/www.mtsu.edu\/web-training\/wp-json\/wp\/v2\/pages\/1973\/revisions\/1999"}],"up":[{"embeddable":true,"href":"https:\/\/www.mtsu.edu\/web-training\/wp-json\/wp\/v2\/pages\/1754"}],"wp:attachment":[{"href":"https:\/\/www.mtsu.edu\/web-training\/wp-json\/wp\/v2\/media?parent=1973"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\n\n\n\n
Steps<\/h2>\n\n\n\n\n\n1<\/strong><\/p>\n<\/div>\n\n\n\n\nCreate a New Form<\/h3>\n\n\n\n\n- Create a New Form<\/li>\n\n\n\n
- Log in to WordPress.<\/li>\n\n\n\n
- Hover over Forms<\/strong> in the left navigation menu.<\/li>\n\n\n\n
- Select New Form<\/strong>.<\/li>\n\n\n\n
- Enter a form title.<\/li>\n\n\n\n
- Click Create Form<\/strong>.<\/li>\n<\/ol>\n\n\n\n
<\/figure>\n<\/div>\n<\/div>\n\n\n\n\n\n2<\/strong><\/p>\n<\/div>\n\n\n\n\nAdd Form Fields<\/h3>\n\n\n\n\n- Use the field panel to add the necessary form fields.<\/li>\n\n\n\n
- Drag and drop fields into the desired order.<\/li>\n\n\n\n
- Configure field settings as needed.<\/li>\n\n\n\n
- Mark fields as required when appropriate.<\/li>\n<\/ol>\n\n\n\n
<\/figure>\n<\/div>\n<\/div>\n\n\n\n\n\n3<\/strong><\/p>\n<\/div>\n\n\n\n\nSave the Form<\/h3>\n\n\n\n\n- Review the form structure and field settings.<\/li>\n\n\n\n
- Click Save Form<\/strong>.<\/li>\n<\/ol>\n\n\n\n
<\/figure>\n<\/div>\n<\/div>\n\n\n\n\n\n4<\/strong><\/p>\n<\/div>\n\n\n\n\nOpen the Page<\/h3>\n\n\n\n\n- Navigate to the page where the form should appear.<\/li>\n\n\n\n
- Open the page in the WordPress editor.<\/li>\n<\/ol>\n\n\n\n
<\/figure>\n<\/div>\n<\/div>\n\n\n\n\n\n5<\/strong><\/p>\n<\/div>\n\n\n\n\nAdd the Gravity Forms Block<\/h3>\n\n\n\n\n- Select the Add Block (+)<\/strong> button.<\/li>\n\n\n\n
- Search for Gravity Forms<\/strong>.<\/li>\n\n\n\n
- Add the Gravity Forms block to the page.<\/li>\n<\/ol>\n\n\n\n
<\/figure>\n<\/div>\n<\/div>\n\n\n\n\n\n6<\/strong><\/p>\n<\/div>\n\n\n\n\nSelect the Form<\/h3>\n\n\n\n\n- Choose the form you created from the dropdown list.<\/li>\n\n\n\n
- Verify the correct form is selected.<\/li>\n<\/ol>\n\n\n\n
<\/figure>\n<\/div>\n<\/div>\n\n\n\n\n\n7<\/strong><\/p>\n<\/div>\n\n\n\n\nSave and Test the Form<\/h3>\n\n\n\n\n- Update or publish the page.<\/li>\n\n\n\n
- View the page on the live website.<\/li>\n\n\n\n
- Submit a test entry.<\/li>\n\n\n\n
- Confirm the form displays and submits correctly.<\/li>\n<\/ol>\n<\/div>\n<\/div>\n\n\n\n
\n\n\n\nTips<\/h2>\n\n\n\n\nCollect only the information you need<\/strong>
Shorter forms are easier for visitors to complete and maintain.<\/p>\n\n\n\nUse clear field labels<\/strong>
Forms should clearly communicate what information is being requested.<\/p>\n\n\n\nMark only necessary fields as required<\/strong>
Too many required fields can discourage users from completing a form.<\/p>\n\n\n\nTest the form before sharing it<\/strong>
Always submit a test entry to verify the form works as expected.<\/p>\n\n\n\nReview notification settings after creating a form<\/strong>
Ensure form submissions are sent to the correct individual or department.<\/p>\n<\/blockquote>\n\n\n\n
\n\n\n\nCommon Mistakes to Avoid<\/h2>\n\n\n\n\nCreating unnecessarily long forms<\/strong>
Large forms can reduce submission rates and increase maintenance needs.<\/p>\n\n\n\nUsing unclear field labels<\/strong>
Visitors should immediately understand what information is being requested.<\/p>\n\n\n\nMarking too many fields as required<\/strong>
Require only the information necessary to process the submission.<\/p>\n\n\n\nEmbedding the wrong form<\/strong>
Always verify the selected form before publishing the page.<\/p>\n\n\n\nPublishing without testing<\/strong>
Submit a test entry to confirm the form displays and functions correctly.<\/p>\n<\/blockquote>\n","protected":false},"excerpt":{"rendered":"Forms allow website visitors to submit information electronically. Use this job aid to create a new Gravity Form and embed it on a WordPress page. For additional form-related tasks, see: Before You Begin Steps 1 Create a New Form 2 Add Form Fields 3 Save the Form 4 Open the Page 5 Add the Gravity […]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":1754,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1973","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.mtsu.edu\/web-training\/wp-json\/wp\/v2\/pages\/1973","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mtsu.edu\/web-training\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.mtsu.edu\/web-training\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.mtsu.edu\/web-training\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mtsu.edu\/web-training\/wp-json\/wp\/v2\/comments?post=1973"}],"version-history":[{"count":3,"href":"https:\/\/www.mtsu.edu\/web-training\/wp-json\/wp\/v2\/pages\/1973\/revisions"}],"predecessor-version":[{"id":1999,"href":"https:\/\/www.mtsu.edu\/web-training\/wp-json\/wp\/v2\/pages\/1973\/revisions\/1999"}],"up":[{"embeddable":true,"href":"https:\/\/www.mtsu.edu\/web-training\/wp-json\/wp\/v2\/pages\/1754"}],"wp:attachment":[{"href":"https:\/\/www.mtsu.edu\/web-training\/wp-json\/wp\/v2\/media?parent=1973"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
1<\/strong><\/p>\n<\/div>\n\n\n\n 2<\/strong><\/p>\n<\/div>\n\n\n\n 3<\/strong><\/p>\n<\/div>\n\n\n\n 4<\/strong><\/p>\n<\/div>\n\n\n\n 5<\/strong><\/p>\n<\/div>\n\n\n\n 6<\/strong><\/p>\n<\/div>\n\n\n\n 7<\/strong><\/p>\n<\/div>\n\n\n\n Collect only the information you need<\/strong> Use clear field labels<\/strong> Mark only necessary fields as required<\/strong> Test the form before sharing it<\/strong> Review notification settings after creating a form<\/strong> Creating unnecessarily long forms<\/strong> Using unclear field labels<\/strong> Marking too many fields as required<\/strong> Embedding the wrong form<\/strong> Publishing without testing<\/strong> Forms allow website visitors to submit information electronically. Use this job aid to create a new Gravity Form and embed it on a WordPress page. For additional form-related tasks, see: Before You Begin Steps 1 Create a New Form 2 Add Form Fields 3 Save the Form 4 Open the Page 5 Add the Gravity […]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":1754,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1973","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.mtsu.edu\/web-training\/wp-json\/wp\/v2\/pages\/1973","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mtsu.edu\/web-training\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.mtsu.edu\/web-training\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.mtsu.edu\/web-training\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mtsu.edu\/web-training\/wp-json\/wp\/v2\/comments?post=1973"}],"version-history":[{"count":3,"href":"https:\/\/www.mtsu.edu\/web-training\/wp-json\/wp\/v2\/pages\/1973\/revisions"}],"predecessor-version":[{"id":1999,"href":"https:\/\/www.mtsu.edu\/web-training\/wp-json\/wp\/v2\/pages\/1973\/revisions\/1999"}],"up":[{"embeddable":true,"href":"https:\/\/www.mtsu.edu\/web-training\/wp-json\/wp\/v2\/pages\/1754"}],"wp:attachment":[{"href":"https:\/\/www.mtsu.edu\/web-training\/wp-json\/wp\/v2\/media?parent=1973"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}Create a New Form<\/h3>\n\n\n\n
\n
<\/figure>\n<\/div>\n<\/div>\n\n\n\nAdd Form Fields<\/h3>\n\n\n\n
\n
<\/figure>\n<\/div>\n<\/div>\n\n\n\nSave the Form<\/h3>\n\n\n\n
\n
<\/figure>\n<\/div>\n<\/div>\n\n\n\nOpen the Page<\/h3>\n\n\n\n
\n
<\/figure>\n<\/div>\n<\/div>\n\n\n\nAdd the Gravity Forms Block<\/h3>\n\n\n\n
\n
<\/figure>\n<\/div>\n<\/div>\n\n\n\nSelect the Form<\/h3>\n\n\n\n
\n
<\/figure>\n<\/div>\n<\/div>\n\n\n\nSave and Test the Form<\/h3>\n\n\n\n
\n
\n\n\n\nTips<\/h2>\n\n\n\n
\n
Shorter forms are easier for visitors to complete and maintain.<\/p>\n\n\n\n
Forms should clearly communicate what information is being requested.<\/p>\n\n\n\n
Too many required fields can discourage users from completing a form.<\/p>\n\n\n\n
Always submit a test entry to verify the form works as expected.<\/p>\n\n\n\n
Ensure form submissions are sent to the correct individual or department.<\/p>\n<\/blockquote>\n\n\n\n
\n\n\n\nCommon Mistakes to Avoid<\/h2>\n\n\n\n
\n
Large forms can reduce submission rates and increase maintenance needs.<\/p>\n\n\n\n
Visitors should immediately understand what information is being requested.<\/p>\n\n\n\n
Require only the information necessary to process the submission.<\/p>\n\n\n\n
Always verify the selected form before publishing the page.<\/p>\n\n\n\n
Submit a test entry to confirm the form displays and functions correctly.<\/p>\n<\/blockquote>\n","protected":false},"excerpt":{"rendered":"