{"id":429,"date":"2020-05-28T14:40:34","date_gmt":"2020-05-28T14:40:34","guid":{"rendered":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/?page_id=429"},"modified":"2022-09-13T00:29:36","modified_gmt":"2022-09-13T04:29:36","slug":"giving-form-block","status":"publish","type":"page","link":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/products\/nc-state-web-platform\/blocks\/giving-form-block\/","title":{"rendered":"Giving Form Block"},"content":{"rendered":"\n<p><strong>This block is only featured in the Premium Tier of the NC&#160;State Web Platform.<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Use Cases<\/h2>\n\n\n\n<p>The Giving Form block utilizes the <a rel=\"noreferrer noopener\" href=\"https:\/\/app.advancement-services.ncsu.edu\/online-giving\/link-builder\/builder\" target=\"_blank\">Advancement Online Giving Link Builder<\/a> to embed a gift intake form directly into a WordPress site. This block can be an effective way to facilitate giving in association with a specific page or story. As seen in the example below, the giving form can even be floated in a specific body of text, encouraging readers further to give on the basis of a specific article. <\/p>\n\n\n\n<figure class=\"wp-block-image alignwide size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"781\" src=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/screen-shot-giving-form-1024x781.png\" alt=\"\" class=\"wp-image-745\" srcset=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/screen-shot-giving-form-1024x781.png 1024w, https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/screen-shot-giving-form-300x229.png 300w, https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/screen-shot-giving-form-768x585.png 768w, https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/screen-shot-giving-form-1536x1171.png 1536w, https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/screen-shot-giving-form.png 1624w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Features<\/h2>\n\n\n\n<p>In Gutenberg, adding a Giving Form block to a page is as easy as clicking the &#8220;Add a block&#8221; button and choosing &#8220;Giving Form&#8221; from the block list. Alternatively, the block can be found by using the &#8220;Search for a block&#8221; function. For more info on blocks and adding them to a WordPress site, see our <a rel=\"noreferrer noopener\" href=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/platforms\/nc-state-theme\/blocks\/\" target=\"_blank\">documentation on blocks<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1500\" height=\"878\" src=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/giving-form-pt-1.gif\" alt=\"\" class=\"wp-image-738\"\/><\/figure>\n\n\n\n<p>Once added, an iModule link created through the <a rel=\"noreferrer noopener\" href=\"https:\/\/app.advancement-services.ncsu.edu\/online-giving\/link-builder\/builder\" target=\"_blank\">Advancement Online Giving Link Builder<\/a> must be copied and pasted into the &#8220;Enter URL&#8221; field, and then clicking &#8220;Use URL&#8221;. Once the link is added, a custom heading and teaser text can be entered.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1500\" height=\"878\" src=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/giving-form-pt-2.gif\" alt=\"\" class=\"wp-image-741\"\/><\/figure>\n\n\n\n<p>Additional customization is available through the block settings found on the right-hand side menu and creators can change the background color of the block. Furthermore, from the block toolbar, the block can be floated using the &#8220;Align right&#8221; option.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1500\" height=\"878\" src=\"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-content\/uploads\/2020\/05\/giving-form-pt-3.gif\" alt=\"\" class=\"wp-image-743\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Need help?<\/h2>\n\n\n\n<p>Have questions? Feel free to reach out with any questions or concerns at\u00a0<a href=\"http:\/\/go.ncsu.edu\/ucomm-dev-request\">go.ncsu.edu\/ucomm-dev-request<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Use Cases The Giving Form block utilizes the Advancement Online Giving Link Builder to embed a gift intake form directly into a WordPress site. This block can be an effective&hellip;<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":178,"menu_order":10,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ncst_dynamicHeaderBlockName":"ncst\/default-header","ncst_dynamicHeaderData":"{\"pageIntro\":\"Easily initiate a gift through iModules.\"}","ncst_content_audit_freq":"","ncst_content_audit_date":"","footnotes":"","_links_to":"","_links_to_target":""},"acf":[],"_links":{"self":[{"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/pages\/429"}],"collection":[{"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/comments?post=429"}],"version-history":[{"count":10,"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/pages\/429\/revisions"}],"predecessor-version":[{"id":2998,"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/pages\/429\/revisions\/2998"}],"up":[{"embeddable":true,"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/pages\/178"}],"wp:attachment":[{"href":"https:\/\/dev.ucomm.ncsu.edu\/documentation\/wp-json\/wp\/v2\/media?parent=429"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}