~Just the Facts~
CUSTOMIZE / CHANGE SUBMIT BUTTON TEXT IN CONTACT FORM
written by Divi Dude
Wait, this page is supposed to show you how to do it, not scare you away. Sorry, sometimes I forget my role. It’s actually quite simple. Here’s a tutorial I did that shows how … or you can find step-by-step instructions below the video. Whichever is easier for you to follow.
Change Divi’s Submit Button Instructions
Step 1: Log into your Divi theme, go to the page with your contact module and open up the module so you see the picture below.
Step 2: Click on the Custom CSS tab and in the CSS Class field enter a custom name. For the purpose of this tutorial in the video above I entered: customContactButton.
Step 3: Save module and update page.
Step 4: Go to the Divi Theme Options in the righthand menu and click on the Integration tab.
Step 5: Enter the following code in the “Add code to the HEAD of your blog” field. (see picture below). Please note: I had issues of the code not working when I just copy and pasted it, and so have several others, so you may need to retype the code and not just copy and paste it.
Step 6: Replace CUSTOM_CLASS_NAME_HERE with what you entered in Step 2. For the purpose of the video above, I entered .customContactButton (be sure to include the dot here; but not in step 2).
Step 7: Replace CUSTOM_TEXT_HERE with whatever you want the button to say. This will replace the “Submit” word. So enter ‘Send’ or ‘Mail’ or whatever you want. For the purpose of the video above, I entered ‘Mail Me’.
Step 8: Save changes.
Step 9: Go to your page with the contact module and see the change (you may need to refresh).