{"id":7777,"date":"2018-09-04T11:25:38","date_gmt":"2018-09-04T15:25:38","guid":{"rendered":"https:\/\/extension.umaine.edu\/plugged-in\/?page_id=7777"},"modified":"2024-03-27T11:35:35","modified_gmt":"2024-03-27T15:35:35","slug":"forms-feature","status":"publish","type":"page","link":"https:\/\/extension.umaine.edu\/plugged-in\/technology-marketing-communications\/web\/tips-for-web-managers\/forms-feature\/","title":{"rendered":"How to create a simple interactive form using the Forms feature"},"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><a href=\"https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/form-feature.jpg\" rel=\"attachment wp-att-7780\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7780 size-large\" src=\"https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/form-feature-1024x581.jpg\" alt=\"screenshot of WordPress's Gravity Form's editing window\" width=\"1024\" height=\"581\" srcset=\"https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/form-feature-1024x581.jpg 1024w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/form-feature-300x170.jpg 300w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/form-feature-768x436.jpg 768w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/form-feature-105x60.jpg 105w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/form-feature-317x180.jpg 317w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/form-feature-423x240.jpg 423w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/form-feature-634x360.jpg 634w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/form-feature-846x480.jpg 846w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/form-feature-951x540.jpg 951w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/form-feature-1268x720.jpg 1268w\" sizes=\"auto, (max-width: 320px) 85vw, (max-width: 768px) 67vw, (max-width: 1024px) 62vw,1024px\" \/><\/a><\/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><a href=\"https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/form-settings.jpg\" rel=\"attachment wp-att-7781\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7781 size-large\" src=\"https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/form-settings-1024x477.jpg\" alt=\"screenshot of WordPress's Gravity Forms settings menu\" width=\"1024\" height=\"477\" srcset=\"https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/form-settings-1024x477.jpg 1024w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/form-settings-300x140.jpg 300w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/form-settings-768x358.jpg 768w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/form-settings-105x49.jpg 105w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/form-settings-600x280.jpg 600w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/form-settings-317x148.jpg 317w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/form-settings-423x197.jpg 423w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/form-settings-634x295.jpg 634w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/form-settings-846x394.jpg 846w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/form-settings-951x443.jpg 951w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/form-settings-1268x591.jpg 1268w\" sizes=\"auto, (max-width: 320px) 85vw, (max-width: 768px) 67vw, (max-width: 1024px) 62vw,1024px\" \/><\/a><\/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<blockquote>\n<h3><strong><a id=\"reduce-spam-risk\"><\/a>Reduce the risk of your Form being spammed by taking these steps:<\/strong><\/h3>\n<p>1. When setting up the title or description of your form in <b>Settings\/Form Settings<\/b>, before you click <b>Save Settings \u2192<\/b>, be sure to use the slider to enable <strong>Anti-Spam honeypot<\/strong>, then click <b>Save Settings \u2192<\/b>.<\/p>\n\n\t\t<style type=\"text\/css\">\n\t\t\t#gallery-1 {\n\t\t\t\tmargin: auto;\n\t\t\t}\n\t\t\t#gallery-1 .gallery-item {\n\t\t\t\tfloat: left;\n\t\t\t\tmargin-top: 10px;\n\t\t\t\ttext-align: center;\n\t\t\t\twidth: 50%;\n\t\t\t}\n\t\t\t#gallery-1 img {\n\t\t\t\tborder: 2px solid #cfcfcf;\n\t\t\t}\n\t\t\t#gallery-1 .gallery-caption {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\t\t\/* see gallery_shortcode() in wp-includes\/media.php *\/\n\t\t<\/style>\n\t\t<div id='gallery-1' class='gallery galleryid-7777 gallery-columns-2 gallery-size-medium'><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon landscape'>\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"191\" src=\"https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2023\/03\/prevent-spam-under-form-settings-300x191.png\" class=\"attachment-medium size-medium\" alt=\"screenshot of a Gravity Form &quot;Form Settings&quot; menu, circled with an arrow pointing to it\" aria-describedby=\"gallery-1-17376\" srcset=\"https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2023\/03\/prevent-spam-under-form-settings-300x191.png 300w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2023\/03\/prevent-spam-under-form-settings-768x489.png 768w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2023\/03\/prevent-spam-under-form-settings-105x67.png 105w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2023\/03\/prevent-spam-under-form-settings-317x202.png 317w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2023\/03\/prevent-spam-under-form-settings-423x269.png 423w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2023\/03\/prevent-spam-under-form-settings-634x403.png 634w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2023\/03\/prevent-spam-under-form-settings.png 800w\" sizes=\"auto, (max-width: 320px) 85vw, (max-width: 768px) 67vw, (max-width: 1024px) 62vw,300px\" \/>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-1-17376'>\n\t\t\t\tWhen setting up a Gravity Form, go to the &#8220;Form Settings&#8221; menu.\n\t\t\t\t<\/dd><\/dl><dl class='gallery-item'>\n\t\t\t<dt class='gallery-icon portrait'>\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"253\" height=\"300\" src=\"https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2023\/03\/preventing-spam-anti-spam-honeypot-253x300.png\" class=\"attachment-medium size-medium\" alt=\"screenshot of a Gravity Form &quot;Form Options\/Anti-spam honeypot,&quot; circled with an arrow pointing to it and an arrow pointing to a &quot;Save Settings&quot; button\" aria-describedby=\"gallery-1-17378\" srcset=\"https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2023\/03\/preventing-spam-anti-spam-honeypot-253x300.png 253w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2023\/03\/preventing-spam-anti-spam-honeypot-105x125.png 105w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2023\/03\/preventing-spam-anti-spam-honeypot-317x376.png 317w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2023\/03\/preventing-spam-anti-spam-honeypot-423x502.png 423w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2023\/03\/preventing-spam-anti-spam-honeypot-634x753.png 634w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2023\/03\/preventing-spam-anti-spam-honeypot.png 700w\" sizes=\"auto, (max-width: 320px) 85vw, (max-width: 768px) 67vw, (max-width: 1024px) 62vw,253px\" \/>\n\t\t\t<\/dt>\n\t\t\t\t<dd class='wp-caption-text gallery-caption' id='gallery-1-17378'>\n\t\t\t\tEnable &#8220;Anti-spam honeypot&#8221; by sliding button to the right.\n\t\t\t\t<\/dd><\/dl><br style=\"clear: both\" \/>\n\t\t<\/div>\n\n<p>2. When setting up the Email field in your form, be sure to check off <strong>Enable Email Confirmation<\/strong> for clients to enter their email again.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-17377\" src=\"https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2023\/03\/preventing-spam-email-confirmation.png\" alt=\"screenshot of a Gravity Form checkbox for &quot;Enable Email Confirmation,&quot; circled with an arrow pointing to it\" width=\"1200\" height=\"481\" srcset=\"https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2023\/03\/preventing-spam-email-confirmation.png 1200w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2023\/03\/preventing-spam-email-confirmation-300x120.png 300w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2023\/03\/preventing-spam-email-confirmation-1024x410.png 1024w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2023\/03\/preventing-spam-email-confirmation-768x308.png 768w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2023\/03\/preventing-spam-email-confirmation-105x42.png 105w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2023\/03\/preventing-spam-email-confirmation-317x127.png 317w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2023\/03\/preventing-spam-email-confirmation-423x170.png 423w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2023\/03\/preventing-spam-email-confirmation-634x254.png 634w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2023\/03\/preventing-spam-email-confirmation-846x339.png 846w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2023\/03\/preventing-spam-email-confirmation-951x381.png 951w\" sizes=\"auto, (max-width: 320px) 85vw, (max-width: 768px) 67vw, (max-width: 1024px) 62vw,1200px\" \/><\/p>\n<p>3. An additional tip: when setting notifications to come to you or another admin on the form, include &#8220;michelle.snowden@maine.edu&#8221; so that any suspicious form submissions are tracked by the webmaster as well.<\/p>\n<p>Even with these precautions in place, if you do happen to notice any irregularities in submissions (addresses that seem peculiar) received from your form or a large number of submissions sent in all at once, please contact <a href=\"mailto:michelle.snowden@maine.edu\" target=\"_blank\" rel=\"noopener noreferrer\">michelle.snowden@maine.edu<\/a> for instructions on preventing further spamming of the form.<\/p><\/blockquote>\n<h3><b><a id=\"embed\"><\/a>Embed your form in a Page or Sidebar Widget<\/b><\/h3>\n<h4>To embed your form in a Page<\/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><a href=\"https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/insert-form.jpg\" rel=\"attachment wp-att-7782\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-7782 size-large\" src=\"https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/insert-form-1024x739.jpg\" alt=\"screenshot of WordPress's Insert a Form interface\" width=\"1024\" height=\"739\" srcset=\"https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/insert-form-1024x739.jpg 1024w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/insert-form-300x216.jpg 300w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/insert-form-768x554.jpg 768w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/insert-form-105x76.jpg 105w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/insert-form-317x229.jpg 317w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/insert-form-423x305.jpg 423w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/insert-form-634x458.jpg 634w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/insert-form-846x611.jpg 846w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/insert-form-951x686.jpg 951w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/insert-form-1268x915.jpg 1268w, https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/54\/2018\/09\/insert-form.jpg 1455w\" sizes=\"auto, (max-width: 320px) 85vw, (max-width: 768px) 67vw, (max-width: 1024px) 62vw,1024px\" \/><\/a><\/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>To embed your form in a Sidebar Widget<\/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><strong>To view or manage entry data:<\/strong> Go to Forms\/Entries. Select your form from the dropdown menu at the top of the page. To add or remove columns from the Entries view, click on the little gear icon in the upper right. Search for specific entries using the search box. To print or save entries as an easy-to-read PDF, select the entries by clicking the Bulk Actions checkboxes, then select Print from the dropdown menu.<\/li>\n<li><strong>To download data in a spreadsheet:<\/strong> Go to Forms\/Import\/Export. Be sure Export is selected. Select your form from the dropdown menu. Select the fields you want to be included in your spreadsheet. Select a date range or leave it blank if you want all entries to be exported. Click the Download Export File button to download a CSV file. The exported CSV file can be opened in Excel or Google Sheets.<\/li>\n<\/ul>\n<h3><b>Learn more<\/b><\/h3>\n<p><b>To learn how to create complex forms that use conditional logic, are sent to multiple recipients, or require an online payment page<\/b>, contact <a href=\"mailto:michelle.snowden@maine.edu\" target=\"_blank\" rel=\"noopener noreferrer\">michelle.snowden@maine.edu<\/a>.<\/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":138,"featured_media":0,"parent":7741,"menu_order":14,"comment_status":"closed","ping_status":"closed","template":"templates\/page-withsidebar.php","meta":{"_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-7777","page","type-page","status-publish","hentry"],"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"Amanda Miles","author_link":"https:\/\/extension.umaine.edu\/plugged-in\/author\/amiles\/"},"comment_info":0,"_links":{"self":[{"href":"https:\/\/extension.umaine.edu\/plugged-in\/wp-json\/wp\/v2\/pages\/7777","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/extension.umaine.edu\/plugged-in\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/extension.umaine.edu\/plugged-in\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/extension.umaine.edu\/plugged-in\/wp-json\/wp\/v2\/users\/138"}],"replies":[{"embeddable":true,"href":"https:\/\/extension.umaine.edu\/plugged-in\/wp-json\/wp\/v2\/comments?post=7777"}],"version-history":[{"count":15,"href":"https:\/\/extension.umaine.edu\/plugged-in\/wp-json\/wp\/v2\/pages\/7777\/revisions"}],"predecessor-version":[{"id":20221,"href":"https:\/\/extension.umaine.edu\/plugged-in\/wp-json\/wp\/v2\/pages\/7777\/revisions\/20221"}],"up":[{"embeddable":true,"href":"https:\/\/extension.umaine.edu\/plugged-in\/wp-json\/wp\/v2\/pages\/7741"}],"wp:attachment":[{"href":"https:\/\/extension.umaine.edu\/plugged-in\/wp-json\/wp\/v2\/media?parent=7777"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}