Gravity Forms Feed Specific Submit Button

Dynamically update your form’s submit button to tell your customers they’re being redirected to Stripe Checkout.

December 11, 2023: Fixed compatibility issue with Gravity Forms 2.8.

February 4, 2022: Migrated snippet to the Snippet Library.

September 25, 2019: Fixed issue when jQuery is enqueued in the footer.

With the new Strong Customer Authentication rules in mind, the Gravity Forms Stripe Add-On has replaced the modal window with a full-page display for Stripe Checkout. Customers are now redirected to the Stripe Checkout page, and after payment is completed they are redirected back to your Gravity Forms Confirmation Page.

To make it easier for your customers to see that they’ll be sent off to an external payment page, one of our customers thought it would be a good idea to dynamically update the text on the Submit button if a certain choice was selected in their form. We agreed that it was a good idea, so we built a plugin to do it.

Getting Started

This tutorial assumes you’re running the latest version of Gravity Forms and the Gravity Forms Stripe Add-On.

Download, install, and activate the plugin.
Set your custom Submit Button Label in the Stripe feed settings.
Optionally set conditional logic for the Stripe feed.

Detailed Usage

Once the plugin is activated, it will add a setting to your Stripe feeds called “Submit Button Label”. Whatever you type into this setting will replace the Submit button. This setting is specific to each form, so you can have custom form labels on a per-form basis, if you’d like.

If your form has multiple payment feeds, you can use Conditional Logic to determine which feed to use. When a user selects the choice to use the Stripe payment method, the submit button will update automatically.

Questions? Feedback?

What questions do you have? What features are missing? We’d like to make this into a more robust plugin and your feedback will be a big part of shaping the final product.

Comments

  1. Rudy
    Rudy January 24, 2023 at 11:39 am

    Do you know how we could change the text of the submit button from ‘submit’ to ‘submit and pay’ based on the user’s choice (radio button) on page 3?

    Reply
    1. Scott Ryer
      Scott Ryer Staff January 24, 2023 at 2:06 pm

      Hi Rudy,

      You could use Populate Anything’s Live Merge Tags and a hidden helper field to modify the submit button based on the selection made.

      You’d add a hidden Single Line Text field to the form whose Default Value is “and Pay” and use conditional logic to “show” this field when your radio button field is a specific value.

      Then, you insert the Live Merge Tag for that field into the Submit button text.

      Here’s how it looks on the front end:

  2. James
    James December 30, 2022 at 3:34 pm

    In order for this to work “@{:FieldID:value},” so that the Submit Button text conditionally changes based on the field value, does this plugin need to be installed? Or is this functionality already inbuilt into to GF.

    Reply
  3. Rob Davis
    Rob Davis March 27, 2021 at 3:55 pm

    Dear Gravity Wiz,

    I landed on this page from threads on the Gravity Forms Community page:

    https://community.gravityforms.com/t/conditionally-change-submit-button-text/6289

    and

    https://community.gravityforms.com/t/conditional-text-for-the-submit-button/2615

    What I am looking to do sounds like what others also need, which is a way to change the text of the submit button depending on a choice made in a given form. I hope you will consider making this a new perk or perhaps simplify this plugin to situations that do not involve changing a payment feed. Thank you very much for considering the idea!

    Best regards, Rob

    Reply
    1. Samuel Bassah
      Samuel Bassah Staff March 29, 2021 at 7:50 am

      Hi Rob,

      You could use Live Merge tags of the choice-based field to set the Text of the Submit button. So what you will do is to set the value of the choice to what you would want to change the text on the Submit button to and the Label of the choice will be what will be displayed on the Choice field. Then using a Live Merge tag in this format, @{:FieldID:value}, you would set the Text of the Submit button in the Form Settings. This will cause the Submit button to change its text to the value of the choice selected.

      I hope this helps.

      Best,

  4. Eric Wistey
    Eric Wistey March 3, 2021 at 10:58 pm

    Is this still feature still active? I have the Stripe Add-On activated but I don’t see the option for Submit Button Label on my feed settings.

    Reply
    1. Samuel Bassah
      Samuel Bassah Staff March 4, 2021 at 6:57 am

      Hi Eric,

      The plugin still works. I just did a test to confirm it and the Submit Button Label property is available within the feed settings as seen here. You want to install the code as a plugin instead of copying and pasting it into your function.php file and see how it works.

      Best,

    2. Eric
      Eric March 6, 2021 at 3:07 pm

      Thank you Samuel. I was able to get it to work. I appreciate your response so that I could know the problem was on my end.

  5. David Bentley
    David Bentley October 9, 2020 at 6:51 am

    Hey guys – great plugin! Another we just created to help Gforms be a little more user friendly, especially when you have a large form processing a lot of information is Gravity BCT. You can customize your button text on click to say whatever you want. Especially useful for avoiding 2, 3, 4 of the same entry when the user keeps clicking.

    Cheers! David Bentley

    Reply
  6. Dale Reardon
    Dale Reardon July 28, 2020 at 10:36 am

    Hi, Would be terrific if this could also be used for other feeds eg advanced post creation, survey, etc etc.

    Dale.

    Reply
    1. David Smith
      David Smith Staff August 27, 2020 at 8:47 am

      Hi Dale, sorry for the late reply. I’d love to better understand your use-case for this?

Leave a Reply

Your email address will not be published. Required fields are marked *

  • Trouble installing this snippet? See our troubleshooting tips.
  • Need to include code? Create a gist and link to it in your comment.
  • Reporting a bug? Provide a URL where this issue can be recreated.

By commenting, I understand that I may receive emails related to Gravity Wiz and can unsubscribe at any time.

Download Plugin

Gravity Forms Feed Specific Submit Button

This field is for validation purposes and should be left unchanged.