Gravity Wiz

Magically enhanced tutorials, snippets and plugins for Gravity Forms!

Changing Your Gravity Forms Field IDs

The easiest way to change your field IDs.

Last updated | Written by 70 Comments

Watch VideoView CodeDownload Code

Getting Started

  1. Open the desired form in the Form Editor.

  2. Open your Browser Console

  3. Copy and paste this snippet into the console. Now the gwChangeFieldId() function is available for use on this page.

  4. Provide the current field ID and the new field ID to the gwChangeFieldId() function. Here is an example where current field ID is 4 and the new field is 12 

    gwChangeFieldId( 4, 12 );

  5. Click the “Update Form” button to save your changes.

Parameters

  • currentFieldId (int) (required)

    The current field ID of the field for which you would like to change the ID.

  • newFieldId (int) (required)

    The new field ID to which you would like to set the current field.

Any questions?

We’re always happy to answer questions. How does solution works for you? Why did you need to change your field IDs? Let us know in the comments below!

Did this resource help you do something awesome with Gravity Forms? Then you'll absolutely love Gravity Perks; a suite of 43+ essential add-ons for Gravity Forms with support you can count on.

Comments

  2. Keesjan Deelstra says

    Hi, amazing solution. Very much needed to alter complex calculation fields and alter som input fields.

    Still think it crazy this is not built in Gravityform UX itself! This is a developer solution, not a regular wp user solution. Any idea if there is a Gravity form add-on for this?

    Reply

    • Dario Space says

      Hi Keesjan,

      Glad it seems useful for you! We are not aware of any add-ons like this currently.

      Best,

    • Samuel Bassah says

      Hi Simon,

      We currently do not have a snippet for this. I’ll pass this over to our developers to get their input. If we’re able to come up with a snippet, we’ll let you know by replying to this comment.

      Best,

    • David Smith says

      Hey Simon, best way to change a form ID would be do so directly in the database. Do you have access to your site’s database?

  4. TJ says

    This is BRILLIANT. I have been wanting a tool for this for a long time!

    I used a bit more geekery: (1) WPCLI and the Gravity Forms CLI plugin to dump my list of 200+ fields (it’s a big form) to a csv file. (2) With the help of a spreadsheet, I generated the “from” and “to” IDs for the function. I copied the whole column into the console all at once. It worked flawlessly.

    For others coming later, be careful to avoid possible field number collisions!

    If your form currently has these field IDs, 8, 2, 5, 3, 6

    you can’t go directly to 1, 2, 3, 4, 5

    8 -> 1 (OK) 2 -> 2 (OK) 5 -> 3 (CONFLICT) 3 -> 4 (OK) 6 -> 5 (OK)

    A workaround: 8 -> 101 (OK) 2 -> 102 (OK) 5 -> 103 (OK) 3 -> 104 (OK) 6 -> 105 (OK)

    If you really want to start at 1, you can repeat it and go from 101 -> 1, 102 -> 2, etc. 101 -> 1 (OK) 102 -> 2 (OK) 103 -> 3 (OK) 104 -> 4 (OK) 105 -> 5 (OK)

    Thanks again for the great tool.

    TJ

    Reply

  7. Charles says

    Having some trouble getting this to work…it looks from the video like maybe the form editor has changed? When I paste the snippet into console and then enter the parameters, I get the message “ReferenceError: form is not defined”

    Reply

    • Samuel Bassah says

      Hi Charles,

      I just tested the snippet again, and it works as expected. Can you confirm if you’re running the code on the Form Editor page?

      Best,

    • Samuel Bassah says

      Hi Javier,

      I just tested this on my end with GF 2.5.1 and it works as expected. Please note that you will have to first copy, paste and run the snippet in the browser console, before calling the function with the ID parameters. In case you’re still having issues with it, you can pick up a Gravity Perks license and get in touch with us via our Support form, so we can dig into this further.

      Best,

  11. Paul Biron says

    If the new field ID is larger than form.nextFieldId then you should also update form.nextFieldId to one greater than the new field ID, or else you might have problems when fields are later added to the form.

    Reply

  13. Arvind says

    Wow. Cool. A huge time saver when creating bulk gravity forms. Helps a lot when you have to create similar forms many times over in different contexts Gravity forms plugin with gravity perks plugins is now a must have for any wordpress based software now. No other plugin comes even close. thanks.

    Reply

    • Ryan Donovan says

      Hey Arvind, Thank you so much for the kind words. We hope you continue to enjoy all our awesome snippets and perks. 😃

  14. Jesus Vasquez says

    Thanks. This is helpful.

    I had no idea you could use the browser’s console as a “terminal”

    Reply

    • Ryan Donovan says

      Hello Crystal, Thank you for that informtion. I have updated the page so the video should be working correctly now. Have a great day! 😃

Leave a Reply

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

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