{"id":1833,"date":"2021-03-22T16:44:04","date_gmt":"2021-03-22T20:44:04","guid":{"rendered":"https:\/\/university-communications.ncsu.edu\/documentation\/?page_id=1833"},"modified":"2026-02-27T16:47:22","modified_gmt":"2026-02-27T21:47:22","slug":"gravity-forms","status":"publish","type":"reference-article","link":"https:\/\/university-communications.ncsu.edu\/documentation\/reference-article\/gravity-forms\/","title":{"rendered":"Gravity Forms"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Introduction<\/h2>\n\n\n\n<p>This page provides a quick introduction to Gravity Forms, a powerful tool for creating professional looking forms embedded directly into a WordPress page or post. The easy to use form building platform helps to save time while also allowing users to preview their forms before taking them live on their site. Through its configuration settings there is a great deal of control over how users can interact with forms and how form entries are handled.<\/p>\n\n\n\n<p>Some of the key features that Gravity Forms provides are:<\/p>\n\n\n\n<ul class=\"wp-block-list is-style-default\">\n<li>An intuitive drag-and-drop form builder interface<\/li>\n\n\n\n<li>Numerous field types providing complete form customization from the ground up<\/li>\n\n\n\n<li>The ability to export form data via CSV<\/li>\n\n\n\n<li>Available integration with various email marketing tools<\/li>\n<\/ul>\n\n\n\n<p><strong>Note: <\/strong>before building forms with Gravity Forms, the Gravity Forms plugin must be installed. To have the Gravity Forms plugin installed on a site, contact the <a href=\"http:\/\/go.ncsu.edu\/ucomm-dev-request\">UCOMM Web team<\/a>. Once the plugin is on a site content maintainers can begin building forms.<\/p>\n\n\n\n<p>For a complete reference on all Gravity Forms features, see the <a href=\"https:\/\/docs.gravityforms.com\/\">official Gravity Forms documentation<\/a>. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Building and Embedding Forms<\/h2>\n\n\n\n<p>The process of creating a form in Gravity Forms, and then embedding it to a page or post, is simple and straightforward. Below are step-by-step instructions on the process. For those who prefer a video tutorial Gravity Forms has provided <a href=\"https:\/\/www.gravityforms.com\/how-to-create-a-simple-contact-form-video-tutorial\/\">this useful resource demoing the drag-and-drop editor as well as how to create a simple contact form<\/a>. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Creating a Form<\/h3>\n\n\n\n<p>Before adding a form to a page or post it must first be built through the Form section of the WordPress dashboard. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2021\/03\/forms-wp-dashboard-e1616341467732.jpg\" data-fullsize=\"1498x842\" data-zoom=\"true\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2021\/03\/forms-wp-dashboard-e1616341467732-1024x576.jpg\" alt=\"WordPress dashboard with a clipart arrow pointing to the Forms section in the left navigation bar. \" class=\"wp-image-1839\" srcset=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2021\/03\/forms-wp-dashboard-e1616341467732-1024x576.jpg 1024w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2021\/03\/forms-wp-dashboard-e1616341467732-300x169.jpg 300w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2021\/03\/forms-wp-dashboard-e1616341467732-768x432.jpg 768w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2021\/03\/forms-wp-dashboard-e1616341467732.jpg 1498w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Once in the Forms section of the WordPress dashboard creating a new form is as easy as clicking &#8220;New Form&#8221; (or &#8220;Add New&#8221;) and then building it out with the form builder.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2021\/03\/add-a-form.jpg\" data-fullsize=\"1901x935\" data-zoom=\"true\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"504\" src=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2021\/03\/add-a-form-1024x504.jpg\" alt=\"WordPress dashboard with a clipart arrow pointing to the &quot;New Form&quot; and &quot;Add New&quot; buttons in the &quot;Forms&quot; section of the left navigation bar. \" class=\"wp-image-1842\" srcset=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2021\/03\/add-a-form-1024x504.jpg 1024w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2021\/03\/add-a-form-300x148.jpg 300w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2021\/03\/add-a-form-768x378.jpg 768w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2021\/03\/add-a-form-1536x755.jpg 1536w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2021\/03\/add-a-form.jpg 1901w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Once the new form has been added, WordPress will prompt you to provide a name and description for the new form.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2021\/03\/form-title-form-description.jpg\" data-fullsize=\"1918x939\" data-zoom=\"true\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"501\" src=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2021\/03\/form-title-form-description-1024x501.jpg\" alt=\"WordPress dashboard with a popup modal showing Form Title and Form Description when creating a new Gravity Forms form. \" class=\"wp-image-1844\" srcset=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2021\/03\/form-title-form-description-1024x501.jpg 1024w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2021\/03\/form-title-form-description-300x147.jpg 300w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2021\/03\/form-title-form-description-768x376.jpg 768w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2021\/03\/form-title-form-description-1536x752.jpg 1536w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2021\/03\/form-title-form-description.jpg 1918w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Once the title and description is provided and the form is created, building out the rest of the form is as easy as following the instructions provided by Gravity Forms in the form builder. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2021\/03\/creating-a-form.png\" data-fullsize=\"930x1025\" data-zoom=\"true\"><img loading=\"lazy\" decoding=\"async\" width=\"930\" height=\"1025\" src=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2021\/03\/creating-a-form.png\" alt=\"Gravity Forms Form Editor when starting from scratch. \" class=\"wp-image-1846\" srcset=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2021\/03\/creating-a-form.png 930w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2021\/03\/creating-a-form-272x300.png 272w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2021\/03\/creating-a-form-768x846.png 768w\" sizes=\"auto, (max-width: 930px) 100vw, 930px\" \/><\/a><\/figure>\n\n\n\n<p><strong>Note: <\/strong>once a form has been built it is necessary to click the &#8220;Update Form&#8221; button featured in the image above. It is also advisable that before adding a new form to a page or post to use the &#8220;Preview&#8221; feature first. This will not be a 1-to-1 representation of what the form looks like on a live page or post, but will provide a good estimation.<\/p>\n\n\n\n<p>Still uncertain about the form building process? Watch <a href=\"https:\/\/www.gravityforms.com\/how-to-create-a-simple-contact-form-video-tutorial\/\">this helpful video<\/a> from Gravity Forms on the form creation process. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Adding a Form to a Page or Post<\/h3>\n\n\n\n<p>Once a form has been created through the form builder it can be embedded in a page or post by adding a <a href=\"\/documentation-staging\/reference-article\/form-block\/\" target=\"_blank\" rel=\"noreferrer noopener\">Form block<\/a>, <a href=\"\/documentation-staging\/reference-article\/email-signup-block\/\" data-type=\"link\" data-id=\"https:\/\/university-communications.ncsu.edu\/documentation\/reference-article\/email-signup-block\/\" target=\"_blank\" rel=\"noreferrer noopener\">Email Signup block<\/a>, or the <a href=\"\/documentation-staging\/reference-article\/fancy-paragraph-block\/\" data-type=\"link\" data-id=\"https:\/\/university-communications.ncsu.edu\/documentation\/reference-article\/fancy-paragraph-block\/\" target=\"_blank\" rel=\"noreferrer noopener\">Fancy Paragraph block<\/a> using the Form layout and choosing the desired form from the available drop down.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2021\/03\/newsletter-signup.gif\"><img decoding=\"async\" src=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2021\/03\/newsletter-signup.gif\" alt=\"A GIF demonstrating the process of adding a Gravity Forms form to a page by clicking the &quot;+&quot; button in the WordPress editor and adding a &quot;Forms&quot; block.\" class=\"wp-image-1867\"\/><\/a><\/figure>\n\n\n\n<p><strong>Note: <\/strong>once the form has been added any data collected will be available under the Forms section in the WordPress dashboard under Entries. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Collecting Data<\/h2>\n\n\n\n<p>Once there are data entries associated with a specific form they can be viewed in the Entries section under Forms in the WordPress dashboard. In order to use the data for other applications Gravity Forms also provides an export feature that will give the data in a CSV format. The process of exporting to CSV is outlined below. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Exporting to CSV<\/h3>\n\n\n\n<p>To begin the export process, navigate to the Import\/Export section under Forms in the WordPress dashboard.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2021\/03\/csv-export-1-e1616256482146.jpg\" data-fullsize=\"1500x843\" data-zoom=\"true\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"575\" src=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2021\/03\/csv-export-1-e1616256482146-1024x575.jpg\" alt=\"WordPress dashboard with a clipart arrow pointing to the Gravity Forms import\/export feature.\" class=\"wp-image-1834\" srcset=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2021\/03\/csv-export-1-e1616256482146-1024x575.jpg 1024w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2021\/03\/csv-export-1-e1616256482146-300x169.jpg 300w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2021\/03\/csv-export-1-e1616256482146-768x432.jpg 768w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2021\/03\/csv-export-1-e1616256482146.jpg 1500w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>On the next page, while under Export Entries, select a form to export its data. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2021\/03\/csv-export-2-e1616256628884.jpg\" data-fullsize=\"1497x844\" data-zoom=\"true\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"577\" src=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2021\/03\/csv-export-2-e1616256628884-1024x577.jpg\" alt=\"&quot;Export Entries&quot; interface in the Gravity Forms section of the WordPress dashboard with a dropdown menu to select which form you want to export. \" class=\"wp-image-1835\" srcset=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2021\/03\/csv-export-2-e1616256628884-1024x577.jpg 1024w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2021\/03\/csv-export-2-e1616256628884-300x169.jpg 300w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2021\/03\/csv-export-2-e1616256628884-768x433.jpg 768w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2021\/03\/csv-export-2-e1616256628884.jpg 1497w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Before performing the export identify which specific fields need to be included in the export, along with with the date range. Finally, click the &#8220;Download Export File&#8221; button to convert the data to CSV. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2021\/03\/csv-export-3-e1616256669954.jpg\" data-fullsize=\"1499x844\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"577\" src=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2021\/03\/csv-export-3-e1616256669954-1024x577.jpg\" alt=\"&quot;Export Entries&quot; interface in the Gravity Forms section of the WordPress dashboard with the various form fields under the &quot;Email Signup&quot; form available with checkboxes for export, and a clipart arrow pointing to the &quot;Download Export File&quot; button. \" class=\"wp-image-1836\" srcset=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2021\/03\/csv-export-3-e1616256669954-1024x577.jpg 1024w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2021\/03\/csv-export-3-e1616256669954-300x169.jpg 300w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2021\/03\/csv-export-3-e1616256669954-768x432.jpg 768w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2021\/03\/csv-export-3-e1616256669954.jpg 1499w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Integration with Other Platforms<\/h3>\n\n\n\n<p>Another useful feature with respect to data collection is Gravity Form&#8217;s numerous integrations with third-party tools. Below are resources for help with setting up a few of the most common integrations, though there are many more. <\/p>\n\n\n<div class=\"is-text wp-block-ncst-accordion\" >\n    <div class=\"accordion isLinked\" id=\"ncst-accordion-zrm8sk\">\n          \n<details class=\"wp-block-ncst-accordion-item\" name=\"zrm8sk\"  >\n      <summary class=\"accordion-item__header\">\n        <span class=\"accordion-item__expansion-indicator\">\n          <span class=\"ncst-plus-minus-toggle\"><\/span>\n        <\/span>\n        <h2 class=\"accordion-item__label h6\">iContact<\/h2>\n      <\/summary>\n      <p>\n        \n\n<p><a href=\"https:\/\/docs.gravityforms.com\/icontact-add-on\/\">Setting Up the iContact Add-On<\/a><\/p>\n\n\n      <\/p>\n  <\/details>\n\n\n<details class=\"wp-block-ncst-accordion-item\" name=\"zrm8sk\"  >\n      <summary class=\"accordion-item__header\">\n        <span class=\"accordion-item__expansion-indicator\">\n          <span class=\"ncst-plus-minus-toggle\"><\/span>\n        <\/span>\n        <h2 class=\"accordion-item__label h6\">Mailchimp<\/h2>\n      <\/summary>\n      <p>\n        \n\n<p><a href=\"https:\/\/www.gravityforms.com\/how-to-create-a-mailchimp-signup-form-video-tutorial\/)\">How to Create a Mailchimp Signup Form (Video Tutorial)<\/a><\/p>\n\n\n      <\/p>\n  <\/details>\n\n\n<details class=\"wp-block-ncst-accordion-item\" name=\"zrm8sk\"  >\n      <summary class=\"accordion-item__header\">\n        <span class=\"accordion-item__expansion-indicator\">\n          <span class=\"ncst-plus-minus-toggle\"><\/span>\n        <\/span>\n        <h2 class=\"accordion-item__label h6\">Zapier<\/h2>\n      <\/summary>\n      <p>\n        \n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/docs.gravityforms.com\/setting-up-the-zapier-add-on\/)\">Setting Up the Zapier Add-On<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/docs.gravityforms.com\/zapier-add-on\/\">Using the Zapier Add-On<\/a><\/li>\n<\/ul>\n\n\n      <\/p>\n  <\/details>\n\n\n    <\/div>\n  <\/div>\n\n\n\n<p><strong>Note: <\/strong>read more about Gravity Forms&#8217; numerous third-party add-ons on <a href=\"https:\/\/docs.gravityforms.com\/category\/add-ons-gravity-forms\/\">their official site<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Need help?<\/h2>\n\n\n\n<p>Still unsure about about getting started with Gravity Forms? Feel free to reach out with any questions or concerns at&nbsp;<a href=\"http:\/\/go.ncsu.edu\/ucomm-dev-request\">go.ncsu.edu\/ucomm-dev-request<\/a>.<\/p>\n","protected":false},"featured_media":0,"template":"","meta":{"_acf_changed":false,"ncst_custom_author":"","ncst_show_custom_author":false,"ncst_dynamicHeaderBlockName":"ncst\/default-header","ncst_dynamicHeaderData":"{\"pageIntro\":\"Create embedded forms on pages and posts with ease\"}","ncst_content_audit_freq":"","ncst_content_audit_date":"","ncst_content_audit_display":false,"ncst_backToTopFlag":"","_links_to":"","_links_to_target":""},"availability":[72,71,50,49,73],"content-type":[51,52],"class_list":["post-1833","reference-article","type-reference-article","status-publish","hentry","availability-nc-state-premium-add-on","availability-nc-state-pro-add-on","availability-nc-state-stories","availability-nc-state-theme","availability-nc-state-theme-v3","content-type-block","content-type-third-party-plugin"],"acf":[],"_links":{"self":[{"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/reference-article\/1833","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/reference-article"}],"about":[{"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/types\/reference-article"}],"version-history":[{"count":38,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/reference-article\/1833\/revisions"}],"predecessor-version":[{"id":39318,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/reference-article\/1833\/revisions\/39318"}],"wp:attachment":[{"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/media?parent=1833"}],"wp:term":[{"taxonomy":"availability","embeddable":true,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/availability?post=1833"},{"taxonomy":"content-type","embeddable":true,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/content-type?post=1833"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}