Customize / Change Submit Button Text in Contact Form

By Divi Dude

Nothing in life is easy. Although, often times Divi seems to be the exception to the rule. Well, not when trying to change the text of the submit button in the contact form module. Don’t get me wrong, it is easy to do, just not to figure out how to do. You see, there is no place within Divi to customize it. Not in the Contact Form module; nor in the Module Customizer > Contact Form. To change it, you have to mess with javascript. Yikes.

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.

Divi Tutorial Change Submit Button

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).

<script type= "text/javascript">
jQuery( document ).ready(function() {
jQuery('.CUSTOM_CLASS_NAME_HERE .et_pb_contact_submit').text('CUSTOM_TEXT_HERE');
Divi 3 Tutorial Customize Submit Button

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).

Better Social Media

Instagram Training

Must Have Plugins

WP Theme FAQs

WP Rocket - WordPress Caching Plugin

Duplicator Pro: WordPress Backups Made Simple

Faster WordPress Hosting

Load WordPress Sites in as fast as 37ms!

Affordable Domain Registration

Get $1.00 off.

Big Discounts for Domains, Hosting, SSL and more

Legal Disclaimer

Affiliate marketer: Which means when you click a link and purchase an item, I may receive a commission.  Thank you for your support.

Favorite WordPress Theme

Divi WordPress Theme

Start Your Newsletter

MailerLite Email Marketing for Small Business


Constant Contact

For Your Inner Nerd

Rolecosplay Movie Costumes

More From Divi Dude

Delete Spam Comments in Bulk Without Plugin on Cloudways

Delete Spam Comments in Bulk Without Plugin on Cloudways

Sometimes you screw up and forget to turn off comments on your WordPress website, or forget to configure your Askimet, or do both, and then you end up with thousands of comments that are nothing but spam. We’re talking hundreds of pages worth of comments that need to…

Code Snippet Syntax Highlighter that Works with Divi – Review

Code Snippet Syntax Highlighter that Works with Divi – Review

This is one of those plugins that’s only going to appeal to a certain number of people. People like me who have a need to add syntax code to websites. But if you’re one of those people, then I recommend you get the plugin — Divi Code Snippet Module — from the creator of Divi Booster. I tried 3 or 4 plugins in WordPress, every one of them …

3 Easy Ways to Add Pinterest Board Pins to Divi Websites Without Plugins

3 Easy Ways to Add Pinterest Board Pins to Divi Websites Without Plugins

Here’s the dilemma. When I build websites, I build them primarily for a landscape screen. Most of my photos are optimized for landscape screens. My Facebook and Twitter graphics are for landscape screens. But Pinterest prefers portrait style graphics for its pin boards. See the problem? My website has graphics that are wider than they are long (landscape). Yet, Pinterest wants graphics that are taller than they are wide (portrait).

Join Our Awesome List

Join our mailing list to receive the latest news and updates from Divi Dude. We don't write often, but when we do, everything will more or less be spelled correctly (oh, and be interesting and fun and knowledge based).

Thanks Dude! You've successfully subscribed.

Pin It on Pinterest

Share This