- Extra Fields
In Old version of contact form module, there were some fixed default fields but in the updated contact form module we can add numbers of extra fields in the form.
Sometimes we can get an error message like “Make sure you fill in all required fields.”, Even when we have not missed any field.
Actually this error is coming because of space and special character in the “Field ID” while adding a new field.
- Required Field
In the updated version of divi we can set contact form field to be required or not required to fill.
- Placeholder
We can also set desired placeholder text into the form field
- Field Formatting
We can also adjust the size of the particular contact form field (i.e. Full width etc.)
- Message Pattern
In the new version of divi when you receives an email through contact form module, you can see a default pattern of mail and we can change the email pattern according to us i.e; if we want first name followed by email address despite of email address followed by first name then you can set it
- Customize Success Message
In new contact form module we can customize the success message by writing a new one in contact form modules setting or by redirecting to own customized page.
- Disable or Enable the Captcha
In updated contact form module we can disable or enable the captcha code function according to our need.
Sometimes page shows captcha error even after filling out the captcha code right, it occurs due to the old version of php on hosting. So if you want to use captcha code function without any error then you should have the latest php version on your hosting.
- Receiving in Spam Folder or Not Receiving the mails
Recently there has been a major change in contact module in the way it handle the mail delivery, those who are aware of the previous version will notice that when you see the From: field of received mail, now you will be seeing the email address as mail@yourdomain.com while previously it used to be the same email which user has filled in the contact form. Many users think it is a bug but actually this is an enhancement in module to make it even better. In the previous version the From header of email had the user’s mail but the actual mail was sent from your server so many of the email providers ( where this email is being received) might think it as a spam or some suspicious mail and they will either block this mail or put it in spam. This is the reason many users faced the email not received or going to SPAM issue in past but with this new change the from email id in your mail is now your domains default email id (mail@youdomain.com) so it increases the chances of mail going to inbox at the receiving end .
In the previous version the only way to see the form submitters email address was to click on reply button and see the name and email id in From field, but in this new version even though the From field is now the default email id of your server but if you click the reply button you can still see the senders email id and name as a reply to header has been added in the contact module to show these details. Also you can use the message pattern option to see name and email id of the user in your email content itself.
My form when submitted only shows the message, the name and email fields are not showing up. Any suggestions?
Hi @Nicolai
You can set a message pattern for this. Specify the name and email field ids in message pattern.
Any way to recover the emails from the first customers before I switched the message pattern? In other words, are these entries data stored anywhere?
No, those emails are not stored anywhere.
Hi, have this been changed since you wrote the answer in 2016? Also need to find lost messages because the page stopped sedning emails.
Hello, Abhishek,
fine tutorial you wrote there, thank you! In my case the result of the captcha query is being shortened (e.g. of result “12” only “2” is shown. No matter how much margin I enter in the custom CSS field the captcha result field does not get bigger…
Would you perchance have a cure for that?
All the best,
Olaf
hi @Olaf Mueller
Could you please share the url where you are using the contact form.
Hi Olaf, I had the same issue. I went in the Divi Module Customizerm then to Contact Form and I ended up with ‘input field padding’ at 11 and Captcha Font Size at 12 and I could see two digits in the result box. Thanks for the article Abhishek.
Hi @Peter,
Please share the url, so that I can suggest you some solution.
Hi Abhishek,
I need to customize the success message (Font size, color, backgroud color and align). May you help me?
Thanks.
Hi @Raider
Please try using following css
.et-pb-contact-message{font-size: 25px;
color: #ffffff;
background-color: #000000;
text-align: center;
}
Change the values for color etc. accordingly.
Hello Abhishek,
I tried your css code but it didn’t work.
Work with divi
Hello @RonaldF,
Could you please share the URL where you are trying that CSS.
I have been searching for a way to modify the email that is sent. For some reason it always comes through as a single line and I would like to add some line breaks. Am I missing something?
You must be using message pattern ? In that case simply try giving
tag after each message pattern and it should come in next lines
Hi, I used below and it will display as one line on the email. Any issues on htis?
Name: %%Name%%
Email: %%Email%%
Phone: %%Phone%%
Message: %%Message%%
Hi Harold
You can add
\r \nto give a line break.When I added the breaks suggested the module reset the patter so it looks like this:
Name: %%Name%%\r \n Email: %%Email%%\r \n Message: %%Message%%
and that still didn’t give it a line break. Any thoughts?
Is there anyway to use html in the message pattern, so you can make certain things bold using or something?
I tried using some html in there, but somehow no mail was received after submitting (when I tried to test it).
I am afraid message pattern does not supprot complete html as of now
Sorry for the typo in the previous comment ,please try \r\n ( that is without any space)
Still didn’t work for me. I have had this issue since they rolled out the change and it makes me use other options instead of using divi for my contact form. So sad.
Hi, I keep getting the error “Make sure you fill in all required fields” even though I have filled in all the required fields. Do you know how I can fix this?
Hello,
Please make sure that no two fields in form have same value for Field ID and none of the Field ID has any special character or space in it.
This should fix the issue for you .
Hi Abhishek
When I press the submit button on my contact form the box distorts and looks very messy.
Any idea on how to resolve this?
Thank you
Please send me the url so i can check
http://www.warmseal-windows.co.uk
Hej,
Tnx for a descriptive article. How do I add an extra note after the Title?
TI want to give a note to my customers about which fields are required to fill in order for the contact form to work. i.e “All fields required” note. Unfortunately, currently the form does not allow me to add extra text under the form headline or am I missing something?
can we send an automatic email in response. ?? Like someone messages us– that very instant an automatic email goes to him
Hello @Alisha,
yes we can send an automatic email in response, but for this we will need to customize main-modules.php file
Hi Abhishek. This is what I need. Where do I get documentation for it?
Hello,
Please refer here: https://elegantenthusiast.com/contact-form-copy/
Is it possible to create a “Booking” form that works with the Events Manager plugin?
Do you know how to add other field types, e.g. checkbox, etc.?
Hello Karl,
For now, you can only add Input Field, Email Field, and Textarea, please see the snapshot here http://imgur.com/a/Xm7El
So, sorry, but then, these forms are useless … right now all forms must comply a privacy policy which NEEDS to be accepted by the user …
Hello @Diego,
Sorry for the inconvenience but this feature is not available in the Divi contact form module. But you can definitely achieve this by using some of the third-party plugins.
Hello Karl & Diego,
Thanks for sharing your messages. You can use Input , Select, Checkboxe, Radio, Email all these fields in Contact module under Field options while adding new field. Let me know if there is other help required. Thank you
Hello @Anil Chhabra,
Thanks for your precious reply 🙂
Thanks Abhishek for this site, it’s a great resource.
I just built my site at http://www.cunniffconsulting.com, but when I test the mail function from the form the fields vanish and no success message appears. Any idea what I’m doing wrong?
you seems to have redirected to a thank you page and this redirection works fine , i did not see any issue there on the site , please elaborate a bit more
Hi! I have this issue with divi contact form module; I have tried to change the form field texts – those that show up before you fill the form (name, email, message) to black, but the change doesnt show up on the website. Those texts are light grey still and wont change. Only once you start writing on the form field; your name, email etc, that text is black. But the actual form field names arent and are partly very hard to see because they’re so light grey now. Is there some code I can add in the css section of the contact form module to make this change successfully? Thanks!
Yes, we can do this with some css but i don’t think it is needed if you are using latest version of theme, actually there was some issue like this in theme which has already been fixed in latest version
Hi
How can I change the divi contact form Subject line “New Message From……”
Hello @Ankit
Please check below Url for changing Divi contact form Subject line “New Message From….”
https://elegantenthusiast.com/modify-subject-divi-contact-form-emails/
This is a great article! Thanks for sharing this valuable knowledge. I do have one question: how can I center the alignment of the “Send” button? By default it is right-aligned, and I can’t figure out how to position the button in the center of the module.
Hi @Matt Brando
Please try using following CSS:
.et_contact_bottom_container {
float: none;
text-align: center;
}
Hi,
using my Mailprogram i would like to answer directly to the E-Mail Adress, given in the %%E-Mail%% Field by Divi. How to figure out the “replyto” Option for Divi Contact Form?
Hello @Torsten
Sorry for the inconvenience but it can be possible.
Is it possible to have the form go to two email addresses by separating them with commas?
Hi @Gary
Yes, It is possible to send mail to two email address.
Just go to Divi Contact form General settings>>In the Email field you can define two email address, separating by commas.
Thanks
Is it possible to change the mail@yourdomain.com to donotreply@yourdomain.com
Hello @Jonathan
Please refer here: https://elegantenthusiast.com/contact-module-changes/
Hope this resolves your issue.
HI, I don’t receive an email to my emailaddress when the contact form is used. How can I make it work? And how can I change the colour in the Captcha Field. Now it shows white and the field is white as well.
Thanks.
Dore
Hi @D. v. Fircks
Please try using follow CSS to Divi >> Theme Options >> General >> Custom CSS Field
input.input.et_pb_contact_captcha {
background: #ffd900;
}
can i create a form that has a dropdown for options like this
Volvo
Saab
Fiat
Audi
or do i have to do something custom?
Hi @Ben
Sorry, but there is no such Feature in the current version of Divi Contact Form. But you can use contact form 7 for this feature.
Please refer here:https://elegantenthusiast.com/contact-form-7/
Is it possible to use google reCaptcha instead of the Divi built in captcha when adding a Divi contact form?
Hi @Coriron
Yes, It is possible to use google reCaptcha but it will take heavy customization.
Have you got a “How to” to make this ?
no spaces or special chars in form id but still keep getting “Make sure you fill in all required fields”. what else might be causing this?
bottom of page left form
Hi @Bill Trevor
Please send your site URL, So that I can check the issue.
Hi,
I’ve created a form using divi but when you go in to fill the form out, the word (name, address, etc.) disappears. Is there a way to change that?
Thank you–great site!
Hello @Coco Bellamy
As I think that there is no need to fix the placeholder (name, address, etc) because if the placeholder values are fixed then it will not looks good when someone places the text over it.
Hi everybody
How can i change the color of the error message (for example : “invalid email”). For now, it’s grey but i want it white. I don’t see where i can do this on the style.css
Thanks
Hi @morimont
Please try using following CSS to Divi >> Theme Options >> General >> Custom CSS Field
.et-pb-contact-message{
color: #ffffff;
}
Is it really not possible to have linebreak in the message pattern?
\r\n did not work for me…
Thanks in advance
Hello @Felix Mueller
Please try using br tag for a single line break after each line. The Syntax for br tag is < br >.
Does anyone know how we can style or format the actual message sent – as in the My name is %%Name%% my message is %%Message%% output, currently the mail received is all squished no individual lines or styling
Hello @Paul
Please try using br tag for a single line break after each line. The Syntax for br tag is < br >.
Good afternoon. I have 3 different contact forms on my site. One for a program sign-up, one for an application submission and one for general questions. Is there a way I can have each forms subject line different so when it arrives to the inbox it will be easy to tell which form it came from. Thank you! This thread is very helpful.
Hello @Adam R
Sorry, but it will need an extensive amount of coding. But this can be achieved by using Message Pattern.
Please try using following blog post.
https://elegantenthusiast.com/contact-form-message-pattern/
Thanks. That’s perfect. Much appreciated!
You’re Welcome 🙂
Hellow everyone!. Someone knows how can i edit the message “Please, fill in the following fields:” With another text?. Thank!
Hello @Nico,
Please open \divi\includes\builder\framework.php file and Search the below code and in this code, you can change the error message:
'fill_message' => esc_html__( 'Please, fill in the following fields:', 'et_builder' ),Hope this will help you 🙂
I set up a success message but it does not appear after clicking the submit button.
After clicking submit the form lightens for a few seconds and then reappears as it was before pressing submit.
Any ideas?
Hello @Steve,
Can you please send me your site URL where you have used Divi Contact Form so that I can check it further.
http://0df.291.myftpupload.com/error-page/
Hello @Steve,
I have just checked can you please try deactivating all the plugins and see if it fixes the issue.
If it gets fixed, then you can try activating the plugins one by one and keep checking the issue after each plugin activation, this will help you identify which particular plugin is clashing.
Let us know how it goes and we can check further.
I’m getting a “Make sure you fill in all required fields.” error on submit.
I’ve filled out all fields, I’ve ran the form with and without captcha, and even with removing Required from every field. Still doesn’t pass validation.
Hello @Craig,
Please make sure that no two fields in the form have the same value for Field ID and none of the Field ID has any special character or space in it.
Hi I am using checkbox in my contact form and I want to get the text the customer checked in my email. What should I use for having this data. If I use %%Field_ID%% I will receive “checked” and “not checked”. I want to have the label or the item they checked.
I really appreciate you help.
Hello @Mary,
This can be easily done by using the Message pattern, Please follow the below blog post for achieving this.
https://elegantenthusiast.com/contact-form-message-pattern/
Hey!
Is it possible to send a copy of the message to the costumer who fills and send in the contact form?
To the email they fill in?
Thank you!
what if i want to remove DV builder captcha and want to add google captach at same place suggest me steps for it
Everything seems fine with my form but ONLY the phone number comes through in the actual email. What could be the issue?
Please send me the live URL where I can see the form, I can take a look
hi,
how can I change the text colour for the list that follows after “Please fill in the following fields”