One of the most important pages of a website is the contact page where people can get in touch with
you especially if you have products and services that you sell with your web site.
It's important that people can get in touch with you to find out more information.
So here on videos go online I have a very simple contact page that works really well.
First I created this image with a bright smiling picture of me and a how can I help but in trying to
just personalize my website a little bit more and then down below I have the contact form and this is
created with Fahs secure contact forms they plug in that I'm going to show you in just a second.
There are hundreds of options for a contact form plug ins but there are two that I'm going to show you.
One is the fast secure contact form which is the one that I'm using for videos online.
Dot com.
Relatively simple to use.
Visually it's not the best Graphically it's not the most seamless integration with a Web site and the
back end isn't as easy as another plug in called Contact form by W.P. forms.
So for our Web site that we're working on I'm going to show you how to use this one.
So go at it and install this one.
Just search for W.P. forms and it should be the first one that shows up after you've installed and activate
it.
Go to the WP forums menu and click on Add new or if you're on the all forms page you can click on new
from there.
Here we can give a name to the form.
So for me I'm just going to call this contact page.
You can follow a template or you can create your own.
Let's just create a blank form for now.
Now we can easily drag and drop the different options from the left onto our contact page.
For example we might want to include a name box an e-mail box and a paragraph text box if you want to
find any more data about people submitting information on your contact page.
You can add a multiple choice question a drop down menu or some checkboxes with a list of things that
you might want to find out about that person.
There's also what they call fancy fields or payment fields that you can add but you have to purchase
the full premium version of WP forms.
But this is typically what you would want in your contact page his name email and paragraph.
You could also add a single line text say you want to find someone's web site out.
You can drag it on to this editor click any of these modules to edit it and then it comes up with the
edit options on the left and then we can change the label name from web site.
For that I wouldn't make it a requirement.
But here is the checkbox to make it a requirement or not.
So you don't want to include their last name or require them including the last name you can click on
the name field and change the format from first last to just simple name.
But I like requiring or at least having the option for the first and last under settings you can change
the way that your message appears to the person when they get an email.
For example under notifications you can change what the name is if you want it to be the Web site name
or maybe you just want it to be.
Or maybe you just want it to be your name and under conformation This is the message that they'll receive
after submitting something in the contact form.
So you might want to include Right now this is the default.
Thanks for contacting us.
We will be in touch with you shortly.
Maybe you want to say with you in the next two to three business days and then maybe you want to say
something like.
In the meantime feel free to check out my list of blog articles or my YouTube channel.
Answers some frequently asked questions or maybe you have a fake Q page that you want to direct people
to.
You could also change it from a message to going to your L or if you want to redirect them to a specific
page.
Once you're happy with your form and your settings click save and then click embed.
What we can do is now take this short code which is what this is called.
Copy it and embed it into our contact page.
It does have a tutorial if you want to watch that but I'm just going to go to my contact page.
So here I am on my contact page and I'm going to click at it page.
Now I'm just going to add the short code right there in the middle of this visual box say update and
then click View page and now you can see our contact form good to go.
Now if this were my contact page which it is I would include a little bit more information like I did
on the video squalene line page maybe Aegeus some sort of verification or some sort of explanation of
what you're looking for or what types of things you expect to hear from people on the contact form or
perhaps again you want to redirect people to other pages or information so that you don't get bombarded
with too many submissions on your contact form.
So this contact form looks really amazing really clean.
One thing that I would add to prevent spam is a recaptcha which is a Google tool that is added to all
kinds of forms so that it can prevent bots from spamming your Web site.
Here you can see on my page with fast secure contact form the Kaptchuk code where people have to type
this in and as annoying as it is for someone to have to type that in it's a wonderful tool for preventing
spam.
To add that to your W.P. forms go under W.P. forms menu under settings and down at the bottom you have
recaptcha click the visit recaptcha link to go to the Google page and click it.
Recaptcha
is going to ask you to register a new Web site
and once you walk through the steps it's going to give you the capture site key and the secret key that
you can plug in and save Next go back to your contact page form and you might have to refresh this page
then under settings go to general and turn on and enable recaptcha and press save.
Now if anyone visits your contact page form they'll get this.
I'm not a robot recaptcha which is the new way that Google is figuring out if someone is a spammer or
a bot or not.
So people will actually have to check this and be verified to provide a comment.
For example you get one of these images pop up where I ask you which images have a street sign.
And so the user has to select all of them.
Click verify to be able to submit a comment on this form.
So that's W.P. forms.
And again it's very simple to use.
And if you want some more advanced tools you can sign up for a premium account.
But with what you get with the light version you can go ahead and get started.
Thanks so much for watching and we'll see in the next lesson.