~Just the Facts~

CUSTOMIZE / CHANGE SUBMIT BUTTON TEXT IN CONTACT FORM

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

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

Instagram Training




Faster WordPress Hosting

Load WordPress Sites in as fast as 37ms!

Build Better Websites

Affordable Domain Registration

Get $1.00 off.
DiviDudeWeb16

Big Discounts for Domains, Hosting, SSL and more

Subscribe

Must Have Plugins

WP Theme FAQs

WP Rocket - WordPress Caching Plugin

Duplicator Pro: WordPress Backups Made Simple

Favorite WordPress Theme

Divi WordPress Theme

Start Your Newsletter

For Your Inner Nerd

Rolecosplay Movie Costumes

Affiliate marketer: Which means when you click a link and purchase an item, I may receive a commission. As an Amazon Associate I earn from qualifying purchases. Thank you for your support.

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