WEBVTT 00:00.180 --> 00:05.490 One of the most important pages of a website is the contact page where people can get in touch with 00:05.490 --> 00:09.380 you especially if you have products and services that you sell with your web site. 00:09.390 --> 00:13.460 It's important that people can get in touch with you to find out more information. 00:13.470 --> 00:18.860 So here on videos go online I have a very simple contact page that works really well. 00:18.870 --> 00:25.830 First I created this image with a bright smiling picture of me and a how can I help but in trying to 00:25.830 --> 00:31.530 just personalize my website a little bit more and then down below I have the contact form and this is 00:31.530 --> 00:36.410 created with Fahs secure contact forms they plug in that I'm going to show you in just a second. 00:36.420 --> 00:41.830 There are hundreds of options for a contact form plug ins but there are two that I'm going to show you. 00:41.910 --> 00:46.630 One is the fast secure contact form which is the one that I'm using for videos online. 00:46.650 --> 00:47.920 Dot com. 00:47.970 --> 00:49.580 Relatively simple to use. 00:49.620 --> 00:57.960 Visually it's not the best Graphically it's not the most seamless integration with a Web site and the 00:57.960 --> 01:04.640 back end isn't as easy as another plug in called Contact form by W.P. forms. 01:04.650 --> 01:08.910 So for our Web site that we're working on I'm going to show you how to use this one. 01:08.940 --> 01:10.760 So go at it and install this one. 01:10.770 --> 01:16.160 Just search for W.P. forms and it should be the first one that shows up after you've installed and activate 01:16.160 --> 01:16.470 it. 01:16.500 --> 01:24.260 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 01:24.270 --> 01:25.050 from there. 01:26.610 --> 01:28.670 Here we can give a name to the form. 01:28.680 --> 01:31.690 So for me I'm just going to call this contact page. 01:31.740 --> 01:35.710 You can follow a template or you can create your own. 01:36.060 --> 01:38.550 Let's just create a blank form for now. 01:40.520 --> 01:46.400 Now we can easily drag and drop the different options from the left onto our contact page. 01:46.460 --> 01:57.000 For example we might want to include a name box an e-mail box and a paragraph text box if you want to 01:57.000 --> 02:01.800 find any more data about people submitting information on your contact page. 02:01.920 --> 02:08.280 You can add a multiple choice question a drop down menu or some checkboxes with a list of things that 02:08.310 --> 02:10.560 you might want to find out about that person. 02:10.560 --> 02:16.170 There's also what they call fancy fields or payment fields that you can add but you have to purchase 02:16.260 --> 02:19.140 the full premium version of WP forms. 02:19.140 --> 02:25.090 But this is typically what you would want in your contact page his name email and paragraph. 02:25.470 --> 02:30.330 You could also add a single line text say you want to find someone's web site out. 02:30.330 --> 02:37.320 You can drag it on to this editor click any of these modules to edit it and then it comes up with the 02:37.380 --> 02:43.250 edit options on the left and then we can change the label name from web site. 02:43.260 --> 02:45.200 For that I wouldn't make it a requirement. 02:45.210 --> 02:48.190 But here is the checkbox to make it a requirement or not. 02:49.600 --> 02:55.210 So you don't want to include their last name or require them including the last name you can click on 02:55.210 --> 02:59.580 the name field and change the format from first last to just simple name. 02:59.620 --> 03:05.710 But I like requiring or at least having the option for the first and last under settings you can change 03:06.010 --> 03:11.610 the way that your message appears to the person when they get an email. 03:11.620 --> 03:18.310 For example under notifications you can change what the name is if you want it to be the Web site name 03:18.310 --> 03:19.660 or maybe you just want it to be. 03:19.690 --> 03:25.030 Or maybe you just want it to be your name and under conformation This is the message that they'll receive 03:25.030 --> 03:27.940 after submitting something in the contact form. 03:27.940 --> 03:30.910 So you might want to include Right now this is the default. 03:30.910 --> 03:32.200 Thanks for contacting us. 03:32.200 --> 03:34.060 We will be in touch with you shortly. 03:34.060 --> 03:40.240 Maybe you want to say with you in the next two to three business days and then maybe you want to say 03:40.240 --> 03:40.940 something like. 03:40.960 --> 03:46.280 In the meantime feel free to check out my list of blog articles or my YouTube channel. 03:46.390 --> 03:51.970 Answers some frequently asked questions or maybe you have a fake Q page that you want to direct people 03:51.970 --> 03:52.470 to. 03:52.510 --> 03:59.110 You could also change it from a message to going to your L or if you want to redirect them to a specific 03:59.110 --> 03:59.900 page. 03:59.950 --> 04:06.010 Once you're happy with your form and your settings click save and then click embed. 04:06.090 --> 04:09.760 What we can do is now take this short code which is what this is called. 04:09.760 --> 04:13.270 Copy it and embed it into our contact page. 04:13.270 --> 04:17.560 It does have a tutorial if you want to watch that but I'm just going to go to my contact page. 04:17.560 --> 04:22.170 So here I am on my contact page and I'm going to click at it page. 04:22.190 --> 04:30.730 Now I'm just going to add the short code right there in the middle of this visual box say update and 04:30.750 --> 04:37.250 then click View page and now you can see our contact form good to go. 04:37.260 --> 04:42.060 Now if this were my contact page which it is I would include a little bit more information like I did 04:42.060 --> 04:48.420 on the video squalene line page maybe Aegeus some sort of verification or some sort of explanation of 04:48.420 --> 04:53.490 what you're looking for or what types of things you expect to hear from people on the contact form or 04:53.490 --> 04:59.760 perhaps again you want to redirect people to other pages or information so that you don't get bombarded 04:59.760 --> 05:02.830 with too many submissions on your contact form. 05:02.850 --> 05:05.730 So this contact form looks really amazing really clean. 05:05.730 --> 05:13.140 One thing that I would add to prevent spam is a recaptcha which is a Google tool that is added to all 05:13.140 --> 05:17.810 kinds of forms so that it can prevent bots from spamming your Web site. 05:17.820 --> 05:23.850 Here you can see on my page with fast secure contact form the Kaptchuk code where people have to type 05:23.850 --> 05:30.210 this in and as annoying as it is for someone to have to type that in it's a wonderful tool for preventing 05:30.210 --> 05:30.710 spam. 05:30.720 --> 05:37.320 To add that to your W.P. forms go under W.P. forms menu under settings and down at the bottom you have 05:37.320 --> 05:42.960 recaptcha click the visit recaptcha link to go to the Google page and click it. 05:42.960 --> 05:43.710 Recaptcha 05:47.050 --> 05:50.230 is going to ask you to register a new Web site 06:01.270 --> 06:07.040 and once you walk through the steps it's going to give you the capture site key and the secret key that 06:07.040 --> 06:16.320 you can plug in and save Next go back to your contact page form and you might have to refresh this page 06:16.410 --> 06:22.950 then under settings go to general and turn on and enable recaptcha and press save. 06:22.950 --> 06:27.330 Now if anyone visits your contact page form they'll get this. 06:27.330 --> 06:34.170 I'm not a robot recaptcha which is the new way that Google is figuring out if someone is a spammer or 06:34.170 --> 06:35.420 a bot or not. 06:35.460 --> 06:40.150 So people will actually have to check this and be verified to provide a comment. 06:40.170 --> 06:45.700 For example you get one of these images pop up where I ask you which images have a street sign. 06:45.840 --> 06:49.020 And so the user has to select all of them. 06:49.140 --> 06:53.110 Click verify to be able to submit a comment on this form. 06:53.130 --> 06:54.710 So that's W.P. forms. 06:54.720 --> 06:57.200 And again it's very simple to use. 06:57.210 --> 07:01.580 And if you want some more advanced tools you can sign up for a premium account. 07:01.590 --> 07:05.520 But with what you get with the light version you can go ahead and get started. 07:05.520 --> 07:07.980 Thanks so much for watching and we'll see in the next lesson.