Creating A Contact Form Using Contact Form 7 WordPress Plugin | Contact Form 7 Tuts Part 1

[@wplearninglab]

I've created a Contact Form 7 playlist with a bunch of videos explaining how to do almost anything with CF7: kzbin.info/aero/PLlgSvQqMfii5Q05RFNFaZhTbPomLfZssV If there is something missing that you want to learn just request it in the comments and I'll see what I can do. Until then, checkout the playlist: kzbin.info/aero/PLlgSvQqMfii5Q05RFNFaZhTbPomLfZssV

[@GraffKing21]

I have a question. All my fields seem to be correct but for some reason when i fill it out and submit information as a test message, when i check my email practically no information is sent in that email to me. What am I doing wrong?

[@wplearninglab]

+GraffKing21 It sounds like the email in the email tab in the CF7 form editor isn't set up properly. The easiest thing to do is to first click into the email editor area and then click on the variables that are listed horizontally above the email editor. That will input the proper variables into the email. Click on all the variables, save and send another test message. If the email data is in the test message then customise the look of the email. Let me know if that doesn't make sense.

[@GraffKing21]

WPLearningLab - WordPress Tutorials thanks for the prompt reply, I actually figured it out thru one of your videos haha

[@wplearninglab]

+GraffKing21 I love it when that happens! Good work and thanks for watching!

[@alliedfinancialservices9009]

sir i am not geting filled form data from contact forum 7 , just i get email addres

[@azademavadati2645]

I was struggling with contact form 7 and asking everyone to create one for me but your tutorial was awesome and I followed you video step by step and I finished it in 1 hour. Thank you very much for your short and complete video

[@wplearninglab]

You’re welcome Azade, I'm happy to help! Thanks for watching!

[@RachealYates]

Thanks for this video! I have used CF7 for years on my website and I love it. It's so easy to use. I'm designing a website for a client and they wanted file uploading abilities for guests and absolutely couldn't get it to work. The problem was on the mail tab, I needed to insert the correct tag under file attachment. A problem that could have been solved in 5 seconds and took 2 hours. This video made me realize I was just missing a small step. Thank you!

[@wplearninglab]

+Racheal Yates You're welcome Rachel. I'm glad I could help and thanks for watching!

[@kevinskydrive9884]

Is it possible to put two or multiples e-mail adress in that contact form? We're a team and if I'm not available, I want that one of my partners answer to the person who used the contact form. Pls reply quickly, I'm in a hurry ^^"

[@MalMilligan]

I've used Contact Form 7 on and off since it was invented. I donate 5 bucks every once in a while and I will today if I get this to work. But the instructions have always SUCKED. Your KZbin vid is excellent. Thanks !!

[@wplearninglab]

+Mal Milligan Awesome! Glad I could help Mal :) Thanks for watching!

[@DannyWJaco]

Many thanks for a simple, straight forward explanation! Saved me lots of time getting the message body to populate correctly. Now we can proceed with our convention registration. Cause I'm Happy....

[@wplearninglab]

You're welcome Danny, I'm glad I could help. Thanks for watching and let me know if you have any questions :)

[@kaise99]

Thank you for the tutorial! I am specifically thankful for the extra "how did you find us" section. You went a step further, above and beyond if you will, in trying to help us. Awesome video.

[@wplearninglab]

Thanks for the feedback. I try to go above and beyond whenever I can, without going to far off-topic of course. Thanks again for watching!

[@kaise99]

Hello WPLearning Lab, May I get your advice on something? Do you know what is the best email subscription or newsletter subscription plugin to get for the wordpress avada theme? Thanks in advance!

[@manishgurung5714]

Dear Bjorn Allpas, The WP Learning Lab, It's sourceful to collect your information through this platform and I'm very thankful for your all teachings. Regards, Kabir Ghale Gurung

[@emmevelasquez9284]

Thank you for the step by step tutorial on this video. I was able to set up the Contact Form 7 successfully.

[@wplearninglab]

+Emme Velasquez Excellent. Thanks for watching!

[@emmevelasquez9284]

You are welcome.

[@tadraproject1028]

Thank You! I just fixed my contact form. I looked at your codes and corrected it! Now, my I'm getting my emails.

[@wplearninglab]

Sweet, good work! You're welcome and thanks for watching :)

[@TheSpyderhand]

Why did they make a contact plug-in that makes it almost impossible to receive the mails in the first place?

[@wplearninglab]

+Sam Kiranga Yeah, I understand what your saying. But believe it or not, the vast majority of CF7 users have no problem receiving emails. Most of the time when it doesnt work it's due to hosting server configurations. You can try these two tricks to send emails via a different method or save the entries to the WP database. Alternate sending method: kzbin.info/www/bejne/naLNpmCMgtChZ7s Save form submissions to database: kzbin.info/www/bejne/q5PMl3R9r7d4ars I hope that helps!

[@jonathanlord737]

Excellent - by far the best video guide to use. Clear, helpful, well sequenced.

[@wplearninglab]

Cool, thanks Jonathan and thanks for watching!

[@tobuo]

good english, easy to understand for foreigners

[@wplearninglab]

+gonzo baba Awesome, thanks for watching!

[@R-art2024]

You are a very gifted on teaching, THANKS A LOT! I wish you the best!

[@wplearninglab]

+Raul Rodriguez glad I could help. Thanks for watching!

[@VickiCoburnImpact]

Great Job! From a teacher-best I have seen. TKS

[@wplearninglab]

Thanks Vicki! That means a lot to me coming from a teacher :)

[@Mycornerofitaly]

That helped me a lot, it's the only tutorial I found that explains the email field issue! I was puzzled. Now I managed to create my form, thank you!

[@wplearninglab]

+My Corner of Italy Aweomse work! I'm glad I could help :)

[@ashishdas7249]

Thanks. I go bit confused seeing other videos. You have saved me.

[@wplearninglab]

+Ashish Das, that's awesome! Glad I could help. Thanks for watching!

[@QueenBaha]

Thanks again for the non coders of the world💗

[@wplearninglab]

You're welcome Baha Queen, thanks for watching!

[@cerolocks8662]

Thanks bud its years later and still helped Thanks again

[@michaellofthouse8066]

Another very helpful video, Bjorrn. Thank you again.

[@wplearninglab]

+Michael Lofthouse You're welcome Micheal. Thanks for watching again!

[@mariadelarocha]

Thank you for this very easy to follow tutorial! Because of you I only spent a couple of minutes making my contact page :D

[@wplearninglab]

+Maria De La Rocha Hi Maria, that's great news! I'm glad I could help. Thanks for watching and commenting!

[@MichaelRobison]

I love that I have found your channel. Awesome work !

[@wplearninglab]

Happy to have you here Michael 😀

[@MegaRinnai]

Your video is very helpful, thanks for that. Can you please advise how to remove the asteriks, mandatory option from email field. I am using flatsome theme. Thanks.

[@wplearninglab]

Hi Khan, Inside the CF7 form builder you will see the shortcodes for each of the fields. I side the shortcodes you will see the word 'required'. Delete that and save the form and then the asterisks will be gone. Be aware, people will then be able to submit the form even if they don't fill in some of the fields. I hope that helps, let me know if you have any further questions. Thanks for watching!

[@purvidubey]

I am from india..very helping thanks a lot keep it up ..subscribed ..yeah thumbs up ..😊

[@wplearninglab]

Thanks for the subscribe and thumbs up. Much appreciated!

[@VisionQuest7]

Nice, short and to the point. Thank you very much!

[@wplearninglab]

+VisionQuest7 No problem. Thanks for watching!

[@LindsayHopkins]

Really useful, thanks. I kept trying to add this form but couldn't understand why all I could see was html - you pointed out the obvious (view page!) and there it was. Easy when you know how

[@wplearninglab]

+Lindsay Hopkins Yep, everything is easier when you know how! Thanks for watching Lindsay.

[@antonialudeke4380]

Hello Bjorn! Very usefull Video! Is there a possibilty to put a questionmark with an infotext next to a lable? This will give more informations about the lable to customers when they klick on the questionmark. Thank you for your time.

[@wplearninglab]

+Antonia Lüdeke Hi Antonia, what youre looking for is called a Tooltip. I found this plugin that could do it, but I've never tried this plugin before: en-ca.wordpress.org/plugins/magic-tooltips-for-contact-form-7/ If that doesn't work you may be able to find a general Tooltip plugin that has shortcodes you could add to the CF7 form builder. If that doesn't work, as a last resort you could use jQuery to get Tooltip into the form. I hope that helps and that ks for watching!

[@antonialudeke4380]

Hi Bjorn! Thanks. :-D I had no clue what it is called. Tooltip! This makes it much easier. Installed the Plugin directly. Questionsmark doesnt show up, it is weird box. But I will check why and check other possibilities. Solution is closer.

[@wplearninglab]

+Antonia Lüdeke The 'weird box' may mean the question mark image is not loading for some reason. There was another plugin I found when I was googling it, but it's not in the WordPress plugin repository, so use it at your own risk.

[@undiscoveredcanvas6817]

Your tutorials have been a life saver!!!!Thank you so so much.

[@wplearninglab]

You’re welcome, Im happy to be helpful :) Thanks for watching!

[@AlexSerranocreativefeather]

Thanks a lot again. You have a nice simple way to explain the technology

[@AccountingInstruction]

Thanks for the information. Your videos have helped me a lot with Wordpress.

[@wplearninglab]

+Accounting Instruction, Help, & How To Cool, I'm glad I can help. Thanks for watching!

[@AlekiBon]

Great clip, nicely explained for newbies :)

[@wplearninglab]

+Aleki Bon Awesome, thanks for watching Aleki!

[@wplearninglab]

[VIDEO] Creating a contact form using the Contact Form 7 WordPress plugin kzbin.info/www/bejne/raqaYYp9eM-Aj5Y #WordPress #tutorial

[@ashishjha3438]

Thanks friend! I am beginner at WP & This video helped me lot!

[@MllePinkface]

Saved my life today ! Thanks !!

[@wplearninglab]

+Nathalie Minaudo Awesome!

[@davidwhittworth1841]

Hi, great video. Is there anything that I can add to the form that will say in the email just which page it has been sent from? I want to put the same form on multiple pages. Regards David

[@wplearninglab]

Hi David, I have just want you're looking for here: kzbin.info/www/bejne/o2KtkmaggsekZ9k The part you're looking for is around 2 minutes and 10 seconds. If that's what you need, rewind to earlier in the video to see which plugin does it. I hope that helps and thanks for watching!

[@davidwhittworth1841]

Thats great. Works perfectly, thank you for taking the time out for me. Have subbed. Cheers, David

[@wplearninglab]

+Eagle Cam Hi David, that's great news. Thanks the sub!

[@johnemmanuel2199]

Thanks Bjorn, I found this video extremely helpful and I was able to solve my problem.

[@wplearninglab]

+John Emmanuel You're welcome John. Thanks for watching!

[@kalevi6243]

Thanks alot for this! It's very simple but if you don't have any instructions, then it's hard to advance... :)

[@wplearninglab]

+Matti Järvinen Hi Matti, I'm glad I could help. Thanks for watching!

[@RogerAbiza]

Thank you so much for the clarity and the informations of your video. Roger from France

[@richardsunday1612]

you made it much clearer than the official instructions :)

[@jamessummers5936]

Excellent tutorial! Thanks! It's still very much useful in 2017!

[@wplearninglab]

+James Summers Hi James, it sure is. Once it becomes unuseful I'll rerecord it. Thanks for watching!

[@CamiloSaenzM]

Great video! Is there a way to change the color of the "Send" button? Thanks

[@wplearninglab]

+Camilo Sáenz M. Hi Camilo, there is, but you have to use CSS. It's difficult to explain in a KZbin comment, so I found this for you: stackoverflow.com/questions/12471132/how-to-set-text-color-in-submit-button

[@CamiloSaenzM]

WP Learning Lab Thanks!!

[@wplearninglab]

+Camilo Sáenz M. You're welcome, thanks for watching Camilo!

[@chandramoullyrai5856]

You are awesome ! I found exactly what i was looking for. Keep it up.

[@wplearninglab]

No Chandra, you're awesome! I'm glad I could help, thanks for watching!

[@ds61821]

Thanks. You helped me figure out what I was doing wrong.

[@danengtan2312]

Hi how do you customize the 'send' button color & text appearance? is it possible to change the font size of the field labels too?

[@wplearninglab]

Hi DaNeng, Paste this CSS into your style sheet. The comments after the CSS rule explain what the rule does. input[type=submit] { padding:15px 45px; /* button size */ background:#FF0000; /* button background color */ color:#fff; /* text color */ font-size:30px; /* text size */ font-weight:bold; /* text bolding */ border:0 none; /* button border */ cursor:pointer; /* cursor appearance */ -webkit-border-radius: 5px; /* border radius - compatibility */ border-radius: 5px; /* border radious */ } To change the font size of field labels use the CSS below. Just change the px number to make the labels the size you want: .wpcf7 label { font-size:20px; } If you want to increase the size of the input field's text you can use this CSS: input[type=text] { font-size:30px; } I hope that helps and thanks for watching!

[@dukat03]

Thank you this was very clear !

[@wplearninglab]

+dukat03 You're welcome, thanks for watching!

[@davidfahypt5578]

Thanks for this. When they enter their details on the contact form, is there a place where all subscribers go on the website so as to have a database of all subscribers? Thanks

[@wplearninglab]

+David Fahy Fitness Hi David, unfortunately CF7 isn't designed to collect subscribers so that you can email them later like you would with an autoresponder service like mailchimp. So their emails aren't stored in the database. If you don't want to use a service like MailChimp your best bet is something like MailPoet. I hope that helps and thanks for watching!

[@davidfahypt5578]

Thanks so much. I will give this a try. I appreciate your help.

[@wplearninglab]

No problem David. Let me know if you need any more help.

[@davidfahypt5578]

WordPress Tutorials - WPLearningLab thanks again. I used MailPoet. Really good & easy to use. However when I design an email & test send it works perfectly. Then when I subscribe through the website like a customer would as a test, it auto sends an old auto email I first designed. I have deleted this email & everything but still won't auto respond with the correct email I want it to. Any suggestions?

[@wplearninglab]

Hi David, Just to make sure we're on the same page. The email that is sent when someone signs up is a just a plain text confirmation email that you set up in Settings then Signup Confirmation. That would be sent to everyone who signs up, as long as you have the confirmation option set to Yes on that page. You can create a new email and set it to send automatically when someone signs up. You've done that, but it's still sending the plain text email, is that correct?

[@kiddeststv]

So helpful video.Thank's a lots.

[@wplearninglab]

+Sujan Das Hi Sujan, glad I could help. Thanks for watching!

[@strykeforemarketing]

SOOOOOO helpful, thank you!!!

[@wplearninglab]

+Beau Kohler Glad I could help. Thanks for watching!

[@leeferris5940]

Clear and concise, thanks!!

[@wplearninglab]

+Lee Boojamra You're welcome Lee. Thanks for watching!

[@MrMaid14]

I'm a beginner and this helped me a lot. The strange thing was that on a theme I bought plugin was already installed and the contact form in the footer was not working but looked much prettier than this that I've created. But I guess it's working. I guess my next step is to try somehow to style it. Thanks.

[@ShawnKittel]

Hey man, thanks for the walk through on this. I've been debating between different contact forms, but your tutorial makes my choice easier seeing I don't need all the bells and whistles. I'll be checking out your other contact form videos as well. thanks for your time and effort you put into these.

[@SmittySahn]

3:14 the To field, is there any way to have the two field as a drop down list to select between 4 emails that it could go to? As in when you come to the contact form you get to pick who it goes to. Well you would pick one out of four people anyway.. Thanks

[@michaelwilkins7615]

Thank you for this information. Ten out of Ten GOLD STARS

[@wplearninglab]

Gold stars are the best! Thanks!

[@ayazshah1752]

Thanks a lot for providing a good tutorial. I am looking for static contact form means i am not using wordpress so do you have any suggestion for me?

[@wplearninglab]

+Ayaz Shah Hi Ayaz, if you're not using WordPress and you want a static contact form you could find contact form scripts online. The form will be HTML for structure and CSS for appearance and PHP for accepting the form input and creating/sending the email. You may also need some JavaScript if you want form validation. I don't have any tutorials for this and I don't have any on hand. I'm sure you'll be able to find something on KZbin though.

[@ayazshah1752]

Thanks for your reply, well i have purchased this ready made form codecanyon.net/item/perfect-contact-us-form/19362563

[@TheJaimeGamingShow]

You saved the day dude! Thanks.

[@wplearninglab]

You're welcome Jaime, I'm happy to help. Thanks for watching!

[@AilishIrvine]

Thanks for that, it took me two minutes after watching this. appreciate your help, big time.

[@wplearninglab]

That's awesome Ailish, I'm glad I could help!

[@tapasbhattacharya521]

I liked your video. Do you have more videos on this area? Thanks for your effort.

[@wplearninglab]

+Tapas Bhattacharya Hi Tapas, I just published another video on how to create a 2 column layout in Contact Form 7 (kzbin.info/www/bejne/qZ-rZ4yteK14pac) and I have lots of other videos about wordpress and wordpress plugins. Check my channel.

[@levieastwood9307]

This is exactly what I was looking for. Thank you for making this!

[@wplearninglab]

+Levi Eastwood You're welcome, thanks for watching!

[@AwakeAbroad]

Hey mate thanks for the video!! Making my website much better! Just a question. Can I link to this form via hyperlink or pop up button? So if I put a button saying contact me so it pops up instead of being constantly present on the page. Cheers, Sebastian

[@wplearninglab]

Hi Sebastian, Yes, you can do that. I don't have a video for it but you can use a plugin like this one to create the popup: en-ca.wordpress.org/plugins/popup-maker/ Or you could create a popup manually with jQuery if you're adventurous. I hope that helps and thanks for watching!

[@AwakeAbroad]

Thank you for the help!!!

[@wplearninglab]

No problem :)

[@kevinskydrive9884]

Is it possible to put two or multiples e-mail adress in that contact form? We're a team and if I'm not available, I want that one of my partners answer to the person who used the contact form. Pls reply quickly, I'm in a hurry ^^"

[@MannyGonzalezDigital]

very helpful tutorial, thanks

[@wplearninglab]

+Manny Gonzalez You're welcome Manny. Glad I could help!

[@Noob-zi2ce]

Thanks man. You made it so easy.

[@wplearninglab]

You're welcome, thanks for watching!

[@JMikeStephens]

Thanks for the tutorial. Much appreciated!

[@wplearninglab]

+J. Mike Stephens No probs,, thanks for watching!

[@kmachakaire]

great video, you made it seem so easy

[@wplearninglab]

Thanks Kevin, once you've done it 3000 times like me you'll make it look easy too 😀

[@wplearninglab]

I meant to say Kelvin, darn autocorrect!

[@innate-videos]

Great vid, Bjorn!

[@wplearninglab]

Thanks John and thanks for watching!

[@Beegeezy144]

Great video, man. Well-paced, clear, and concise. I learned a lot. Thank you!!

[@100Livello]

Thank you so much :) Just subscribed

[@tuanvo8961]

I did the same on my site, it shows up the same but when i tried to send an email to my website, i didnt see any inbox in my email that I put in contact form.. Do you know why, and can you please help

[@TejpalNakul]

nice upload have a nice year bro.

[@wplearninglab]

Thanks, same to you!

[@mineduggery3309]

Really helpful! Thank you very much!

[@wplearninglab]

You're welcome, thanks for watching!

[@kalum1976]

hello, very nice video tutorial thanks a lot!! I have a question! I have a list of 10 checkboxes. How can I limit user to be able to select only maximum of 4 checkboxes. thanks in advance.

[@wplearninglab]

+Kalum Nanayakkara Hi Kalum, there are a couple ways you can do this, but it depends on the actual HTML code in the form that generates the checkboxes. No matter which method you use, you will need to use jQuery to detect how many check boxes are selected and limit them to 4. Are you able to paste the code into the discussion here?

[@kalum1976]

thanks for your reply. I will try it thank you very much

[@wplearninglab]

+Kalum Nanayakkara You're welcome. Let me know how it goes or if you need more help.

[@haremcinema-show_over7642]

This was great, thank you! Loving your series of helpful tutorials. Very much appreciate you sharing your knowledge with us all.

[@wplearninglab]

My pleasure Harem, I'm glad I can be of service. Thanks for watching!

[@dazza0608]

I seen one of your tutorials on form fields and how to use id attributes to make people input the correct information like only numerals in the telephone field and only 10 digits or ensure that they input a correct email address instead of just lots of letters. Is that tutorial still available?

[@belkashehaj9382]

hello, thank you for the tutorial. I want to ask for smth, in the from field [your-name] , i am not very clear what i should complete in , i mean which address?

[@wplearninglab]

+Belka Shehaj Hi Belka, the address in the from field refers to their email address. I hope that helps and thanks for watching!

[@belkashehaj9382]

but what should i place in that field when i create the form? because i complete with email of my domain but the mails don't arrive. i get a message "Thank you for your message. It has been sent" but it isn't in the inbox :(

[@wplearninglab]

+Belka Shehaj Hi Belka, not sending or receiving email is a problem in CF7 that sometimes happens. If your form settings are all correct then you'll need to try a different method. Send from outside the hosting server: kzbin.info/www/bejne/naLNpmCMgtChZ7s Save entries to database: kzbin.info/www/bejne/q5PMl3R9r7d4ars. I hope they helps and thanks for watching!

[@karenmillstraining]

Thanks for the video it was a great help

[@wplearninglab]

+Karen Mills Hi Karen, I'm glad I could help!

[@iclickmovie8904]

Hello thanks for this video. I just want to ask how to resize the size of the forms. Thanks

[@sebas0330colombia]

Hey there, Awesome video ! thank you. I have a question, I want to have a page with a Form and in another page I would like to see the submissions in tables (Like those tables of the Wpdatables plug-in) Is that possible? I don't know how to . Thanks

[@BlackRebelKey]

Thanks! Very objective and informative. :)

[@wplearninglab]

Thanks Augusto and thanks for watching! Sorry for the delay. We just had our third baby and it's been a bit of a gong show around here 👶

[@flofixplanner8960]

Thanks! This was very helpful.

[@u25mh]

Awesome tutorial, works perfectly. I only have my messages box appearing wide. Would there be a way to fix it in the html code ? Thanks

[@wplearninglab]

+u25mh It sounds like you want all of the input boxes to be the same width as the message box. You can fix it with CSS by making the width 100% for all the input boxes.

[@kkiesh19]

Thank you! It worked.

[@wplearninglab]

You’re welcome Kieya, thanks for watching!

[@swright4759]

Good basic, but I was hoping to learn how to have a cc or bcc on the backend so that the user response goes to more than one email ???

[@McGavel1]

Great tips - thanks.

[@wplearninglab]

+McGavel1 You're welcome, thanks for watching!

[@McGavel1]

Gonna watch a bunch more. I'm making a little site to document my garden's progress and I want to be able to just upload a pic from my phone with some notes and tags that turns directly into a post. Watched your other vid about CF7 uploading a file so now I'm trying to figure out how to access that uploaded media and have it go into a post. Fun times, peace.

[@wplearninglab]

+McGavel1 Instead of going the CF7 route, you might want to checkout the remote publishing feature that's built into WordPress. I'll make a tutorial on that in the next couple days

[@McGavel1]

Awesome - thanks for the info! I'll be sure to check that out.

[@wplearninglab]

No problem. Let me know if you ever have any other questions and good luck!

[@daylinjones7194]

Very helpful! thanks!

[@wplearninglab]

You're welcome Daylin, thanks for watching!

[@Insuriosity1]

So, if the emails are being sent to our email account we shouldn't need to use Flamingo, correct? Thanks for the tutorial by the way. Very Informative and easy to follow.

[@wplearninglab]

+CallmeMilton That is correct. But, there are sometimes problems with emails being sent from hosting servers resulting in emails not being sent. Flamingo gets around that by putting the email message right into the database and presenting it in the WordPress dashboard. I hope that helps! And thanks for watching!

[@pra9shinde]

thanks a lot sir .i want to change the size of textbox,date,tel,email fields how can i do that sir

[@wplearninglab]

+pranav shinde Hi Pranav, you can do that using CSS. If you fast forward the video above to 6 minutes and 20 seconds you will see how you can add an ID and a class to any field or button. You can then style those fields with CSS. Once you have the IDs or Classes in place check out this tutorial over at SitePoint for form styling tips: www.sitepoint.com/style-web-forms-css/ I hope that helps!

[@ChristerAxelsson1]

Clear video, thanks... 1 problem with mine is it forwards to my email just fine but without info fields. Just comes in as [your-name] and so on. Site is already public!

[@Alexisasful]

I loved it! Awesome explanation! Thx!

[@wplearninglab]

You're welcome Alex, I'm glad I could help. Thanks for watching!

[@laravelmaster5106]

Nice video! :) But I just wanna ask what if Im working with localhost (WAMP), it means that I cannot use contact form 7? due to "to:" field in "mail" tab. Do you have some recommendation about this issue? Thank you in advance.

[@saidafernandez9365]

tks, really helpful and simple instructions

[@pitwellmann5241]

Thanks for the tutorial! You have solved my Contact US problem :)!

[@maxratmirov1416]

Thank you for a great tutorial! But the main question that is not answered is how to link the contact form to the word contact in the header of the web page?

[@mfilipe77]

Thanks, bud, very helpful.

[@wplearninglab]

You're welcome Ramos, thanks for watching! Let me know if you have any questions 🙂

[@mfilipe77]

@@wplearninglab Thanks will do. I am all set for now. I normally don't deal with plugIns or WP and this video helped for sure, it's for a friends business website, I had to uninstall and reinstalled. I just upgraded his WP from 4.xxx to 5.1 this was helpful for sure. Thanks again.

[@wplearninglab]

No problem Marco, any time :)

[@miguelcorderogonzalez4884]

HI, I have an actual webpage with a contact us form and I want to create another contact form with a drowpdown menu. My web objective is to look for two targets, one new clients and the other one for new participants. Can I duplicate the actual contact us form and add the dropdowns menus? It wont affect the actual contact us forma that I already have?

[@wplearninglab]

+Miguel Cordero Gonzalez Generally, you can only have one submission form per page unless you do some custom JavaScript or PHP. To differentiate between new clients and new participants could you have a radio button on the beginning of the form so they can choose which on they are?

[@miguelcorderogonzalez4884]

Thanks, but if I made two separate pages one with teh basic contact form for clients and another contact form for new partcipants with more details and dropdowns menus, it would be all right?

[@wplearninglab]

+Miguel Cordero Gonzalez Yes, that'll work just fine. You can have as many separate pages with forms as you want as long as you only have one form on each.

[@miguelcorderogonzalez4884]

Great, I'm on my way of making the second one. Thanks for your quick answer and for an awesome tutorial.

[@wplearninglab]

+Miguel Cordero Gonzalez No problem, Miguel. I'm glad I could help. Thanks for watching!

[@karthikeyan5918]

Nice explanation 👍

[@AvitalZemerPhotography]

Hi there, thank you for the informative video. I am trying to integrate Contact Form 7 with the Zerif Lite theme, which is a single page theme. Any idea as to how i can replace the existing basic contact form with the one The contact form 7 plug in? Thank you!

[@someshnukala804]

Thanks a lot sir. Very useful video

[@cherdaravi4579]

Hi thanks for your instruction. I've a little problem maybe you can help me out. I want a short subscribe form and when a person clicks on subscribe they redirected to the long form. How can I do this ? Hope you can help me out.

[@wplearninglab]

+Cherdar Avi Hi Cherdar, if I understand correctly you want to have someone fill out two subscribe forms in a row, is that correct? Technically it's pretty easy, but you'll have to offer a good incentive to get someone to do it. Technically, make two contact form 7 forms and put them on two separate pages. Then download/install a CF7 redirect plugin (like this one: en-ca.wordpress.org/plugins/contact-form-7-success-page-redirects/). Then redirect the first form submission to the second form. I hope that helps!

[@cherdaravi4579]

Hmm, I don't know if that can work. Maybe I try to explain it better. I have a website for subscribe on courses, in the first page they see a form(short form) with 2 inputs where to learn? and when to learn?. When they click on subscribe they goes to a another form (long form) with the input of the previous. So they see the value of previous input and they fill now the other inputs(name, surname and more..)

[@wplearninglab]

+Cherdar Avi That makes more sense. Contact Form 7 isn't your best bet for they functionality injured you want to write some JavaScript. For advanced applications like that I recommend Gravity Forms. It's a premium (paid plugin), but it is powerful and awesome

[@cherdaravi4579]

Wow thanks for your reply!, have you any tutorial of Gravity Forms ? I can buy the plugin soon. And another question can I add payment method with the Gravity form ?

[@wplearninglab]

I don't have any tutorials, but they're on my list to create soon. Gravity Forms has 3 different pricing tiers. Each one comes with different add-ons. The $199 per year tier (which is the one that I use) comes with all the add-ons available including the ability process payments through three different types of PayPal accounts, Authorize.net and Stripe. Just go here wplearninglab.com/go/gravity-forms/ and click on "Add-ons" at the top to see the list.

[@felixhogsander2533]

I know this is not the topic of this particular video, but I am now in the works of doing a taxi website for my company using WP... do you know if there is a way to make a website booking connected to the site? (so that the visitors can book via the website) and lets say I want to book 10/09/2018 at 5 pm,,,,,, but that is already taken by someone else (or no cars avail) can that be shown as (unavailable)??? love your vids!

[@wplearninglab]

Hi Felix, you can build integrations like that. What I would do is research booking services that allow you to embed their calendars into WordPress. So you're not really connecting WordPress to the booking system, you're putting the booking system right in the site, does that make sense?

[@felixhogsander2533]

Now I have another issue :( in my Additional Headers: I got as you do Reply-To [your-name] Still says adress in the field has invalid syntax :S I did a custom form using some html Upphämtningsadress: Datum och tid för upphämtning:

[@wplearninglab]

When you save the form and go to the "Mail" tab in the form builder, it will show all the shortcodes for the fields near the top of the Mail tab. Based on the code you put in the comment you should see one like this [E-post] That is the email address that should go in a "To:" field. The To field is the email address. I hope that helps and thanks for watching!

[@faithbaptistchurch7528]

Thank you for the easy tutorial. I constantly have to check my contact page after an plugin update, it usually changes the short code on my contact page so your tutorial helps as a reminder how to go back and copy and paste. =) Question: How do I remove the Leave a Reply box on my Contact Page. I can't find the option to remove comments or replies from that page.

[@wplearninglab]

Glad I could help! As for removing the ability to comment, go into the WordPress editor for the page. In the top right corner there's a little button called Screen Options. Click on it and then make sure "Discussion" is checked. This adds a "Discussion" meta box at the bottom of the page. Scroll down to find it and uncheck "Allow Comments". Then save the page. That should do it. If you want to know more about the screen options check out this quick tutorial: kzbin.info/www/bejne/gInZgX6lpLuGfJY I hope that helps and thanks for watching!

[@kevinskydrive9884]

Is it possible to put two or multiples e-mail adress in that contact form? We're a team and if I'm not available, I want that one of my partners answer to the person who used the contact form. Pls reply quickly, I'm in a hurry ^^"

[@RudolfAlmighty]

@WP Learning Lab What about attachment files? Is it possible to upload files and add to contact form? Thanks!

[@TruthSlayer11]

Hey brother...great vids. My contact form doesn't display properly.It is there but hard to see. I have oceanwp theme and I have a black body background throughout all 7 pages. The last page is the contact page with the form but cannot for the life of me figure out how to lighten the background around the contact form without changing the black background of the other 6 pages..I want to keep them black?? Thank you

[@wplearninglab]

Hi Lars, Sorry for the delay in responding. Our third child arrived 12 days ago and it's been a bit of a gong show around here 👶 You can do it with some CSS. You can use the selector .wpcf7 to apply the CSS just to the form. You can add the CSS under Appearance > Customize > Additional CSS This may be all you need to paste in there: .wpcf7 {background-color:white;} These two videos and the associated blog post may be helpful: 1. kzbin.info/www/bejne/mHzEo3ZmhrRopck 2. kzbin.info/www/bejne/b5aQe5WPnL51idU I hope that helps and thanks for watching! P.S. If you haven't yet, check out the WPLearningLab Facebook Group: facebook.com/groups/wplearninglab See you there!

[@MandeepSingRawat]

thanks for your time. as I submit the form its keep on giving me an issue that your message is fail contact the administrator in another way.