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"]
view raw edit.txt hosted with ❤ by GitHub

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"]
view raw edit.txt hosted with ❤ by GitHub

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"]
view raw edit.txt hosted with ❤ by GitHub

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
Bars Code Check chevron-down chevron-left chevron-right chevron-up Envelope Laptop Search Times Facebook GitHub Google Plus Instagram LinkedIn Pinterest Twitter WordPress Logo Wordpress Simple