If you have not created a contact form, let’s help you create your first contact form in 5 minutes or less.
WPForms is so beginner friendly and easy to use that most of our users can create and publish a brand new form in just minutes.
The pre-requisites of this challenge is that you have to have WPForms installed.
In order to install WPForms, you need to go to Plugins > Add New and then upload this file that you’ve downloaded it.
Immediately Activate it before we start this WPForms Challenge.
Start The WPForms Challenge.
So if you want to take the WPForms Challenge you can find it immediately once you install the plugin. It is available immediately after you install WPForms.
Once the plugin is installed and activated, you have to simply click on WPForms in the left WordPress menu. As long as this is a new install, you’ll see the challenge in the lower right corner of the page.
If you don’t see it, still you can follow along and create your first contact form.
This challenge has 5 steps that’s really easy to follow:
- Name The Form.
- Select A Template.
- Add Fields to The Form.
- Check Notification Settings.
- Embed In A Page.
When you’re ready to start the timer, you can click the Start Challenge button. Once the timer starts, you just need to follow along and you’ll be done in no time.
Table of Contents
Step 1. Name The Form.
Immediately as soon as you start the challenge, the form builder will open. And, at the top of that page, your first step in the challenge will appear and it is to add a name to your form.
You can decide later whether or not to display a form name when the form is embedded on your site, but the name will also help you to easily distinguish your forms in the admin area where all the other forms are created and listed.
In our case, we’ve added Contact Us.
Once you’ve entered the form name, go ahead and click the Done button in the guide box that pops up.
Your done with your first step.
Step 2. Select A Template.
The second step of the challenge is to choose a template for the form.
There are many different templates available with WPForms. You just need to choose the most appropriate one.
Once you’ve identified the template you want, click on it to proceed.
In this case, we’re choosing Simple Contact Form.
Now, you’re done with the second step.
Step 3. Add Fields To Your Form.
After choosing a template, the drag and drop form builder will open.
We’re now doing the third step of our Challenge.
The template form fields will provide a useful starting point, and in many cases could already include all of the fields you need. If you’d like to make changes, though, you can now add, delete, move, and rename fields.
To add a new field, simply click down on the field you want and drag it into the form.
If you’d like to add other things to the form you are free do add in the contact form. Take a look at the example below.
When you think you are satisfied with the fields you want for your form, click the Done button to move to the next step of the challenge.
By doing this third step is over.
Step 4. Check Notification Settings.
Our next step of the challenge is to configure the notification settings.
Since you’ve set up the form fields in the previous step, you can now set up notification emails. These are the emails that get sent out immediately after the form is submitted, and are most often used to let the site admin know that they have a new entry.
Since we are doing this on your own website, you will be notified everytime someone fills up the contact form.
The default settings are designed to work well for most cases (by default an email will be sent to the site administrator and include all form entry details), so you may not need to make any changes.
Personally, I would edit that and enter the email where you’d like the notifications to show up.
If you want to learn more about it, WPForms has a brief tutorial on setting up notification email setup tutorial.
Finally, when you’re done setting up with the notification settings, you can click the Done button.
You have successfully completed your fourth step of the challenge.
Step 5. Embed in a Page.
Congratulations on making it to the final step. Since most part of the contact form setup is done, we just need to do this one final step.
So, for the last step of the WPForms Challenge, you have to embed this form on a page. (Usually A Contact Page)
At the start of this step, a new page will be created for you. You can name the page now if you want to. Then you have to click the Add Block button, which appears as a + symbol at the top of the builder.
This is the Gutenberg Builder most present in modern WordPress websites.
If you’re using the classic editor, just copy paste the short-code that was created once you submitted the form or saved the changes.
After clicking this button, an overlay box will appear where you can find and select WPForms under the Widgets section. Then select that form to embed onto your contact page.
Refer to the images below.
Once the form is in place, you can click the Done button and you’ve completed the challenge!
Now you’ve successfully completed the final step of the WPForms Challenge. You can go ahead and hit the Publish button on the top right to publish it on your contact page.
I hope you were able to learn how to create your first contact form in 5 minutes.
Now here’s what you can do, go ahead and test out the form and make sure that it works. By doing all these steps you’ll easily be able to create other types of forms for your WordPress website.
Make sure to recommend WPForms to others too. I hope this WPForms Challenge was easy and it helps you do it in less than 5 minutes.
Now you’ll be use the contact form on your website. People can reach out to you.