Ollie Murphy

Gravity Forms already lets you customize the Submit Button under its Form Settings for each form; you can change the button’s text and you can select whether the button should be an <code><input></code> or an <code><img></code> element. However, you can’t add html as part of the button text and you’re restricted to using either an input or image element for the button. With this plugin you can choose to use a <code><button></code> tag element instead, which also lets you embed HTML inside it. Moreover, this plugin also lets you conveniently change the CSS classes of the submit button.
There are plenty of use cases for adding HTML into the submit button text. For instance, if your button text is multiple words long and you’d like to bold or italicize some of them by wrapping certain words in strong or em tags.
Likewise, there are many reasons to change the button’s default CSS class. For example, GravityForms automatically adds the ‘button’ class, but, if you’re using the Twitter Bootstrap framework, ‘btn’ would actually be more helpful.
Gravity Forms requires at least: 1.9.12.16
Gravity Forms tested up to: 1.9.15.11 
After activating the plugin, please navigate to the form settings of the form that you wish to customize. Scroll down to the ‘form button’ section where, in addition to ‘text’ and ‘image’, you’ll also be given ‘button’ as an input type option. Selecting the ‘button’ option will change the submit button’s markup to a <code><button></code> element. You will also be able to embed html in the ‘HTML Button Text’ field.
In the same ‘form button’ section under form settings, there’s an input called ‘Submit Button CSS Classes’. This is where you can change the CSS classes being currently used by the submit button.
Currently you are only able to customize the submit buttons on a per form basis within the form settings and not globally.
<h4>Please note that Gravity Forms must be installed and activated for the plugin to work.</h4>

Customize Submit Button for Gravity Forms

I'm able to add classes to submit button independently without using the filter. Without PHP notices or bugs so far.



Does exactly what I need

Lets you customize the submit button in Gravity Forms by switching it to a button element and changing its CSS classes

Samuel Aguilera

Caching is great for scenarios where your post or page content it’s not changed frequently, but if you have a form embedded to which you do changes very often or you’re using dynamic code, that doesn’t run for a cached page, or using third-party solutions relaying in dynamic live data (e.g. reCAPTCHA), using caching in these cases is going to cause issues. The same applies to certain automatic JS optimizations done by caching plugins that are known to break JS execution easily.
An easy solution is to configure your caching plugin or proxy to exclude the page where the form is embedded, but you need also to remember this when you create a new page or embed a new form in an existing page…
This plugin will take care of the above automatically doing the following:
<ol>
<li>Flush current cache on plugin activation. This is required in order to allow the next step to run.</li>
<li>Dynamically check if there’s a Gravity Forms for any of the supported embedding methods (see below for the list).</li>
<li>If so, it will prevent post/page from being cached by any of the supported caching plugins, browsers and CDN/Proxies.</li>
</ol>
<h4>Embedding methods supported:</h4>
<ul>
<li>WordPress default editor, shortcode or Gutenberg block. Content of any post type, including pages and custom posts.</li>
<li>ACF fields of type Text, Text Area, and WYSIWYG. Disabled by default.</li>
<li>Avada. The following elements has been proven to work: Content Boxes, “Gravity Form”, Modal, Text Block. Other elements could work too, but not tested.</li>
<li>Beaver Builder. It will detect Gravity Forms shortcodes added to a Text Editor module.</li>
<li>Conversational Forms add-on. It will automatically detect any form page using the conversational_form post type (requires Conversational Forms add-on 1.3.0+).</li>
<li>Divi. It should work with any of the default modules where you can insert a GF shortcode into the content. e.g. Call To Action, Text, Tabs…</li>
<li>Elementor. The following widgets added to the post content are supported: Shortcode, Text.</li>
<li><a href="https://wordpress.org/plugins/essential-addons-for-elementor-lite/" rel="ugc">Essential Addons for Elementor</a> Gravity Forms widget.</li>
<li>GravityKit Gravity Forms Widget for Elementor.</li>
<li>PowerPack for Beaver Builder Gravity Forms Styler module.</li>
<li><a href="https://wordpress.org/plugins/ultimate-addons-for-beaver-builder-lite/" rel="ugc">Ultimate Addons for Beaver Builder</a> Gravity Forms Styler module.</li>
<li>Ultimate Addons for Elementor By Brainstorm Force.</li>
<li>WooCommerce Gravity Forms Product Add-ons by Lucas Stark.</li>
<li>WPBakery Page Builder. The following elements has been proven to work: “Gravity Form”, Text Block. Other elements could work too, but not tested.</li>
<li><a href="https://wordpress.org/plugins/wp-tools-gravity-forms-divi-module/" rel="ugc">WP Tools Gravity Forms Divi Module</a>.</li>
</ul>
If you’re not using any of the above embedding methods you can still use Fresh Forms with a filter to pass the ID number of the posts where you want to run Fresh forms. You can also make Fresh Forms to add a cookie when a form is detected to use this cookie as a way to skip caching for hosts using Varnish based caching. Please see FAQ for more details.
There’s no options page. Only the plugin version is saved to the database to be able to handle actions after an update when needed, no other data is stored.
It should work with any caching plugin with support for DONOTCACHEPAGE constant, and proxies respecting the use Cache-Control HTTP header.
Caching and Optimization plugins supported:
<ul>
<li>Autoptimize</li>
<li>Cache Enabler</li>
<li>Comet Cache</li>
<li>Hummingbird</li>
<li>Kinsta Cache</li>
<li>LiteSpeed Cache</li>
<li><a href="https://wordpress.org/plugins/page-optimize/" rel="ugc">Page Optimize</a> (Script concatenation only)</li>
<li>Perfmatters (Delay JS exclusions only)</li>
<li>Speed Optimizer (by SiteGround, the plugin with more name changes in the history of WordPress!)</li>
<li>Surge</li>
<li>W3 Total Cache</li>
<li>WP Engine System</li>
<li>WP Fastest Cache</li>
<li>WP Optimize</li>
<li>WP Rocket</li>
<li>WP Super Cache</li>
</ul>
Caching plugins NOT supported:
<ul>
<li>Breeze. It doesn’t support DONOTCACHEPAGE constant or filters to skip caching. Check FAQ for a workaround.</li>
<li>NitroPack. It doesn’t support DONOTCACHEPAGE constant or filters to skip caching. Check FAQ for a workaround.</li>
</ul>
Cloudflare and other CDN/proxies:
This plugin will add appropriate HTTP header to pages with a Gravity Forms form to exlude the page HTML from caching when the web host setup allows it.
By default Cloudflare doesn’t cache the page HTML, it does only when you have configured it to “Cache Everything”. In this case, after activating the plugin, you need to purge cache in your Cloudflare account or wait for cache expiration to let Cloudflare know the page must be excluded from caching.
Certain hosts like WP Engine and Kinsta don’t allow HTTP headers modification from WordPress side of things, therefore Cloudflare support will not work for these hosts.
Other proxy services should work in a similar way, but I don’t have access to test any other proxy service. Feel to reach me if you want to provide me access to add support for your proxy service (documentation for the proxy would be required).
Note for these cases (caching is done by an external service), Fresh Forms can just include the HTTP header when your web host allows it. Once the header is added, it’s up to the CDN/proxy being used to obey the header and skip caching for the page.
<h4>Requirements</h4>
<ul>
<li>PHP 7.0 or higher.</li>
<li>WordPress 4.9 or higher.</li>
<li>Gravity Forms 2.3 or higher.</li>
<li>Only forms embedded using classic editor shortcode or Gutenberg block are supported.</li>
</ul>
<h4>Usage</h4>
Just install and activate. No settings required except for ACF support (see FAQ).

Fresh Forms for Gravity


You have to love a plugin that just works, and this one does. Install, activate, and all the caching and optimization problems related to Gravity Forms go away. THANK YOU!


Excellent Plugin that Solves a Real Problem

Prevent supported caching and JS optimization plugins breaking Gravity Forms.

Customize Submit Button for Gravity Forms vs Fresh Forms for Gravity