  {"id":40,"date":"2015-09-24T17:28:56","date_gmt":"2015-09-24T17:28:56","guid":{"rendered":"http:\/\/umaine.edu\/userguide\/?page_id=40"},"modified":"2018-12-18T09:50:52","modified_gmt":"2018-12-18T14:50:52","slug":"adding-forms","status":"publish","type":"page","link":"https:\/\/umaine.edu\/userguide\/adding-forms\/","title":{"rendered":"Adding Forms"},"content":{"rendered":"<h3><b>Start by creating a new form<\/b><\/h3>\n<p>1. Go to <b>Forms\/New Form<\/b> in the left-hand WordPress menu to create a form.<\/p>\n<p>2. In the <b>Create a New Form dialog box<\/b>, type in the Form Title in the space provided. OPTIONAL: Add a description of the form (its purpose, intended audience, submission deadline, etc., whatever you think may be useful to the user). Click <b>Create Form<\/b>.<\/p>\n<p>3. An editing window will appear with <b>5 steps to get you started<\/b>. Read and follow these steps to create your form.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-959 aligncenter\" src=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2018\/12\/form-feature-640x363.jpg\" alt=\"screenshot of WordPress's Gravity Form's editing window\" width=\"640\" height=\"363\" srcset=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2018\/12\/form-feature-640x363.jpg 640w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2018\/12\/form-feature-640x363-300x170.jpg 300w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2018\/12\/form-feature-640x363-105x60.jpg 105w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2018\/12\/form-feature-640x363-317x180.jpg 317w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2018\/12\/form-feature-640x363-423x240.jpg 423w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2018\/12\/form-feature-640x363-634x360.jpg 634w\" sizes=\"auto, (max-width: 320px) 85vw, (max-width: 768px) 67vw, (max-width: 1024px) 62vw,640px\" \/><\/p>\n<p>4. Click the <b>Update Button<\/b> to save changes to your form.<\/p>\n<p>5. Select <b>Settings\/Confirmations<\/b> to set up a confirmation message. This message will display when a user clicks the form\u2019s Submit button. Typical confirmation messages include a \u201cthank you\u201d for filling out the form, information about next steps, contact information in case the user has questions, and any helpful links.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-961 aligncenter\" src=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2018\/12\/form-settings-640x298.jpg\" alt=\"screenshot of WordPress's Gravity Forms settings menu\" width=\"640\" height=\"298\" srcset=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2018\/12\/form-settings-640x298.jpg 640w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2018\/12\/form-settings-640x298-300x140.jpg 300w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2018\/12\/form-settings-640x298-105x49.jpg 105w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2018\/12\/form-settings-640x298-600x280.jpg 600w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2018\/12\/form-settings-640x298-317x148.jpg 317w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2018\/12\/form-settings-640x298-423x197.jpg 423w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2018\/12\/form-settings-640x298-634x295.jpg 634w\" sizes=\"auto, (max-width: 320px) 85vw, (max-width: 768px) 67vw, (max-width: 1024px) 62vw,640px\" \/><\/p>\n<p>6. Select <b>Settings\/Notifications<\/b> to set up automated email notifications. At a minimum, you\u2019ll want to set up the form to automatically notify you by email whenever a user submits information via the form. You may also want to notify additional staff or have a copy sent to the user.<\/p>\n<p>7. Select <b>Settings\/Form Settings<\/b> to change the title or description of your form or to limit the number of submissions or to schedule the form to close on a specific date.<\/p>\n<h3><b>Embed your form in a Page or Sidebar Widget<\/b><\/h3>\n<h4><b>To embed your form in a Page<\/b><\/h4>\n<p>1. Create a new Page or edit an existing Page where you want your form to appear.<\/p>\n<p>2. In the editing window, place your cursor where you want the form to display on the page.<\/p>\n<p>3. Click on the <b>Add Form<\/b> button directly above the toolbar.<\/p>\n<p>4. Select a form from the <b>Insert a Form dropdown menu<\/b>. Select or deselect the checkbox items (the form title and the form description) that you want displayed above the form.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-962 aligncenter\" src=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2018\/12\/insert-form-640x462.jpg\" alt=\"screenshot of WordPress's Insert a Form interface\" width=\"640\" height=\"462\" srcset=\"https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2018\/12\/insert-form-640x462.jpg 640w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2018\/12\/insert-form-640x462-300x217.jpg 300w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2018\/12\/insert-form-640x462-105x76.jpg 105w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2018\/12\/insert-form-640x462-317x229.jpg 317w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2018\/12\/insert-form-640x462-423x305.jpg 423w, https:\/\/umaine.edu\/userguide\/wp-content\/uploads\/sites\/33\/2018\/12\/insert-form-640x462-634x458.jpg 634w\" sizes=\"auto, (max-width: 320px) 85vw, (max-width: 768px) 67vw, (max-width: 1024px) 62vw,640px\" \/><\/p>\n<p>5. Click <b>Insert Form<\/b>. <i>A string of code, not the form, will display in the editing window<\/i>. <b>Save your changes<\/b> by clicking on the Update button or the Publish (or Save Draft) button. To <b>view the form<\/b> as it will appear to the user, preview the Page in in your browser.<\/p>\n<p>6. Always <b>TEST your form<\/b> to ensure 1) it\u2019s working the way it should, 2) the confirmation message says what you want it to say, and 3) you receive an automated email notification.<\/p>\n<p><i>See an example of a simple interactive form embedded in a Page: <\/i><a href=\"https:\/\/extension.umaine.edu\/food-health\/efnep\/10-steps-to-a-healthier-you\/\"><i>&#8220;10 Steps to a Healthier You&#8221; Survey<\/i><\/a><\/p>\n<h4><b>To embed your form in a Sidebar Widget<\/b><\/h4>\n<p>1. Go to <b>Appearance\/Widgets<\/b> in the left-hand WordPress menu.<\/p>\n<p>2. Click the down arrow to open the <b>Page Sidebar<\/b> widget area.<\/p>\n<p><b>3. Drag\/Drop the Form widget<\/b> from the many choices on the left-hand side of your screen into the Page Sidebar widget area on the right.<\/p>\n<p>4. Give the Form widget a <b>Title<\/b> (usually the same title as your form).<\/p>\n<p><b>5. Select the Form from the dropdown menu<\/b>. Select or deselect the checkbox items (the form title and the form description) that you want displayed above the form.<\/p>\n<p>6. Click on <b>Visibility<\/b>. Select \u201cShow\u201d if \u201cPage\u201d is \u201cname of your page\u201d to ensure the form displays in the sidebar of a specific page. Add additional pages as desired by clicking the + sign.<\/p>\n<p><i>See an example of a simple interactive form embedded in a Sidebar: <\/i><a href=\"https:\/\/extension.umaine.edu\/agrability\/request-information\/\"><i>Request Information about Maine AgrAbility<\/i><\/a><\/p>\n<h3><b>How to access the form\u2019s data<\/b><\/h3>\n<ul>\n<li>Go to Forms\/Entries to view or manage entry data.<\/li>\n<li>Go to Forms\/Import\/Export to download data in a spreadsheet.<\/li>\n<\/ul>\n<hr \/>\n<p>Adapted from \u201cHow To\u201d Tips for 91¸£Àû Extension Web Managers, University of Maine Cooperative Extension.<br \/>\n<a href=\"https:\/\/extension.umaine.edu\/plugged-in\/\">Link to Plugged In website<\/a><\/p>\n<p>Sorry. You must be logged in to view this form.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Start by creating a new form 1. Go to Forms\/New Form in the left-hand WordPress menu to create a form. 2. In the Create a New Form dialog box, type in the Form Title in the space provided. OPTIONAL: Add a description of the form (its purpose, intended audience, submission deadline, etc., whatever you think [&hellip;]<\/p>\n","protected":false},"author":72,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-40","page","type-page","status-publish","hentry"],"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"","author_link":"https:\/\/umaine.edu\/userguide\/author\/"},"comment_info":"","_links":{"self":[{"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/pages\/40","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/users\/72"}],"replies":[{"embeddable":true,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/comments?post=40"}],"version-history":[{"count":7,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/pages\/40\/revisions"}],"predecessor-version":[{"id":966,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/pages\/40\/revisions\/966"}],"wp:attachment":[{"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/media?parent=40"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}