bookmark_borderGravity Forms Gutenberg Block

Summary

The Gravity Forms Gutenberg Block is a content block for the new WordPress Gutenberg page editor that allows you to add any of your saved Gravity Forms as a content block from directly within the Gutenberg editor.

The Gravity Forms Gutenberg Block is available to any user who has an active Gravity Forms license.

Caveat

At this moment, the Gutenberg editor is a beta plugin, as is the Gravity Forms Gutenberg Block Add-On. So as with all beta software, proceed with caution, and note that future updates to Gutenberg may adversely affect the functionality of this block, at least until we can resolve the issue.

Requirements

  • WordPress version 4.9 or above
  • Gravity Forms Plugin 2.2 or above
  • Gutenberg Plugin 2.0 or above.

Download

As with all our Add-Ons, you must have an active Gravity Forms license and logged into your Gravity Forms user account to download this add-on. The Gravity Forms Gutenberg Block add-on can be downloaded from your My Account > Downloads page.

Installation

Install using any of the standard WordPress plugin installation methods.

Usage

From within the Gutenberg editor, click any Add Block icon (+) and then select the Gravity Forms block, which can be found within the Embed section, or by using the block search feature.

Once added to the page, you can select which existing form you wish to embed using the drop down within the Gravity Forms block placeholder. Creation and editing of forms still takes place within standard Gravity Forms Form Editor.

Once a form is chosen, the block will display a representation of the form itself. (This preview can be disabled in the Advanced section of the block’s settings.) Note that the limited space of the editor pane within Gutenberg means that form elements may be previewed in the editor using mobile layout resizing constraints, which may not be how they look when the form is viewed from within a desktop web browser etc. Always preview your page first to see an accurate representation of the final form.

Block Options

Gutenberg Block InspectorTo edit the block options, select a form, and choose the appearance settings pane in the inspector (or click the horizontal ellipses to the right of the content block).

Form Title

Will toggle appearance of the form title on or off.

Form Description

Will toggle appearance of the form description on or off.



Conditional Logic

Gutenberg block conditional logic options Allows setting of rules that define the conditions under which the form will show or hide at the moment the page is displayed. Rules can be based on user or date/time conditions.

Meeting the conditional logic tests can be set to show or hide the form.

User conditions can be based on the role, or the logged in/out status of the user.
Date/time conditions are relative to the time zone defined within your WordPress Settings.

Multiple rules can be specified, and the logic can be set to return a positive test as either when one of the specified rules matches (any), or when all of the rules (all) are satisfied.

Advanced > Preview

Toggles whether the full form is shown within the editor block, or just a marker for it.

Advanced > AJAX

Toggles embedding the form on the front-end using AJAX, allowing for confirmations and changing between form pages to happen without page reloads.

Advanced > Tabindex

Sets the tab index of the form element on the page.

Reusable Blocks

Reusable Block option
Any Gutenberg block, including the Gravity Forms block, can be set to be reusable using the option within the overflow menu icon. This creates a saved block that has all the options that were set at the time the reusable block was created. This saved block can be added to any page (look under the Saved section of the “block add” popover window).

To edit a reusable block, click the edit button at the bottom of the block. Edits made affect all copies of that reusable blocks in use. To return a reusable block back into a regular block that can be edited independently, use the “Detach From Reusable Block” option.

Last modified: March 17, 2018