How to Add Contact Form to your website
What is WPForms?
WPForms is an online form plugin where you can create form in minutes without touching any code
Why WPForms?
We recommend WPForms because it comes with drag and drop builder
- Drag and drop form builder
- User-friendly
- Common pre-built form templates
- Mobile responsive
- Instant form notification
- Easily embed in pages
Add a contact form to your website to let visitors get in touch with you
- Go to Plugins > Add New
- Search for WPForms
- Install and Activate it
- After activate, Go to WPForms > Add New
- WPForms setup page display
- Add your form name at the top
- Select one of the template based on your requirement
The template choose here is Simple Contact Form
Customize Form Fields
- You are now on Fields section of WPForms
You can add additional field by drag from left and drop to the form at right
The right side is preview of your form
- Click Field Options if you want to configure field details and settings
To edit a field on form, Click on the field and edit it on left
In Field Options, you can change field label, format and description.
You can also select the field as required.
To reorder the field in the form, just drag the field and drop it to the position you want. - After done editing the form, Click Save button at top right corner
Configure Form Confirmations
- Go to Settings > Confirmation
- Select confirmation type from dropdown list
– Message
– Show page – show page on your site
– Go to URL (Redirect) – redirect to new URL
By default, WPForms show a confirmation message, you can add messages (either thank you note / a message confirm submission) that appear after they submit the form. - Edit / Add message
- Click Save button after done
Configure Form Notifications
Get notification everytime a visitor submit a form on your website
- Go to Settings > Notifications
- By default, these notification sent to admin email address
But you can add any email as recipient
To add multiple email, separate each email by a commas
Your form name is pre-filled in Email Subject
When you reply an inquiry, it will reply to the email that visitor fill in the form
You can also notify visitor about their submission through Smart Tags in WPForms - Click Save button after done
Add Form to page
Option 1
- Edit page that you wish to add form
- Click + icon at the top
- Click WPForms under Widgets section
- Select the form you wish to add from the dropdown list
- Click Update to save changes
Option 2
- Go to WPForms in dashboard
- Click Edit link below form you wish to add to page
- Click Embed button at top right corner
- Copy the shortcode display in the prompt out
- Close the prompt out
- Edit page you wish to add form
- Paste the shortcode in the page
- Click Update button at upper right
You can now see the form added in edited website page
Test Form
- Go to web page that you add the form
- Fill and Submit the form
Confirmation message shown - Check inbox for email notification on email that you enter in Send to Email Address in WPForms
If you received notification, the form is work
If you don’t receive any notification, Check this documentation