Complete Contact Form 7 Tutorial

Complete Contact Form 7 Tutorial


Hello, my name is Ferdy Korpershoek for WordPressKing.com and in this video I am going to show you how you can create a contact form. So let’s go to the contact page And we see here some information about my company. My location. and some text about if you want to have contact
with me you can call me but there’s no form.
In order to get a free contact form we’re going to install a
plugin so go to the backend of your website website Go to plugins.
Add a new one over here and search for contact form 7 it’s a free plug-in its really useful.
It is downloaden more than a million times so let’s install this one right now.
Activate the plugin and we can go to contact over here or to te settings.
Its the same: So I am going to contact I go to the shortcode Select all I copy this. Go to the website in a new tab and go to contact I I edit the page and I’m paste the code over here if I updated and I will take look good the page you’ll see a conflict
for what my name my email address subject hello there and my message hello there this day message from 30 purpose ok I scroll down I sent the message and it says your message was sent
successfully I go to my gmail I want to in see I can you email from lincoln tech from
from my website from 30 percent with this in mind this
subject hello there you see it coming back here message body hello there is a message from paper took
in this know a sense from a compact form from period corpse media so this is really easy to do but let’s take it a step further I go to my
and contact form like click here on contact form one over here you can see the setup after form so your name email subject message 10 I’m here so if
I want to at something two days I can copy there’s over here it is area bases over
here and we say your film number I don’t want it to be will require at if you put in s3x after dis text then Israel becomes required but I wrong remove this and every move is whole pack I say tell I called name phone number it’s not a reply choir and is attack I insert the DAC right now I have to copy this go to me all and this is the message
that will be sent to my email if a user sends me messages through
conflict form so subject is here and then I’m going to hit something
which is from number base that cap it is based over here and I save now when I refresh the page misty your name your email and your phone number so
let’s do it Senate go to gmail know what were you see phone number and he said phone number so if you with something over here in the form it’s important
that you also put it over here with the same tack so
that you’ll see it in the mail okay I’m going to began from scratch I remove dissolved and now
I’m going to choose the best and I call it named
Michael here also name and I say use this text place holder of a few so I insert text I save it and what we see if I refresh
the page the name is written in South form so I click on it and say
three-person so in that way you can decrease the size out the form so next one email of course email you know you know and also the same here it has
to be require I insert that also at the name has to be retried so I put Asterix over
here the next thing people can have a website I won their website so I say text I call
this one website this fall value website uses text placeholder of Appeals as the
third one for fourth one i won there phone numbers so I click here tell phone number I stop it is use this tax as a placeholder and then I wanna drop down menu so I choose the drop down menu and I call this I along to the first line is ask 8 question second option is mean to you person and third one is get offer healthful selection you can allow I want and I’m insert the DAC I want people to type message so I go to text area I call this text area copy it and Marseille time your message here insert attack the next thing I want to do is I want give people the opportunity to uploaded
file so I choose File I Collins up loath the sell sell in size limits game bites I wanted to be 10 megabytes and PNG and GP G are coping with me insert and and people should submit and I call this sup me or sense you can do no you can choose
which 11 I say this refresh the page and this is how it
looks like quite nice okay submitted I want it to be on the line save it refresh the
page I think that’s looking better maybe another line between them and over here at me all I want to use some tax so from whose name will I’m put their all put
their this one selected ones and traded over here and tried it again yes from and then the email over there here also you know is the mother is far I want the message
to be sent to the subject there’s a subject so
I call this message from 30 professor media reply to email and there you have it again subject no
subject phone number still here that I can taking over here an his phone number so I may be attacked by
myself I was over here already testified fun the message is attack text area every move this stuff and what i want. to a scroll down and then felt that Sprint I’m going to put this
stack uploads sort of fell which will be uploaded and
the drop-down missing the drop-down I for one through do have everything my name email texts phone number I’m seeing them upside I want to thanks area power plant so only thing I need is a
the website so well scroll down website with over here what’s attack of the website website opening closing self from name you know phone number website I
want to choice text area taken some meds they
can upload a file save it okay let’s ride is refresh the page so palestinian this form my name mill website i phone number I want to meet him in person yes hello there world me cue are to browse for a fell and I want to segment this message your message was
sent successfully thanks I go to my gmail and I see from for a week or so my email address my phone number my website I want to meet you in person the message bodies
hello there I would like to meet you near see attachment and if I reply is going to this in my address which is the one had given up over here so this is how it works and I’m now feel free to do your own thing with
it and I hope you enjoy this tutorial feel free to subscribe for more upcoming tutorials and I wish
you the best bye bye

68 comments

  1. Hi, nice video) thanks. Could you help me please, my contact form isn't work. The sending is failed… after sending i see this message "Failed to send your message. Please try later or contact the administrator by another method.". Please could you explain how to fix it. Thank You very much!

  2. I'm using Themify Parallax theme with wordpress. I'm wondering how to get "contact" text above the form and side bar with address and map next to the form?

  3. Facebook Ads with $0:
    Step1: Set Facebook Messenger for WordPress
    https://wordpress.org/plugins/wp-facebook-messenger/ (FREE)
    Step2: Exploit this Facebook custom audience by sending bulk messages

  4. when i click button send i have a misstake "There was an error trying to send your message. Please try again later."

  5. This video has helped me so much! The walkthrough from scratch was exactly what I needed so I could understand the format better. My form looks great now. I included the following coding in my form in case someone wants to customize the size of the boxes.

    <div class="col-sm-6">
    [text* Name placeholder "Your Name"]
    </div>

    and I used this for my message box:

    <div class="col-sm-12">
    [textarea Message placeholder "Message"]
    </div>

  6. could you please show how you manage other widget area which contain google map and contact details on this page …. ???

  7. As always, great video Ferdy!

    I have a question. In case I want to add a country/state/city to the form, how do I go about it?

    Also, is it MUST to add those field inside the MESSAGE BODY under the MAIL tab?

    Thanks

  8. Hello, thank you for such a detailed video. I am encountering a problem with this plugin and also with wp form. I don't get emails from them. I have tried several times but the problem persists

  9. Very good video..I was happy to learn that in order to upload the file you need to write [upload] on Form and Mail Option.
    Was thinking would be easier to read if you inserted those boxes one bellow each other like in finished form.

    And would be great if you actually copy and pasted the whole code ..for us who are bit lazy ๐Ÿ™‚

    All the best

  10. I did exactly what you did, I am trying to add a phone number, but all I get is [tel phonenumber] in the email. It's not showing the content correctly for the phone field ๐Ÿ™

  11. hello , please help .
    they always warn me on "From" part with "Sender email address does not belong to the site domain" . i fill that with "[email]" like you did . but i dont get it why that warn always come out ๐Ÿ™

  12. Hi when I tried the above i find out tobe within a box in phone number and ask a question tags.
    Could you pls help me out in this

  13. thanks for explanation.nice tutorial. i have a question? how can i add styles to the contact form? and the submit button?
    i use OCEANWP theme. the free version. can you help me with that

  14. Ik heb het probleem dat ik in velden die niet of niet juist zijn ingevuld bij het ene veld een zwarte tekst 'het veld is verplicht' en bij andere velden dezelfde tekst krijg maar dan in het rood. Hoe zorg ik ervoor dat alles in het rood of zwart verschijnt? Wat me opvalt is dat bij velden met TEXT zwart is en bij CHECKBOXES rood.

  15. Thanks, Ferdy, I was stuck with this problem for 2 days, finally found an explanation that told me what to do
    www.global-investment-property.com

  16. Sir can u please help me in editing contact form 7. I have created a dropdown menu. One of the options is "others". So now if any user select others i want there to appear another field the users can describe what they mean by selecting others.
    Is it possible to do so in contact form 7?
    Thanks in advance.

  17. Always good tutorials Freddy.. The question I have is my form works the emails are received, but the email contains code ie <h1>Test</h1> and so on for each field. Any thoughts on why this is happening?

  18. Hi Ferdy! Thank you for creating amazing videos! They have been a great help in building the website for our business.
    I have noticed that I am not receiving emails when trying to use Contact Form 7. I went to edit the form and do not see anything out of the ordinary. Do you have any suggestions in fixing this?
    Thanks so much!

  19. Why my date field is too short and urgly and can it be formatted in dd/mm/yyyy and can choose by click instead of fill the field?

  20. I have the same error as everybody else. I do not recieve an email to my account. No youtubers are tackling this issue lol

  21. it will only works if its already host? im trying it locally and it didn't work "There was an error trying to send your message. Please try again later.". anyone can answer me? ๐Ÿ™‚

  22. Hi Ferdy and everybody!
    We just launched Contactic, a new tool (backup, export, tracking, stats) to save Contact Form 7 submissions to your wp database. We would be happy if you could test our plugin, and maybe give some feedback as well :).
    https://wordpress.org/plugins/contactic/

  23. Hi, Great video. I only see labels but I don't see HTML tags in Form 7. For example, I see something like <label> Your Name (required)
    [text* your-name] </label>

    <label> Your Email (required)
    [email* your-email] </label>

    How can I reveal HTML tags, please?

    Thanks a lot.

  24. Hi Ferdy, Everything looks good except the ' Send' button. How can i change the color of the button etc. and centre align the form. ..Please help

  25. Hi Ferdy can you help me?
    when i do my contact form it show too big and too Height ! why and what can i do???
    Thanks…

Leave a Reply

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