Ollie Murphy

<p>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.</p>
<p>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.</p>
<p>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.</p>
<p><strong>Gravity Forms requires at least: 1.9.12.16</strong></p>
<p><strong>Gravity Forms tested up to: 1.9.15.11</strong><br />
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.</p>
<p>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.</p>
<p>Currently you are only able to customize the submit buttons on a per form basis within the form settings and not globally.</p>
<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

geekontheroad

<p><strong>This simple and free plugin helps you to easily add a live summary to any gravity forms. No coding required. Simply check the fields you want to see and save your form.</strong></p>
<p><a href="https://gravitysummary.geekontheroad.com/" rel="nofollow ugc">TRY DEMO HERE</a></p>
<p><a href="https://geekontheroad.com/live-summary-for-gravity-forms/" rel="nofollow ugc">GET PRO VERSION HERE</a></p>
<h4>How to set it up</h4>
<ol>
<li>Install the plugin</li>
<li>The plugin has its own settings page since v1.1. Find it under Form > Settings > Live Summary</li>
<li>Switch on the “Turn on summary” checkbox. </li>
<li>Decide which fields to show in the summary by checking the checkbox in the field settings of each field that you want to show.</li>
<li>Summary will now work</li>
<li>Optional: Show a total at the bottom. This will automatically work if you add any product fields to the form. To turn this total off, simply go back to the settings page and toggle the switch that says “show total in summary”<br />
<a href="https://wordpress.org/plugins/live-summary-for-gravity-forms/screenshots/" rel="ugc">screenshot section</a></li>
</ol>
<blockquote>
<p>Conditional logic supported</p>
</blockquote>
<h4>Currently the following field types are supported in the free version:</h4>
<ul>
<li>Single Line Text</li>
<li>Paragraph Text</li>
<li>Drop Down</li>
<li>Number</li>
<li>Checkboxes</li>
<li>Radio Buttons</li>
<li>Name</li>
<li>Date</li>
<li>time</li>
<li>Phone</li>
<li>Address</li>
<li>Website</li>
<li>Username</li>
<li>Email</li>
<li>Multi Select</li>
<li>Product</li>
<li>Total</li>
<li>Shipping</li>
</ul>
<h4>More fields are supported in the PRO version</h4>
<h4>PRO version</h4>
<p>Currently available PRO features are:</p>
<ul>
<li>NEW: Added support for the new Image choices and Multi Select fields.</li>
<li>NEW: Added new setting for choice fields (radio, select, checkboxes) which allows you to display the choice label instead of its value</li>
<li>NEW: Added support for hidden fields</li>
<li>NEW: Added support for Section fields. </li>
<li>NEW: Added support for EU VAT field</li>
<li>NEW: Added support for coupon fields</li>
<li>NEW: Support for Gravity Forms Ecommerce fields (subtotal, tax, discount)</li>
<li>NEW: Added support for Jetsloth Image Choices</li>
<li>Change the field label shown in the summary + mergetag support in label</li>
<li>Setting to change the “nothing selected” text</li>
<li>Add a custom css class to the field line in the summary</li>
<li>Adds a new fieldtype to Gravity that will output a live summary anywhere in your form!</li>
<li>Adds support for merge tags inside HTML fields. (currently only working in multi-page forms)</li>
<li>Make the summary sticky on scroll (very helpful for longer forms)</li>
<li>Easily change default labels (Title and Total)</li>
<li>Change the side of the summary (right or left)</li>
<li>Brand Styler to configure things like fonts, border settings, background settings and padding settings</li>
<li>Show summary on the confirmation page (experimental setting)</li>
</ul>
<p>More things are possible with this plugin such as moving the button just under the summary or adding a logo above it for example. This and more can currently only be done with custom code snippets. I provide these snippets free for Pro customers.</p>
<p><a href="https://geekontheroad.com/live-summary-for-gravity-forms/" rel="nofollow ugc">GET PRO VERSION HERE</a></p>
<h4>Other plugins from the same developer</h4>
<ul>
<li>EU Vat for gravity forms: Easily calculate and validate European VAT (taxes) in gravity forms <a href="https://geekontheroad.com/eu-vat-for-gravity-forms/" rel="nofollow ugc">GET IT HERE HERE</a> </li>
<li>Coinbase Commerce for gravity forms: Accept cryptocurrency payments with Coinbase Commerce and Gravity Forms <a href="https://geekontheroad.com/coinbase-commerce-for-gravity-forms/" rel="nofollow ugc">GET IT HERE HERE</a> </li>
</ul>
<blockquote>
<p>Compatible with Gravity forms 2.5 and up.</p>
</blockquote>
<h4>Feature requests</h4>
<p>This is a relatively new plugin and I am looking into how I can make the plugin better. Do you have an idea for this plugin? Please let me know in the support tab or mail me directly.</p>
<h4>Found any bugs?</h4>
<p>Please let me know before leaving a bad review. Chances are high that I will be able to fix it!</p>
<h4>Hire Me</h4>
<p>Are you looking for a professional to do a gravity forms related job? I have several years of experience with gravity forms and much longer with coding. Find out more on <a href="https://geekontheroad.com" rel="nofollow ugc">my website</a></p>


Live Summary for Gravity Forms

An excellent plugin to make a Gravity Forms order form better. Easy to set up and use. Very responsive developer.

Great Gravity Forms Add-on


Exactly what we were looking for. Johan even added a fix for our edge case.


Great plugin and awesome support!

This simple and handy plugin will add a live summary next to any gravity form. No coding required.

Customize Submit Button for Gravity Forms vs Live Summary for Gravity Forms