How To Change Text On Divi Contact Form Submit Button

Divi Theme Tutorials

In this quick Divi Theme Tutorial, I am going to show you a fairly simple way to change the text on the Divi contact form submit button.

 

Here are the steps to accomplish this tutorial:

  1. The first step is to build your form using the Divi contact form module. You will need to give your form a unique custom CSS class in the Custom CSS section of the contact form module. For this example I will be using “free-consultation” as my unique CSS class, but you may use whatever you like.
  2. Next you will need to copy the code below and paste it into Divi -> Theme Options -> Integration -> Add code to the < head > of your blog. **you will need to change the “free-consultation” in red to whatever you used in step 1, and change “Get Your Free Consultation” to whatever you would like your submit button to say.**

     
    Here is the code that makes the magic happen –

    <script type=”text/javascript”>
    jQuery(document).ready(function(){
    jQuery(“.free-consultation button.et_pb_contact_submit”).text(‘Get Your Free Consultation‘);
    });
    </script>

 

*If for some reason this isn’t working, try removing and re-typing the single and double quotes in the code above and see if that works for you. Sometimes copy/paste can affect the code and this should fix it for you.*

**You can repeat the steps above to set the text for as many forms as you’d like, just make sure to set a different CSS class for each form and change the code to use the new CSS class.**

 

That’s it, simple right?

You can see an example of this on the form below.

I hope you find this simple Divi Theme Tutorial helpful and if you ever need help building your Divi website, please consider contacting us!

34 Comments

  1. CHRIS

    Worked like a charm. Thank you!

    Reply
    • inovativ

      You’re most welcome, glad it worked for you!

      Reply
  2. Litbea

    Thank you very much! At first it didn’t work for me, but after reading the comments and deleting the quotes it worked. Also, I am reusing the class in many forms.

    Maybe you could paste the code in a way that quotes are not a problem when copying? Just a suggestion…

    Reply
  3. Bjarte

    That saved my day, thank you so much 🙂

    Reply
    • inovativ

      You’re most welcome, glad it helped!

      Reply
  4. Omar

    Thanks, this saved my day, kinda weird divi didnt made it simple.

    Reply
    • inovativ

      Glad it worked for you Omar!!

      Reply
  5. John

    Thanks a bunch, works great 😉
    But I still don’t get why a field “button name” is not a standard for the contact form module…

    Reply
    • inovativ

      Glad to hear it worked for you!
      That is a good question, maybe in a future update…

      Reply
    • gene

      Good point John. I am looking forward to this too. This is such a struggle…

      Reply
  6. Marcos

    It worked the first time because I did everything, including the quotes thing ^_^

    Reply
    • inovativ

      Glad it worked for you!

      Reply
  7. Jona

    Awesome clean and fast mini tutorial. Thank you!

    Reply
    • inovativ

      You’re most welcome, glad it helped!

      Reply
  8. mamun

    How can I make the contact button full width?

    Reply
    • inovativ

      You could try adding custom CSS like this (you will need to adjust the 20% to get the desired width you need)-

      .et_pb_contact_form_0.et_pb_contact_form_container .et_contact_bottom_container .et_pb_contact_submit.et_pb_button {
      padding-left: 20% !important;
      padding-right: 20% !important;
      }

      Hope that helps!

      Reply
  9. Phil

    Thanks a lot for this tutorial. Like it was said, don’t know why Elegant Themes didn’t solve this issue yet.

    Reply
    • inovativ

      My pleasure, hope it helped!

      Reply
  10. Kev

    Thanks for the tutorial, I have saved it to my Divi snippets folder.

    Reply
    • inovativ

      Glad you liked it!

      Reply
    • inovativ

      Glad to help!!

      Reply
  11. Martijn

    Worked after re-typing the quotes! Thanks!!

    Reply
    • inovativ

      Glad to help! 🙂

      Reply
  12. Boris

    You’re an angel.
    Thanks.

    Reply
    • Dustin Reed

      Glad to help! Have a wonderful day!

      Reply
  13. Pawel

    Awesome!

    Reply
    • Dustin Reed

      Glad it helped!

      Reply
  14. Anmol maheshwari

    You solved my issue thanks a ton! 🙂

    Reply
    • inovativ

      Glad it helped you out!

      Reply
  15. Mar

    wonderful!! very easy thanks

    Reply
    • inovativ

      Glad it worked for you!

      Reply
    • Dustin Reed

      Glad to help!

      Reply

Submit a Comment

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

About The Author

Dustin Reed

Dustin Reed, is the owner and senior web technician for Innovative Solutions Group. He graduated in 2011 with an Associate’s Degree in Web Design and Computer Programming with a 3.78 GPA, demonstrating that he has taken this education and experience very seriously. He takes great pride in the fact that he truly enjoys doing what he does best, Building Professional Websites! During his 5 years working at Innovative Solutions Group, he has been responsible for many different aspects of the business ranging from creating new accounts/domains on Innovatives server to responsive(mobile-friendly) template creation. Some of his other responsibilities/strengths are WordPress website design, CSS/HTML coding, creating visual animations using Jquery, page layout, and troubleshooting many different types of problems that may arise. When he is not busy working at Innovative Solutions Group, he enjoys doing all of the great outdoor activities that the beautiful state of Montana has to offer. Such as, fishing, camping, hiking and enjoying a day at the lake during the summer.

wordpress maintenance service and security

 

Innovative Solutions Group
5.0
Based on 11 reviews
powered by Google
Troy Kennett
Troy Kennett
13:57 15 Jan 20
I have been with Dustin and Innovative Solutions for over a year now. Dustin and his company have taken my business to a whole new level. With what they have done with our website and how people find us is amazing. We have grown 10 times over because of Innovative. If your in need of the next level of success in marketing, your in great hands here. You will not be disappointed. Thank you Dustin and the team!!
Helena Dweller
Helena Dweller
21:13 03 Jan 20
Great, courteous and fast service. A very honest business that will not overcharge. Highly recommended!
john scannell
john scannell
15:40 23 Apr 19
I have used Dustin and his team for years- - exceptional service and Dustin is incredibly responsive
Susan Duclos
Susan Duclos
15:45 06 Sep 17
Excellent service. We have been with Innovative since the launching of our site. They not only designed the entire site with the functionality we wanted, but have hosted it reliably no matter how high the traffic spikes. I would recommend Innovative to anyone looking for a professional, reliable and very responsive team.
Jacob Wandersee
Jacob Wandersee
12:41 19 Jun 17
Work was done in a very timely matter and Dustin was great to work with!
Gary Gavin
Gary Gavin
23:01 09 Jun 17
I used Dustin at Innovative Solutions to initially just host my website. After working with him I decided to do a pretty significant makeover on my site. He did a great job, was super responsive and has Fletcher in the Design Department to help with graphics and such. He answered inquiries after hours and is very reasonably priced. I have used quite a few web people over the years and Innovative Solutions is undoubtedly who I will continue to use.
Serapha Cruz
Serapha Cruz
16:57 03 Jun 17
Super helpful! From the very beginning the designer was patient and offered great suggestions. Very customer friendly. They wanted the site to be perfect for me. Also, ease of billing. Thank you for creating a great site.
Dan Deininger
Dan Deininger
13:54 22 May 17
I owned the company for over 20 years, and Dustin treats customers in a very courteous and professional manner. That why I'm going back to Innovative for help with our latest personal web project.
Nobe S. Nijjar BSc, BS, OD
Nobe S. Nijjar BSc, BS, OD
14:22 10 Nov 16
Fantastic service and very quick responses to any problems or feedback! Extremely helpful despite being out of country.
Next Reviews