{"id":6916,"date":"2018-12-12T19:57:37","date_gmt":"2018-12-12T14:57:37","guid":{"rendered":"https:\/\/thedevcouple.com\/?p=6916"},"modified":"2018-12-12T20:04:52","modified_gmt":"2018-12-12T15:04:52","slug":"gravity-forms-and-gutenberg","status":"publish","type":"post","link":"https:\/\/thedevcouple.com\/gravity-forms-and-gutenberg\/","title":{"rendered":"WordPress 5.0, Gutenberg &#038; Its Impact on Gravity Forms"},"content":{"rendered":"<p>It&#8217;s been less than a week since the most anticipated and talked about version of WordPress 5.0 got released. The core software now comes packed with an all-new writing experience called the Gutenberg Editor along with the default TwentyNineteen theme. The good news is that WordPress is embracing JavaScript, React.js which means we are heading towards modern web standards.<\/p>\n<p>During this entire year, we saw WordPress community speculating about Gutenberg. Some spoke about its highs while others kept on negating this idea and showed strong criticism. But considering the competition which other CMSs offer,\u00a0<strong>major updates to WordPress were crucial<\/strong>. And Gutenberg is an excellent upgrade.<\/p>\n<p>WordPress 5.0 or the Bebo as the version name goes is definitely the face of what I call as the <em><strong>Next WordPress<\/strong><\/em>.\u00a0WordPress developers\/agencies have already spent this year while investing all their energies in making their product Gutenberg compatible. Now Gutenberg is formally announced\u00a0which marks the beginning of a new test which product owners have to go through and offer the best to their audience.<\/p>\n<p>Some time back we published a case study here at TheDevCouple featuring <a href=\"https:\/\/thedevcouple.com\/wordpress-plugins-adopting-gutenberg-a-case-study-featuring-gravity-forms\/\">how\u00a0WordPress plugins are adopting Gutenberg<\/a>\u00a0and we mentioned <a href=\"https:\/\/www.gravityforms.com\/?utm_source=WPCouple&amp;utm_medium=Partner\" rel=\"nofollow noopener\" target=\"_blank\">Gravity Forms<\/a>\u00a0since this plugin is one of the early adopters of Gutenberg.<\/p>\n<p><a href=\"https:\/\/twitter.com\/carlhancock\" rel=\"nofollow noopener\" target=\"_blank\"><strong>Carl Hancock<\/strong><\/a>\u00a0\u2014 Co-founder of Gravity Forms \u2014 has throughout been a keen\u00a0<strong>advocate of Gutenberg\u00a0<\/strong>in the right for the right reasons. As a result, his team launched a Gutenberg compatible version of Gravity Forms which exists as an add-on.<\/p>\n<p>Being such a loyal support we&#8217;ve decided to once again let our readers and Gravity Forms users know how the launch of Gutenberg will impact this plugin. In this article, I will try to address all the possible\u00a0queries which its users have. So, let&#8217;s begin.<\/p>\n<div class=\"eckosc eckosc_full_width_block\">\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/www.gravityforms.com\/?utm_source=WPCouple&amp;utm_medium=Partner\" rel=\"nofollow noopener\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-6931\" src=\"https:\/\/thedevcouple.com\/wp-content\/uploads\/2018\/12\/WPCouple-Images-1.jpg\" alt=\"Wpcouple Images\" width=\"1080\" height=\"608\" srcset=\"https:\/\/thedevcouple.com\/wp-content\/uploads\/2018\/12\/WPCouple-Images-1.jpg 1080w, https:\/\/thedevcouple.com\/wp-content\/uploads\/2018\/12\/WPCouple-Images-1-300x169.jpg 300w, https:\/\/thedevcouple.com\/wp-content\/uploads\/2018\/12\/WPCouple-Images-1-768x432.jpg 768w, https:\/\/thedevcouple.com\/wp-content\/uploads\/2018\/12\/WPCouple-Images-1-1024x576.jpg 1024w, https:\/\/thedevcouple.com\/wp-content\/uploads\/2018\/12\/WPCouple-Images-1-860x484.jpg 860w, https:\/\/thedevcouple.com\/wp-content\/uploads\/2018\/12\/WPCouple-Images-1-680x383.jpg 680w, https:\/\/thedevcouple.com\/wp-content\/uploads\/2018\/12\/WPCouple-Images-1-500x281.jpg 500w, https:\/\/thedevcouple.com\/wp-content\/uploads\/2018\/12\/WPCouple-Images-1-400x225.jpg 400w, https:\/\/thedevcouple.com\/wp-content\/uploads\/2018\/12\/WPCouple-Images-1-250x141.jpg 250w, https:\/\/thedevcouple.com\/wp-content\/uploads\/2018\/12\/WPCouple-Images-1-200x113.jpg 200w, https:\/\/thedevcouple.com\/wp-content\/uploads\/2018\/12\/WPCouple-Images-1-100x56.jpg 100w, https:\/\/thedevcouple.com\/wp-content\/uploads\/2018\/12\/WPCouple-Images-1-76x43.jpg 76w, https:\/\/thedevcouple.com\/wp-content\/uploads\/2018\/12\/WPCouple-Images-1-50x28.jpg 50w\" sizes=\"(max-width: 1080px) 100vw, 1080px\" \/><\/a><\/p>\n<\/div>\n<h2>\ud83d\ude80 Impact of Gutenberg on Gravity Forms Users<\/h2>\n<p>At the time of writing this article, we didn&#8217;t witness any major changes while installing the standard version of the plugin. We created a form and experienced the same form creation and editing process.<\/p>\n<p>In case you are looking forward to learning how to create and edit forms using the Gravity Forms plugin then you can go through this<a href=\"https:\/\/thedevcouple.com\/graviry-forms-review\/\"> in-depth and extensive review which highlights all the key features, functionalities and working of this incredible form plugin<\/a>.<\/p>\n<h3>\u2705 Gutenberg and A New Form Embedding Experience<\/h3>\n<p>When it comes to talking about upgrades in the Gravity Forms plugin after the Gutenberg launch then, we came across a few changes when you tried embedding forms into posts or pages. The <em>Add Form<\/em> button which helps you create a new form is not in its previous place and the reason is pretty obvious i.e., the default WordPress post editor is being changed because Gutenberg is here.<\/p>\n<p>Previously, when you click the\u00a0<em>Add Form<\/em>\u00a0button you would select a form and its options. You&#8217;ll get a shortcode for that form and you insert the Gravity Forms shortcode into your page or post.<\/p>\n<p>Since we have an altogether a new writing editor, the button will no longer be there.\u00a0 So, now the Gravity Forms users will be able to embed form by using the following methods:<\/p>\n<ul>\n<li>\ud83c\udf1f Create a Gutenberg shortcode block and then write the\u00a0Gravity Forms shortcode\u00a0here.<\/li>\n<li>\u26a1\ufe0fInstall the Gravity Forms Gutenberg block from the\u00a0<a href=\"https:\/\/www.gravityforms.com\/my-account\/downloads\/\" rel=\"nofollow noopener\" target=\"_blank\">Downloads page<\/a>\u00a0or from their\u00a0<a href=\"https:\/\/github.com\/gravityforms\/gravityblocks\/releases\" rel=\"nofollow noopener\" target=\"_blank\">GitHub<\/a>\u00a0repo. This helps you embed the form shortcode directly.<\/li>\n<li>\ud83d\ude4c Install the\u00a0<a href=\"https:\/\/wordpress.org\/plugins\/classic-editor\/\" rel=\"nofollow noopener\" target=\"_blank\">Classic Editor plugin<\/a>\u00a0and embed the shortcode like you used to do previously in the old post editor.<\/li>\n<\/ul>\n<h3>\ud83c\udf89 Gutenberg &amp; Gravity Forms Is Supporting It Fully<\/h3>\n<p>There are literally tons of form builder plugins in the WordPress ecosystem. But when it comes to considering the factors like\u00a0<b>support<\/b>,\u00a0<b>reliability<\/b>,\u00a0<b>scalability<\/b>,\u00a0<b>security<\/b>,\u00a0<b>spam fight<\/b>\u00a0and\u00a0<b>usability\u00a0<\/b><a href=\"https:\/\/www.gravityforms.com\/?utm_source=WPCouple&amp;utm_medium=Partner\" rel=\"nofollow noopener\" target=\"_blank\">Gravity Forms<\/a>\u00a0is one of the plugins which can\u2019t be just ignored.<\/p>\n<p>In fact, Gravity Forms is something far more than just a form plugin. A great piece of software engineering paired with tons of features and possibilities. Being one of the most go-to form plugins the good folks at Gravity Forms make sure that they pace up with the changing standards in WordPress space. Which clearly speaks their inclination and support for Gutenberg.<\/p>\n<p>Despite Gutenberg&#8217;s launch, it is still in its development phase and still many more changes are bound to happen. So right now the team at Gravity Forms is keeping their Gravity Forms Gutenberg Block optional and are not merging it into the core plugin. But this does not mean they are backing off their support. They are keeping well with their users&#8217; expectations till we witness a stable and fully matured version of Gutenberg.<\/p>\n<h3>\u2049\ufe0f What&#8217;s Next for the Gravity Forms Users?<\/h3>\n<p>The details which I&#8217;ve mentioned are in no way to discourage you. Instead, at this moment the best process will be to update your sites to the WordPress version 5.0. Since the release is not only about Gutenberg. The release team has worked very hard in bringing updates which improves not only the writing experience but also the stability and security.<\/p>\n<p>If you are not ready for this major shift then instead of not updating your sites, you can use the old post editor by installing the\u00a0<a href=\"https:\/\/wordpress.org\/plugins\/classic-editor\/\" rel=\"nofollow noopener\" target=\"_blank\">Classic Editor plugin<\/a>.<\/p>\n<p>As far as the Gravity Forms is concerned, then it will still work the same as before, irrespective of which editor you are using. The only difference is the location of the\u00a0<em>Add Form<\/em>\u00a0button when using the Gutenberg editor.<\/p>\n<p>I am quite hopeful that as the Gutenberg will become better and bigger Gravity Forms plugin will cater its users accordingly since\u00a0I believe that\u00a0<a href=\"https:\/\/www.gravityforms.com\/?utm_source=WPCouple&amp;utm_medium=Partner\" rel=\"nofollow noopener\" target=\"_blank\">Gravity Forms<\/a>\u00a0have undoubtedly ranked at the top few positions when you are asked to name the popular form building solutions out there. The reason is straightforward that all their products are not only feature-rich but are also up to date.<\/p>\n<p>Finally, it&#8217;ll be a good read for you\u00a0<a href=\"https:\/\/thedevcouple.com\/in-2018-and-beyond-why-we-think-gravity-forms-is-here-to-stay\/\"><em>In 2018 and Beyond Why We Think Gravity Forms Is Here to Stay!<\/em><\/a><\/p>\n<blockquote class=\"wp-embedded-content\" data-secret=\"Vc28Nqu9au\"><p><a href=\"https:\/\/thedevcouple.com\/in-2018-and-beyond-why-we-think-gravity-forms-is-here-to-stay\/\">In 2018 and Beyond Why We Think Gravity Forms Is Here to Stay!<\/a><\/p><\/blockquote>\n<p><iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" src=\"https:\/\/thedevcouple.com\/in-2018-and-beyond-why-we-think-gravity-forms-is-here-to-stay\/embed\/#?secret=Vc28Nqu9au\" data-secret=\"Vc28Nqu9au\" width=\"500\" height=\"282\" title=\"&#8220;In 2018 and Beyond Why We Think Gravity Forms Is Here to Stay!&#8221; &#8212; TheDevCouple\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe><\/p>\n","protected":false},"excerpt":{"rendered":"<p>It&#8217;s been less than a week since the most anticipated and talked about version of WordPress 5.0 got released. The core software now comes packed with an all-new writing experience called the Gutenberg Editor along with the default TwentyNineteen theme. The good news is that WordPress is embracing JavaScript, React.js which means we are heading towards modern web standards.<\/p>\n","protected":false},"author":2,"featured_media":6927,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":""},"categories":[6],"tags":[85,126,28],"coauthors":[92],"jetpack_featured_media_url":"https:\/\/thedevcouple.com\/wp-content\/uploads\/2018\/12\/WPCouple-Images-FT.jpg","amp_enabled":true,"_links":{"self":[{"href":"https:\/\/thedevcouple.com\/api\/wp\/v2\/posts\/6916"}],"collection":[{"href":"https:\/\/thedevcouple.com\/api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thedevcouple.com\/api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thedevcouple.com\/api\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/thedevcouple.com\/api\/wp\/v2\/comments?post=6916"}],"version-history":[{"count":5,"href":"https:\/\/thedevcouple.com\/api\/wp\/v2\/posts\/6916\/revisions"}],"predecessor-version":[{"id":6932,"href":"https:\/\/thedevcouple.com\/api\/wp\/v2\/posts\/6916\/revisions\/6932"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thedevcouple.com\/api\/wp\/v2\/media\/6927"}],"wp:attachment":[{"href":"https:\/\/thedevcouple.com\/api\/wp\/v2\/media?parent=6916"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thedevcouple.com\/api\/wp\/v2\/categories?post=6916"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thedevcouple.com\/api\/wp\/v2\/tags?post=6916"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/thedevcouple.com\/api\/wp\/v2\/coauthors?post=6916"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}