This form is mobile friendly. The fields change their width automatically adjusting to different screen sizes. This form cannot be edited with our Form builder. Here is another Contact form that can be edited with the Form builder. It is very easy to build a form, see this 2 minute video. You do not need to code server-side form processor. Ajax Contact Form (v.1.9.0) An easy to use and hightly customizable Ajax Contact Form, including inputs validation and Google ReCaptcha.
Want to add a simple contact form to your WordPress website? We'll show you how to create one in a few easy steps using a drag & drop form builder!
- General Inquiry Contact Form is the best responsive contact form template for your mobile responsive website. It has an excellent layout and responsiveness, and looks good on all devices. With its simple white interface, you can collect names, emails, contact numbers, websites, messages and other information your clients provide.
- Thanks to basic fields such as name and email address, as well as detailed functions like dropdown, checkbox, file upload, and CAPTCHA verification, you can customize your contact form template and add it to any page on your website with incredible ease - just copy and paste the embed code we provide for the contact us forms.
Approximate read-time: 4.5 minutes
Wondering how to create a custom contact form in WordPress? With the right drag and drop form builder, it's easy!
In this step by step guide, we'll show you how to make a simple contact form on WordPress sites. All you need is a WordPress website & the free version of our WordPress forms plugin, Formidable forms.
Let's get to it!
Why create a custom contact form in WordPress?
Before we learn how to set up contact forms in WordPress, let’s talk about why it’s important.
Actually, there are many reasons to add a contact form to your WordPress site! Luckily, adding a contact form is easier than clicking the submit button. But why should you do it?
Ever heard of a little thing called spam?
Publishing your email address on your site is one of the best ways to invite spam. That's why many WordPress contact form plugins have spam protection features like captcha & ReCaptcha.
Besides spam prevention, it's also helpful to control how your audience contacts you. You can force users to submit the information you need by adding relevant fields.
One simple example: eCommerce. By asking customers for their order number in a contact form, you won't need to email them back to ask them for it. Unless you enjoy back & forth emails, a simple contact form is very helpful.
And eCommerce isn't limited to just products. You can sell your services with WordPress too. The first step? Creating a simple contact form.
Steps to creating a simple contact form
With our free WordPress plugin, creating contact forms could not be easier. Drag and drop form builder plugins add the ability to create forms with just a few clicks.
Here are the basic steps to creating a simple contact form:
- Install Formidable form builder plugin
- Create your first contact form
- Configure your form fields
- Set up contact form notifications
- Create a contact page on your WordPress site
- Insert your contact form
Follow the steps below to learn how to use our form maker on your WordPress site!
1. Install Formidable form builder plugin
The first thing we want to do is install and activate a WordPress form builder plugin. We're going to go with Formidable Forms.
The best thing about Formidable? For contact forms, it's completely free! Setting up a contact form on WordPress sites is easy with Formidable (as you’ll see below).
If you are looking for advanced features, you need to look no further than the Formidable premium plans. In this tutorial, all you'll need is the basic free WordPress plugin.
Here's how to install the free version of Formidable Forms:
- Go to your WordPress Dashboard, and go to the Plugins → Add New page.
- Search for 'Formidable' and click the Install button. After installing, click the Activate button.
2. Create your first contact form
Now we are going to learn how to make a simple contact form. Since you've installed Formidable, creating a new form will be easy! Stay in your WordPress admin and look at the sidebar on the left side of your screen.
- Go to Formidable → Forms and click Add New at the top of the page.
- Click Create Form under 'Blank Form'.
- Give your new form a name and click Create to start building your contact form.
You can even use one of the built-in form templates to help build your form quicker. Not only that, but our Formidable → Create a Form doc has all the details you need to create any kind of form you need.
👉 Read more: How to Create a Form in WordPress
3. Add your form fields
Let’s learn a bit more about how to customize contact forms in WordPress. Once you've created a new form, the next step is to add some form fields.
Just add the fields you need for a contact form then drag them over to the right. You can drag the fields around to adjust the order of the fields as you like.
For a simple contact form, consider adding these fields:
A Single Line Text field can be used in a variety of ways. For a contact form, you may want to allow users to leave their first & last name.
To do this, all you need is to click on your single line text field, then change the Field Label in the Field Options section in the sidebar.
Using the above method, you could add another text field so users could add a subject to their message too.
For more info on fields, check out our field types help doc.
With our form builder, you can go back and edit your contact form at any time. Even after you have already published it! Xcode download dmgeverdirty.
4. Set up contact form notifications
One of the best reasons to use contact forms? The ability to send confirmation emails!
And frankly, a form that doesn't send a confirmation email.. that's just plain spooky. Why leave your potential customers wondering if you've received their message?
Besides, a confirmation email is statistically one of the most important emails you can send a client.
In Formidable, setting up an email notification is very easy.
To do this, go to your Settings page and click on the Actions & Notifications tab. From there, you can create a notification email that fits your contact form.
👉 Read more about email notifications in our knowledgebase
5. Create a contact page on your WordPress site
In your WordPress dashboard, click on Pages → Add New. Create a new page and title it 'Contact Us'.
That's it! 🙂
6. Insert your contact form
Now that you’ve created one, we are going to learn how to embed a contact form in your WordPress site. You can use these methods to place a contact form on any page, post or widget area.
To publish your new contact form:
Not sure what a WordPress shortcode is? Shortcodes are always wrapped in square brackets [like this]. Don't be fooled by the word code, however. You need not know anything about code to use a shortcode.
So if you are wondering how to add a contact form shortcode in WordPress, here’s what you do. First, find your newly created form shortcode by accessing the Settings tab just above the form builder.
One last thing: be sure to test out your contact form once you've published it. Check the notification emails work properly and consider changing the default success message that displays after form submission.
What's next after simple contact forms?
In less than ten minutes, with zero coding knowledge & minimal computer skills, you can build a beautiful contact form that generates interest from your online presence. Simple contact forms have never been so simple. But wait - there's more!
Even the simplest contact form can do MORE! Formidable Forms has some features that make it stand out from the crowd. As your online presence grows, you can add the following features:
- Views: Display form data in custom Views without any PHP.
- Cascading Lookup Fields: Filter the options in the next field and automatically add values to fields.
- Premium Form Features: Integrate with MailChimp and perform dozens of other actions with powerful form features.
- Advanced auto-responders: Send out custom offers & promotions to users at set times each week or month.
- Calculated Fields: Integrate instant price estimators and perform advanced calculations.
- eCommerce Pricing Fields: Turn your site into an online store with Stripe forms, PayPal forms, Authorize.net forms (and more) payment options.
- Conditional redirect: Direct users to products/information relevant to their query.
We hope you enjoyed today's article. For more WordPress tips, stay tuned to the Formidable blog.
Read More from the Formidable Blog
If you're not already a part of the Formidable community, why not check out the free Lite version of Formidable Forms today? Even better - take advantage of our 14-day money-back guarantee to try out Formidable Forms completely risk-free!
Full source code download for the free contact form.
Features
- Submissions sent by email
- HTML and Text emails
- Email auto-responder
- SMTP support
- Client-side validation (using JavaScript)
- Server-side validation (using PHP)
- Highly customisable
- Easy to add to your website
How to use
- Step one - Download and unzip
- Step two - Edit the configuration file
- Step three - Add to your website
Latest release: 11th January 2021
About the free contact form
The free contact form is designed to run on your website which allows your visitors to send messages directly to your chosen email addresses.
Is it really free?
Yes, the contact form code can be used on your personal or commercial websites at no cost.
The free version contains a small attribution to FreeContactForm which appears under the form. This must remain intact to legally use it. If you'd prefer an attribution free version (which comes with many more features), please consider the Pro version.
Configuring the free contact form
Printer drivers for konica minolta. It's easy to configure, just add your email address to the configuration file and it's ready to go. But many more advanced configuration features are available if you need them. Auto tune pro free download pro tools 2018 4.
Email customisation
You have full control to style the emails as you want. The form comes with a basic HTML and TEXT email templates, you can edit these to meet your own needs.
Form validation
Easy Contact Formfully Customizable Contact Form Templates
When your visitor uses your form, the form validator will check the fields have been completed correctly.
By default, the validation will make sure the user enters no more than 100 characters into the Name field, provides a valid email address, and enters no more than 3000 characters into the Message field. The Phone number field is optional and should not contain more than 30 characters.
The validation is done in real-time by JavaScript in the browser and also checked again on the Server by PHP.
Form styling
The form is styled using custom stylesheets. You can edit this to match your website fonts and colours easily.
Is this the same as the Pro version?
Although most of the features are the same, some advanced features have been reserved just for contact form pro.
The free version was built with our form creator application, but to make it free, the following features have been removed: installer, anti-spam protection, and file upload and attachment support.
Download and setup
To set up the form on your website, first download and extract the files. Then add your email address to the configuration file (fcf-assets/fcf.config.php), and upload it to your website.
More details on this can be found on the free contact form installation page.
If you run into any problems, please read the help page and also consider getting in touch with us for support.
Your feedback
Easy Contact Formfully Customizable Contact Form Maker
To help us improve this product, your feedback is vital. We would be grateful if you could spare 2 minutes to send us your feedback.
Need some additional help?
We offer installation, upgrades, fixes, and customisations. Get in touch to see how we can help.