{"id":30803,"date":"2022-11-15T07:19:53","date_gmt":"2022-11-15T07:19:53","guid":{"rendered":"https:\/\/crocoblock.com\/knowledge-base\/?post_type=tips-and-tricks&p=30803"},"modified":"2025-10-22T11:11:10","modified_gmt":"2025-10-22T11:11:10","slug":"changing-form-media-button-text","status":"publish","type":"tips-and-tricks","link":"https:\/\/crocoblock.com\/knowledge-base\/tips-and-tricks\/changing-form-media-button-text\/","title":{"rendered":"\u0421hanging the Form\u2019s Media Button Text"},"content":{"rendered":"\n

To change the text on the button, you need to add the following JavaScript code that modifies the form created using both the JetEngine<\/em><\/a> (legacy) and JetFormBuilder<\/a><\/em> forms. To style the corresponding button, customize the theme settings.<\/p>\n\n\n\n

Copy the Form\u2019s ID<\/strong><\/h2>\n\n\n\n
\n

Since the form\u2019s ID will be used to apply the code for the specific form, we move to the WordPress Dashboard > JetFormBuilder > Forms<\/em><\/strong> tab and find the needed form. <\/p>\n\n\n\n

Here, find the form\u2019s ID in the shortcode column and copy the ID (the \u201c3995\u201d text, in this case).<\/p>\n\n\n\n

\"copying<\/a><\/div>\n<\/div><\/div>\n\n\n\n

Add the Code<\/strong><\/h2>\n\n\n\n
\n

Navigate to the WordPress Dashboard > Custom CSS and JS > Add Custom JS<\/em><\/strong> tab. This tab will be added to the WordPress dashboard after the plugin is installed and activated.<\/p>\n\n\n\n

\"the<\/a><\/div>\n\n\n\n

Here, insert the needed code\u2019s title into a text field instead of the \u201cAdd title\u201d placeholder text (for example, we use the \u201cJetFormbuilder media field text after upload\u201d text). <\/p>\n\n\n\n

After that, navigate to the Permalink <\/strong>link <\/strong>below the text field with the default \u201cAdd title\u201d text in it. Then, press the \u201cEdit<\/strong>\u201d button to enter the ID of the form you want to change (in this case, we add the copied ID \u201c3995\u201d) and press the \u201cOK<\/strong>\u201d button to save.<\/p>\n\n\n\n

\"adding<\/a><\/div>\n\n\n\n

Then, copy the following code by clicking the link<\/a>.<\/p>\n\n\n\n