In this article I’ll walk you through how to create a great looking contact form for your WordPress website.
We’ll cover it step by step and we’ll do it all without writing any code. To get started let’s go ahead and head over to our website we want to log into the WordPress dashboard. So add admin to the end of your website that will bring you to your login screen where you can login.
Alright, now that we’ve logged into our site we need to install and activate a plug-in. So let’s go head over to our plugins area and click Add new.
From the repository of all the plugins available for wordpress we’re looking for WPForms and this is the one we want. So we’ll install that
Now we’re going to activate that as well.
Now that it’s activated you see this area over here for WPForms. We’re going to create a new form.
I’m going to go to add new and here’s the WPForm’s dashboard. Most of stuff we need is right here we can select a template.You can start from scratch and add the fields as you want you even have a suggestion form we’re going to use a simple contact form and if you wanted to upgrade.
You see down here you can also create donation form request a quote you can do some billing or order forms that gets more into e-commerce the newsletter signup form that will tie into your email subscriptions software.
But for us we’ll just do a simple contact form and we can click on the name to name it can add a description if you need that’s mainly for you.
You can even add some specific CSS for the form, change the submit button text down here you want to make sure that that is enabled to keep spam from getting into your inbox.
So we’ll go with the general settings we’ll get back to notifications and confirmation in a minute I’m going to get back to the fields area or on the right this is what it looks like right now.Over here if you needed to add more fields you can just click on that and it’ll bring it down here under the last box and then you can click to drag them wherever you want it to go just like that.
I’m going to remove that.
From here you can adjust the form fields you can adjust the format of each field and you can choose whether or not to make them required. I’m going to go through an adjust mine how I want it to look and you can do the same for yours.
So the next thing we want to make sure is let’s look at the settings and under notification.
We definitely want the notifications on because we do want to get an email when somebody emails us and by default it’ll bring in your admin email of your website but you can actually put in something specific right there. This is what every email that comes from this contact form will say in the email subject line when it comes to and then this is pulling in from the field on the form this is also pulling in from the field on their form and then this brings in all their data as well.
So the notifications look good now let’s go to confirmation and this is the confirmation message that they’ll receive on the page once they submit it. If you want to be more specific you can choose to send them to a particular page say your thank you page.
On your site you can choose that here or if you want to send them to another web address.
Choose the URL enter the web address that you want to send them to and then once they click Submit then they’ll be taken to those different pages.
Right now our contact form is set up how we want it to look so I’m going to save everything and now we need to actually put it on our website.
I’m going to use a page. So I’m going to go to my all my pages and we have a contact us page.
I’m gonna edit that because that’s where I want to put the form.
Under my information up there was going to get on a new line and you see here we now have an ad form button.
So I’m going to click on that and if you have multiple forms you can choose from them here we only have this one.
So we’ll do that you can choose to show the form title or the form description since we have the page name right there we don’t need any of that when it inserts it you’ll see this shortcode that’s just an easy way for WordPress to share the form for you.
so you don’t want to mess with that.
Once we’re done let’s click update or if it’s a new page that you’re creating click publish and now let’s see what it looks like.
Now some people like to add the form on their sidebar area and I’ll show you really quickly how you can do that as well with WPForms you can go into your Appearance, Widgets area.
The sidebar usually has a widget area like you see here.
And we’ll scroll down because we’re actually looking for the WPForms widget. So we’ll left click drag that up to the top.
And now release that and you can choose again here what all to show and we’ll click save.
And now if somebody’s scrolling through your blog.
And you have your sidebar area then that will show on the sidebar for you.