{"id":37947,"date":"2024-08-22T13:06:43","date_gmt":"2024-08-22T17:06:43","guid":{"rendered":"https:\/\/university-communications.ncsu.edu\/documentation\/?post_type=reference-article&#038;p=37947"},"modified":"2026-02-25T12:03:43","modified_gmt":"2026-02-25T17:03:43","slug":"floated-gravity-form","status":"publish","type":"reference-article","link":"https:\/\/university-communications.ncsu.edu\/documentation\/reference-article\/floated-gravity-form\/","title":{"rendered":"Floated Gravity Form"},"content":{"rendered":"\n<p><strong>This block is only featured in the Landing Page Builder. <\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Use Cases<\/h2>\n\n\n\n<p>The Floated Gravity Form allows you to embed a colorful, eye-catching version of any Gravity Form on your landing page, &#8220;floated&#8221; to the side of your page content.<\/p>\n\n\n\n<p>This block is useful for pages built with the Landing Page Builder where maximizing conversion rates is a priority. By keeping forms highly visible alongside your page copy, you can encourage higher form engagement and conversion rates.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"930\" height=\"727\" src=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2024\/08\/Floating-Gravity-Form.png\" alt=\"Screenshot of a landing page section featuring the Floated Gravity Form.\" class=\"wp-image-37955\" srcset=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2024\/08\/Floating-Gravity-Form.png 930w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2024\/08\/Floating-Gravity-Form-300x235.png 300w, https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/21\/2024\/08\/Floating-Gravity-Form-768x600.png 768w\" sizes=\"auto, (max-width: 930px) 100vw, 930px\" \/><figcaption class=\"wp-element-caption\">Screenshot of a landing page section featuring the Floated Gravity Form.<\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Add a Floated Gravity Form<\/h2>\n\n\n\n<p>The Floated Gravity Form block works with the Gravity Forms plugin. To use a Sticky Form, first create a form using Gravity Forms. Refer to&nbsp;<a href=\"https:\/\/docs.gravityforms.com\/create-a-new-form\/\">Gravity Forms documentation<\/a>&nbsp;for help with this process.<\/p>\n\n\n\n<p>For an optimal conversion rate, keep your form limited to as few form fields as possible.<\/p>\n\n\n\n<p>Once you have created a form in Gravity Forms, in the Page Editor, select the &#8220;+&#8221; icon to add a block and search for Floated Gravity Form. Select the desired Gravity Form to embed as a Floated Gravity Form. Under the block settings in the right sidebar, select a desired background color for the Floated Gravity Form. Reposition the Floated Gravity Form by dragging it next to the content you wish the form to &#8220;float&#8221; next to.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/31\/2024\/08\/floated-gravity-forms-demo.gif\" data-fullsize=\"1346x808\" data-zoom=\"true\"><img loading=\"lazy\" decoding=\"async\" width=\"1346\" height=\"808\" src=\"https:\/\/university-communications.ncsu.edu\/documentation\/wp-content\/uploads\/sites\/31\/2024\/08\/floated-gravity-forms-demo.gif\" alt=\"GIF demoing adding a Floated Gravity Form block to a webpage\" class=\"wp-image-39243\"\/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Need Help?<\/h2>\n\n\n\n<p>Curious about the Floated Gravity Form block? Feel free to reach out with any questions or concerns at<a href=\"http:\/\/go.ncsu.edu\/ucomm-dev-request\" target=\"_blank\" rel=\"noreferrer noopener\">&nbsp;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_dynamicHeaderData":"","ncst_content_audit_freq":"","ncst_content_audit_date":"","ncst_content_audit_display":false,"ncst_backToTopFlag":"","_links_to":"","_links_to_target":""},"availability":[91],"content-type":[51],"class_list":["post-37947","reference-article","type-reference-article","status-publish","hentry","availability-landing-page-builder","content-type-block"],"acf":[],"_links":{"self":[{"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/reference-article\/37947","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":4,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/reference-article\/37947\/revisions"}],"predecessor-version":[{"id":39246,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/reference-article\/37947\/revisions\/39246"}],"wp:attachment":[{"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/media?parent=37947"}],"wp:term":[{"taxonomy":"availability","embeddable":true,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/availability?post=37947"},{"taxonomy":"content-type","embeddable":true,"href":"https:\/\/university-communications.ncsu.edu\/documentation\/wp-json\/wp\/v2\/content-type?post=37947"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}