Setup Contact Form with Divi - WordPress

hey everyone in this video I'm going to cover setting up a contact form for your WordPress site and there's two ways that I'm going to show you one is the easy way using Divi if you're using the Divi theme and the other way will be using contact form 7 it's a wordpress plugin so real quick the promotion of Divi it's a really good theme it makes a lot of your wordpress website building a lot easier so that's why I love Divi so I have a link in the description if you want to check it out I do get paid a small commission if you purchase Divi so if you use my link so if you don't want me to get a commission just use you know your own link or whatever but Divi from elegant themes so we'll go ahead and get started here and basically I have an about page and I'm going to pretend that I want to put a contact form on this page so basically you can need to do it in the backend or the visual editor I'm just going to use the visual editor because it's easy and enable visual editor and then we'll want to create a section so if you want your form to take up the entire width of the page you would use this entire width section and then you can just select email it should be contact form so contact form and then you can choose the fields that you want so we've got name email and a message you want to add something else like a phone number or something you can do that so you'd enter the input and then the type so you can have okay so email field text area or anything like that and then you could title it you know phone number or something and then input field maybe like a thought okay so this would be a text area so we would want to have it set up as an input field and then you could title a phone number and then you can see the phone numbers showing up here then you can choose whether or not it's required and that's about it so let's just say we want phone number so we'll go ahead and select that and now we've got name email message and input a phone number so we can change this from input to phone number to make it more easy to see what it is but let's just stick with that for now and then this would be the email so if you take the question mark the email address that you want it to be sent to so that you want the contact form to send to so if you want to put in your email address I'm just going to make a fake one or my throwaway email and then a title what is this I forget question mark define a title for your contact run okay so contact me oh and you can see it happening right here that's what's also really nice about Divi message pattern is well I wouldn't worry about this right now I'm not going to cover that I'm sorry you can just read the question mark and it will explain it for you and how to use it that's a little bit more advanced so enable redirect again it's not really that important it just redirects if you want it to but I'm just going to have success message the message was sent pray and then you can choose to disable it if you want to but I'm just going to leave it so we'll go ahead and select that and boom we got our contact form and then you've got this little CAPTCHA thing here so we'll go ahead and save that information and boom so now you have a contact form on this page so now if you want to send a message you just say John and then what was that email address so stackoverflow your email phone number and then submit and then it'll say that message was sent hooray and I'm not going to get a message because I'm using a local server so that kind of messes with things but we can go to my website oops I want to do incognito sorry I'm just trying to be a little discreet and I want everybody knowing what my email address is okay so here is my contact form so say hello and email Stack Overflow hello not 5 is 14 okay and then you can listen for it in my phone should hear it okay well it did send sorry I don't know what my phone didn't make the noise but yeah I did get there it is okay I got the email and that's how that works one thing I forgot to mention you want to make sure the email that the message is being sent to is using a website's domain so instead of something like at Gmail or at yahoo.com or anything like that the deliverability is less so you might not receive the message you want to make sure that the message is being sent to something like at startup in a car comm or at your domain.com so make sure you set up an email with your website and use that email to make sure you get the messages so that was Divi that was how you use a contact form and set it up with Divi one thing you may want to consider is depending on how serious it is that those emails get sent to you you may want to use send grid because SendGrid is it just sort of guarantees that those emails get sent to you but it does cost I mean I don't use SendGrid currently and I still get emails but there could be potential issues so if you're willing to fork out what is it 995 a month to use send grid to guarantee that your emails get sent you can use send grid but it's not mandatory it's just sort of a recommendation if you have problems so that's about it and I hope you enjoyed this or found this helpful and go ahead and subscribe to my channel like the video and visit our website startup in a car comm that's four more of the Entrepreneurship stuff and I've got a other website code about startup in a car comm if you're interested in learning how to code so that's it have a good day

Channel: truthseekers_seo

Views: 17,874

Keywords: WordPress, wordpress tutorial, learn wordpress, Divi Theme Review, Divi Review, Elegant Themes Review

Id: _IP4IdxOIMY

Length: 7min 19sec (439 seconds)

Published: Wed Jan 04 2017