How Do I Use the Gravity Form Button or Modal?

First, make sure you’re using Gravity Forms.

If you are using the new block editor (Gutenberg), Six/Ten Press registers a block for Gravity Forms which includes the additional display options (button and modal), along with helping you set your button text. This is the easiest way to use the Gravity Forms button/modal display options.

In the classic editor, you can add a form to your post/page as you normally would–Gravity Forms adds a shortcode to the editor, which looks like this at its most simple:

[gravityform id="1"]Code language: JSON / JSON with Comments (json)

To add a button, just add a “text” and an “action” to your shortcode, so it might look like this:

[gravityform id="1" action="button" text="button text"]Code language: JSON / JSON with Comments (json)

The “action” must be “button”, but the “text” can be whatever you want.

If your theme uses custom classes for buttons, you can change the default class added to the new button:

[gravityform id="1" action="button" text="button text" class="button wide"]Code language: JSON / JSON with Comments (json)

Alternatively, there is a setting to replace the default Gravity Forms shortcode button with one which includes the additional form display options: visit your Six/Ten Press settings page to enable it.

Return to Six/Ten Press