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

Jake Jackson

<p><strong>Gravity PDF is the ultimate third-party PDF automation tool for generating digital PDFs using the popular form-builder plugin Gravity Forms.</strong></p>
<h4>Highly Customizable PDFs</h4>
<p>Out of the box you get four highly-customizable PDF designs. Within minutes, you can personalize the look and feel by adding your company logo, header, footer, paper size / orientation, font, color and size. If the free designs don’t suit, select from our range of templates in the <a href="https://gravitypdf.com/store/#templates" rel="nofollow ugc">Template Shop</a>, <a href="https://gravitypdf.com/bespoke/" rel="nofollow ugc">go bespoke and have a template build by our team</a>, or <a href="https://docs.gravitypdf.com/v6/developers/start-customising" rel="nofollow ugc">build your own using HTML/CSS/PHP</a>.</p>
<h4>Send as Email Attachment</h4>
<p>Gravity PDF can automatically email the PDF to both the admin and the user as soon as the form is completed. You can combine this feature with a Gravity Forms payment add-on <a href="https://gravitypdf.com/news/sell-personalized-pdf-documents-using-gravity-forms/" rel="nofollow ugc">to sell personalized reports, gift certificates, or generate PDF invoices</a>.</p>
<h4>Privacy, Security, and GDPR</h4>
<p>Gravity PDF generates PDFs on your web server, and no third-party service receives your sensitive Gravity Forms entry data. <a href="https://docs.gravitypdf.com/v6/users/pdf-security" rel="nofollow ugc">Robust security protects your documents</a>, and <a href="https://docs.gravitypdf.com/v6/users/gdpr-and-gravity-pdf" rel="nofollow ugc">the plugin is GDPR-compliant</a> for our European friends.</p>
<blockquote>
<p>Digital document management with WordPress and Gravity Forms just became simple with Gravity PDF!</p>
</blockquote>
<h4>Free Feature</h4>
<ul>
<li><strong>Unlimited Use, No Restrictions</strong> – There are zero hard limits to the number of PDFs you can configure across all your forms or generate on your entries. Gravity PDF does <strong>NOT</strong> stamp documents with our logo, limit the number of PDFs you can create per month, or purposefully restrict essential functionality to force you to upgrade to a paid plan.</li>
<li><strong>Privacy and Security</strong> – your form data is never sent to a third party to generate the PDFs and the documents are generated directly on your web server. <a href="https://docs.gravitypdf.com/v6/users/pdf-security#default-security" rel="nofollow ugc">Strong access control policies are put in place</a> to prevent unauthenticated access to your PDFs.</li>
<li><strong>Multilingual</strong> – a multitude of languages from across the globe can be displayed in PDFs, include complex scripts like Hebrew, Arabic, Thai, Japanese, Chinese, and Korean.</li>
<li><strong>Additional Fonts</strong> – match your branding and enhance the overall look and feel of PDFs by install your own fonts.</li>
<li><strong>Columns</strong> – use <a href="https://docs.gravityforms.com/working-with-columns/" rel="nofollow ugc">Drag and Drop columns</a> in Gravity Forms and <a href="https://docs.gravitypdf.com/v6/users/columns" rel="nofollow ugc">PDFs will automatically mimic that layout</a>.</li>
<li><strong>Shortcode and Merge Tags</strong> – You can generate a link or URL to PDFs <a href="https://docs.gravitypdf.com/v6/users/shortcodes-and-mergetags" rel="nofollow ugc">using both shortcodes and merge tags</a> so your users can download the PDF right after form submission.</li>
<li><strong>Export Entries</strong> – include the direct link to any PDF(s) when <a href="https://docs.gravitypdf.com/v6/users/include-pdfs-in-entry-export" rel="nofollow ugc">exporting your form entries</a></li>
<li><strong>Webhooks Add-on</strong> – <a href="https://docs.gravitypdf.com/v6/users/webhooks-support" rel="nofollow ugc">send the direct PDF link with Webhook requests</a> when using Gravity Forms Webhooks add-on.</li>
<li><strong>Gravity Flow</strong> – create complex workflows <a href="https://gravityflow.io" rel="nofollow ugc">using Gravity Flow</a> and automatically email Gravity PDF-generated documents at any step in the workflow.</li>
<li><strong>GravityView</strong> – add links to PDFs when building a members area <a href="https://gravityview.co" rel="nofollow ugc">using GravityView</a> + <a href="https://gravityview.co/extensions/advanced-filter/" rel="nofollow ugc">Advanced Filtering add-on</a>.</li>
<li><strong>Background Processing</strong> – generating PDFs on form submission can be time consuming. <a href="https://docs.gravitypdf.com/v6/users/background-processing" rel="nofollow ugc">Offload it to a background process</a> will ensure form submissions are processed faster.</li>
<li><strong>Design PDFs</strong> – developers can build their own PDF templates using HTML, CSS, and PHP <a href="https://docs.gravitypdf.com/v6/developers/start-customising" rel="nofollow ugc">with the help of our developer documentation</a>.</li>
<li><strong>Documentation and Support</strong> – there is <a href="https://docs.gravitypdf.com/v6/users/five-minute-install" rel="nofollow ugc">extensive documentation</a> covering every feature of Gravity PDF that you can comb through, plus we provide <a href="https://gravitypdf.com/support/" rel="nofollow ugc">free general support to all users</a>.</li>
</ul>
<h4>Unlock More Functionality</h4>
<p>Pay for additional PDF designs and functionality <a href="https://gravitypdf.com/store/" rel="nofollow ugc">from our online store</a>.</p>
<ul>
<li><strong>New Designs</strong> – get access to 9 additional universal designs, 6 certificates, 6 invoices, and 3 letter styles</li>
<li><strong>Additional customizations</strong> – watermark PDFs with your own logo or text, control fields that should be displayed per PDF, add field descriptions, display all checkbox or radio field options, add notes, show field values instead of labels, and hide the product table</li>
<li><strong>On-screen Preview</strong> – allow users to preview the PDF before form submission (and optionally payment) so they can see what the end result will be. This is a great feature for capturing e-signatures, selling PDF reports /  certificates / gift cards, or providing an on-screen proof before the PDF is sent to the printers (perfect for business cards).</li>
<li><strong>Bulk Download</strong> – search, filter, and select entries and then zip up all your PDFs and download all together in a convenient zip file</li>
<li><strong>Smart Loading Indicator</strong> – improve the UX for your users when generating complex PDFs that take time to create.</li>
<li><strong>GravityView</strong> – turn <a href="https://www.gravitykit.com/products/gravityview/" rel="nofollow ugc">GravityView</a> into a drag-and-drop PDF builder for your Single Entry View Layouts.</li>
<li><strong>GFChart</strong> – create PDF reports that display pie, bar, or column charts with aggregate Gravity Forms data <a href="https://gfchart.com" rel="nofollow ugc">using GFChart</a>.</li>
<li><strong>30-Day Refund Guarantee</strong> – Purchase with confidence knowing when you buy a product from our store that you can get a refund within 30 days, for any reason.</li>
</ul>
<h4>Hire the Experts</h4>
<p>Need a tailor-made solution for Gravity PDF that solves complex business problems? Our team of experienced developers have helped thousands of businesses like yours to accomplish these goals. We can even fill existing PDFs like government forms, without sending your sensitive entry data to a third-party server! <a href="https://gravitypdf.com/bespoke/" rel="nofollow ugc">Find out more</a>.</p>
<h4>Documentation & Support</h4>
<p><a href="https://docs.gravitypdf.com/v6/users/five-minute-install/" rel="nofollow ugc">We have extensive documentation on using Gravity PDF</a>, and our friendly support team provides <a href="https://gravitypdf.com/support/#contact-support" rel="nofollow ugc">FREE basic support via GravityPDF.com</a>.</p>
<h4>Contribute</h4>
<p>All development for Gravity PDF <a href="https://github.com/GravityPDF/gravity-pdf/" rel="nofollow ugc">is handled via GitHub</a>. Opening new issues or submitting a pull request is welcome.</p>
<p>Keep up to date with Gravity PDF by <a href="https://gravitypdf.com/signup/" rel="nofollow ugc">subscribing to the newsletter</a>, <a href="https://twitter.com/gravitypdf" rel="nofollow ugc">following us on Twitter/X</a>, <a href="https://www.youtube.com/gravitypdf" rel="nofollow ugc">subscribing to our YouTube channel</a>, and <a href="https://www.facebook.com/gravitypdf" rel="nofollow ugc">liking us on Facebook</a>.</p>
<p>If you enjoy using the software <a href="https://www.g2.com/products/gravity-pdf/reviews" rel="nofollow ugc">we’d love it if you could give us a review!</a></p>


Gravity PDF

Need to tweak a template oh so slightly.. they replied (same day).  plugin is exactly what we needed!

great plugin, great support

I am really enjoying using this plugin and the customization that it provides, not only that, but when I, as a free user, submitted a support request, I received a helpful answer. Super impressed!

Powerful tool, helpful support


Amazing plugin from a great team. Support has been excellent, product is perfect.


Fantastic Plugin

Automatically generate, email and download PDF documents from Gravity Forms entries

Customize Submit Button for Gravity Forms vs Gravity PDF