=== Contact Form, Contact us, Contact form builder ===
Contributors: wpdevart
Donate link: http://wpdevart.com/wordpress-contact-form-plugin/
Tags:  contact, contact form, wordpress contact form, contact form builder, contact form plugin, form, forms, form builder, widget contact form, contact form manager, responsive contact form, best contact form plugin
Requires at least: 3.4.0
Tested up to: 4.7.3
Stable tag: 1.2.3
License: GPLv3
License URI: http://www.gnu.org/licenses/gpl-3.0.html

Contact Form plugin is an handy and functional tool for creating and editing different types of contact forms for your WordPress website contact page. Contact Form builder plugin is the most important part of any WordPress website.  

== Description ==

Contact Form builder is one of the most important plugins of any WordPress website. All want to see nice and functional Contact Form on their website. So we tried to create for our users easy and user friendly plugin for building contact forms on their websites. We hope you will like WpDevArt contact form plugin.  

### View our Contact Form plugin Demo pages and pro version page here: 

* [Contact Form Demo](http://demo.wpdevart.com/demo-contact-form-bulder/)
* [Simple Contact Form Demo](http://demo.wpdevart.com/simple-contact-form-bulder/)
* [Contact Form Builder Pro](http://wpdevart.com/wordpress-contact-form-plugin/)

WpDevArt Contact Form have a lot of useful and great features, here are some features of our plugin. 

#### Features of WpDevArt Contact Form plugin

*   **Easy install and use**
*   **Works perfectly with all versions of WordPress**
*   **Fully Responsive Contact Form Builder**
*   **Add Unlimited form fields for your contact form**
*   **Required option for any form field you need**
*   **Easily move form fields positions**
*   **16 different form types for contact form**
*   **Ability to insert Text field**
*   **Ability to insert Email field**
*   **Ability to insert URL field**
*   **Ability to insert Telephone number field**
*   **Ability to insert Date/Calendar field**
*   **Ability to insert Password field**
*   **Ability to insert Text Area field**
*   **Ability to insert Radio Button field**
*   **Ability to insert Check Box field**
*   **Ability to insert Dropdown List field**
*   **Ability to insert Heading field**
*   **Ability to insert Separator/Divider field**
*   **Ability to insert reCaptcha field**
*   **Widget contact forms**

You can upgrade WpDevArt Contact Form plugin to [WpDevArt Contact Form Pro](http://wpdevart.com/wordpress-contact-form-plugin/) to add other important features.

#### The features of WpDevArt Contact Form Pro

*   **Fully customizable design**
*   **More then 25 nice contact form themes**
*   **Redirect feature after form submit**
*   **Auto responder functionality**
*   **Different Font styles for contact forms**
*   **Ability to insert Upload File field**
*   **Ability to insert Google Map field**
*   **Fully Import/Export Contact Forms**
*   **Ability to Export Contact Form submissions to CSV**
*   **Forms duplication**

The Contact Form plugin most important part is user friendly interface. You can create contact forms just in a few minutes. Below you can view some important features of our contact form with their details. Every website has contact form page and every website developer or owner need contact form plugin.

= Responsive Contact Form = 

Contact Form plugin is fully responsive, so all your users will see the nice forms, no matter what devices they are using. Today responsive feature is the most important for websites, so there is no need to worry about it when you are using plugin. 

= Contact Forms Export/Import = 

This feature is very important if you need to copy contact forms from one website to another. Just export the forms with all their data and style and import it to another one.It's very simple. 

= Contact Form Submissions Export to CSV = 

You can export your forms submissions to CSV file. Most of users need this feature as well, so we added this functionality.

= Insert Button for Contact Form =
 
You can use the simple insert button for inserting contact forms into your posts/pages, so there is no need to copy and paste any shortcodes. It's very easy just click on the insert button(find the contact form insert button from the list of Visual Editor Tools), select the form and insert it.
 
= Widget Contact Forms = 

Use the Contact form on your website widgets, just find it from widget list and use.

= Unlimited Contact Forms and Fields = 

There isn't any type of limitation for creating forms, Create as many as you need. Also, you can use as many fields as you need in the same form. 

### If you find any bug or have a question about our Contact Form then contact us at support@wpdevart.com.

> ### Check Contact Form useful pages
>*   [Contact Form Installation](https://wordpress.org/plugins/contact-forms-builder/installation)
>*   [Contact Form FAQ](https://wordpress.org/plugins/contact-forms-builder/faq)
>*   [Contact Form Screenshots](https://wordpress.org/plugins/contact-forms-builder/screenshots)
>*   [Contact Form Other Notes](https://wordpress.org/plugins/contact-forms-builder/other_notes)
>*   [Contact Form Changelog](https://wordpress.org/plugins/contact-forms-builder/changelog)
>*   [Contact Form Support Forum](https://wordpress.org/support/plugin/contact-forms-builder)

Also, we recommend you to check our other plugins - [WordPress Gallery](https://wordpress.org/plugins/gallery-album), [WordPress Booking calendar](https://wordpress.org/plugins/booking-calendar), [WordPress coming soon](https://wordpress.org/plugins/coming-soon-page), [WordPress Facebook like box](https://wordpress.org/plugins/like-box), [WordPress YouTube](https://wordpress.org/plugins/youtube-video-player), [WordPress Countdown plugin](https://wordpress.org/plugins/widget-countdown), [Facebook comments WordPress](https://wordpress.org/plugins/comments-from-facebook), [WordPress Poll plugin](https://wordpress.org/plugins/polls-widget/), [WordPress lightbox](https://wordpress.org/plugins/lightbox-popup)  .

### The Best Offer From WpDevArt

**You can check the best offer page here - [Best Price](http://wpdevart.com/the-best-offer-from-wpdevart)**

== Installation ==

### First of all download the WpDevArt Contact Form plugin ZIP file.  
**Plugin installation**  

1. Log in to your WordPress admin panel.   
2. Go to WordPress Plugins page and click on Add New button, then Upload the .zip file that you downloaded.
3. Then click "Install Now", after that activate the WpDevArt [Contact Form](https://wordpress.org/plugins/contact-forms-builder) plugin.     
4. From the left panel of Dashboard, click on the gear icon - WpDevArt Forms link to customize the plugin

You can also install the contact form plugin from your admin panel using the WordPress plugins search page. 

For installing the Contact form pro you need to deactivate and uninstall the free version, then install the Contact form pro. If you didn't receive the Contact form pro, then contact us and we will send you the file.  

That's all, now you can create contact forms for your website. If any problem appear, contact us at [support@wpdevart.com](mailto:support@wpdevart.com).

Also, we recommend you to check our other plugins - [WordPress Gallery](https://wordpress.org/plugins/gallery-album), [WordPress Booking calendar](https://wordpress.org/plugins/booking-calendar), [WordPress coming soon](https://wordpress.org/plugins/coming-soon-page), [WordPress Facebook like box](https://wordpress.org/plugins/like-box), [WordPress YouTube](https://wordpress.org/plugins/youtube-video-player), [WordPress Countdown plugin](https://wordpress.org/plugins/widget-countdown), [Facebook comments WordPress](https://wordpress.org/plugins/comments-from-facebook), [WordPress Poll plugin](https://wordpress.org/plugins/polls-widget/), [WordPress lightbox](https://wordpress.org/plugins/lightbox-popup)  .

### The Best Offer From WpDevArt

**You can check the best offer page here - [Best Price](http://wpdevart.com/the-best-offer-from-wpdevart)**

== Frequently Asked Questions ==

WpDevArt Contact Form builder plugin have user friendly interface, but here you can see some frequently asked questions that will help you.

= After adding Contact Form I don't receive any email notifications =

First of all try to use another email for your contact form. Also, check your emails spam folders.

= How to insert Contact Form into my posts/pages =

First of all create new contact form from admin panel, Go to WpDevArt Forms admin menu tab, then click on Add New tab, then add and configure the contact form field and save the form.
After that go to your posts/pages editor page and click on Insert Wpdevart From shortcode(find the shortcode button from the list of Visual Editor Tools). Then choose the contact form you need and click on insert button. 

= How to add Contact Form on my sidebars =

First of all create new contact form. Then go to your widgets page.
Find WpDevArt Forms widget and paste it into sidebar you need. After that choose the contact form and save the widget. 

= How to add Google Map in contact form =

There are two important parameters for Google Map - Latitude and Longitude. Open Google Map in your browser and find the place you want to mark on Map, then right click on the place you need and click on the fird option - What's here.
Then you will see the address of location you selected and this two parameters(something like this for example 39.639085, -97.044481). Copy this two parameters and paste to our contact form map fields.
That's all, now you marked the place you need on the map.

= Some of contact form fields have Title and Placeholder options, but there is no need for such options for those fields =

Yes, it's right. We tried to keep the interface symmetry of admin panel and didn't removed this options from those fields.

= How many contact form can I duplicate =

Dear users you can duplicate as many contact forms as you need.

= Where I can find contact form plugin additional settings =

There is an Settings button on the right side of form shortcode in form fields page.

= How I need to change the Recipient's email = 

You need to go to the form page, then edit or create new form. On forms page you will see "Settings" tab, open it and you will see the Recipient's email option.

= I have issues with Contact forms styles =

Maybe there is an conflict with your theme styles or other plugins, contact us at support@wpdevart.com and we will fix the issue.

= Why I need to use "Disable Form Styling" option in contact form styling page =

Dear user, if you need to use just the theme style that you choose from form page, then you can Disable the form styling.

= Is there any redirect option after form submit =

Yes, you can set the redirect url after users submit contact form(pro feature).

= Can I exclude some type of files from uploading =

Unfortunately we don't have such feature at this moment.

= What files I need to upload for installing the contact form builder plugin =

You need to select the .zip file only, there is no need to extract the zip file, just upload it.

= Contact form pro version is one time pay or not =

Yes dear users, you need to pay only one time for our Contact form pro version.

= I purchased the contact form pro, but didn't download the pro file =

Contact us at support@wpdevart.com and we will send you the contact form pro.

Also, we recommend you to check our other plugins - [WordPress Gallery](https://wordpress.org/plugins/gallery-album), [WordPress Booking calendar](https://wordpress.org/plugins/booking-calendar), [WordPress coming soon](https://wordpress.org/plugins/coming-soon-page), [WordPress Facebook like box](https://wordpress.org/plugins/like-box), [WordPress YouTube](https://wordpress.org/plugins/youtube-video-player), [WordPress Countdown plugin](https://wordpress.org/plugins/widget-countdown), [Facebook comments WordPress](https://wordpress.org/plugins/comments-from-facebook), [WordPress Poll plugin](https://wordpress.org/plugins/polls-widget/), [WordPress lightbox](https://wordpress.org/plugins/lightbox-popup)  .

### The Best Offer From WpDevArt

**You can check the best offer page here - [Best Price](http://wpdevart.com/the-best-offer-from-wpdevart)**


== Screenshots ==

1.  **WpDevArt [Contact Form](https://wordpress.org/plugins/contact-forms-builder)** Front-end    
2.  **WpDevArt Contact Form** Front-end(widget) 
3.  **WpDevArt Contact Form** Back-end(forms page) 
4.  **WpDevArt Contact Form** Back-end(form fields page)
5.  **WpDevArt Contact Form** Back-end(Form settings page)
6.  **WpDevArt Contact Form** Back-end(design settings)
7.  **WpDevArt Contact Form** Back-end(design settings)
8.  **WpDevArt Contact Form** Back-end(submissions page)

== Contact Form step by step guide ==

Our Contact Form plugin has user friendly interface, but we will try to explain the all options and functions of our Contact form plugin on this page.
We will explain how to create and insert the contact forms into your website posts/pages and widgets.

First of all you can add as many forms as you need. Also you can use as many field in your [contact Form](https://wordpress.org/plugins/contact-forms-builder) as you need, there is no such type of limitation in our plugin.
There are a lot of useful and necessary field types in our contact form plugin.

### How to create Contact Form

First of all login into your WordPress website admin panel and install our plugin. Then activate it, after that you will see "Wpdevart Forms" new admin menu tab on the left side of your administration panel.
Click on that tab and you will see the [Contact Form](https://wordpress.org/plugins/contact-forms-builder) admin menus. Click on the "create a new form" button and add your first contact form.
On this page you can add or remove contact form fields and change the contact form main settings. 

**Here are the field types that you can use in Contact Form**

*   **Text field**
*   **Email field**
*   **URL field**
*   **Telephone number field**
*   **Upload File field**
*   **Date/Calendar field**
*   **Password field**
*   **Text Area field**
*   **Radio Button field**
*   **Check Box field**
*   **Dropdown List field**
*   **Heading field**
*   **Separator/Divider field**
*   **ReCaptcha field**
*   **Google Map field(check the FAQ to see how you can use the Google Map in your contact forms)**

For some of this fields the Label and Placeholder fields are not required and there is no need to fill this fields. For example this fields are not required for ReCaptcha or Google Map.

Use the "Add New Field" button on the right bottom side for adding new fields. You can also remove the fields using the Recycle Bin icon on the right side. Use the right side of fields easily moving them in Contact Form. Use the Required option for important fields. 
After creating all field for Contact Form type the Submit Button Value and check the other settings. On the right bottom side there is an "Advance Options" button, click on that button and you will see this two options - "Do you want to add reset button to the form?", "Do you want to show cancel/close button?". Use this options if you need.
On the top right side there is additional settings of Contact Form - "Settings" and "Extras" buttons. Click on that buttons and you will see the other important options for Contact Form.
You can set the Recipient's email, Subject, Message text, Success message text, Failure message text, Contact Form template, Redirect URL, Enable auto responder and other options.

After you set all settings for Contact Form, save the form.

After that edit your posts/pages and click on Insert WpDevArt From shortcode(find the shortcode button from the list of Visual Editor Tools). Then choose the contact form you need and click on insert button.
Now you can check your created Contact Form on front-end. 

### Contact Form Submissions

After someone added submission for your contact form you will see it on general forms page. After every contact form you will see the number of submission for each contact form. Click on the number of submissions and you will be redirected to the submissions page.
On submissions page you can Export submissions to CSV, edit or delete submissions.
If you click on the edit button then you will see the popup window where you can edit every submission user made for contact form. Make the changes and then click update. Also, you can choose what fields exactly you want to export.

### Contact Form design settings(Pro)

If you need to configure the form design settings then click on "Styling" tab from admin menu of WpDevArt forms.
After that select the Contact Form you need. You can use "Disable Form Styling" option if you don't need any customizations from this page(only selected theme style will effect on your contact form). 
You can find this option below "Select Form" on general Styling page.

Below you can check all design settings we have

### Contact Form style

*   Contact Form Area Width - Set width of the form area in pixels(px) or percentage(%).
*   Contact Form position - Set form position(Left, Center, Right).
*   Contact Form Area Background - Set background color of form area.
*   Set top border of the form area - Border Top(px), Border Style(8 different border styles), Border Color.
*   Set bottom border of the form area - Border Bottom(px), Border Style(8 different border styles), Border Color.
*   Set right border of the form area - Border Right(px), Border Style(8 different border styles), Border Color.
*   Set left border of the form area - Border Left(px), Border Style(8 different border styles), Border Color.
*   Contact Form Margins/outside spacing. Set spacing from every side of the form area in pixels(default 10px) - Margin Top, Margin Bottom, Margin Left, Margin Right.
*   Contact Form Padding/inside spacing. Set padding from every side of the form area in pixels(default 10px) - Padding Top, Padding Bottom, Padding Left, Padding Right.

### Contact Form Fields style

*   Contact Form Field Width - Set width of the form fields in pixels(px) or percentage(%).
*   Contact Form Field Height - Set height of the form fields in pixels.
*   Contact Form Field Background - Set background color of the form field.
*   Contact Form Field Focus Background - Set background color of the form field on focus.
*   Set top border of the form fields area - Border Top(px), Border Style(8 different border styles), Border Color.
*   Set bottom border of the form fields area - Border Bottom(px), Border Style(8 different border styles), Border Color.
*   Set left border of the form fields area - Border Left(px), Border Style(8 different border styles), Border Color.
*   Set right border of the form fields area - Border Right(px), Border Style(8 different border styles), Border Color.
*   Contact Form Fields Margins/outside spacing. Set spacing from every side of the form fields in pixels(default 10px) - Margin Top, Margin Bottom, Margin Left, Margin Right.
*   Contact Form Fields Padding/inside spacing. Set padding from every side of the form fields in pixels(default 10px) - Padding Top, Padding Bottom, Padding Left, Padding Right.
*   Typography for Form Fields - Set font family, font style, font size, line height and color for contact form fields.
*   Typography for Form Fields - Set Placeholder texts font family, font style, font size, line height and color.
*   Show radio buttons and checkboxes as block level - Select this option to display radio buttons and checkboxes list vertical.

### Contact Form Fields Labels style

*   Hide Fields Labels - Hide labels on front-end.
*   Contact Form Label Width - Set width of the contact form field labels in pixels(px) or percentage(%).
*   Typography for Form Field Labels - Set font family, font style, font size, line height and color for contact form fields Labels.

### Submit Button Styling style

*   Submit Button Background - Set background color of contact form submit button.
*   Submit Button Hover Background - Set background color of contact form submit button on hover.
*   Set border of the contact form submit button - Border Top(px), Border Style(8 different border styles), Border Color. 
*   Margins/outside spacing. Set spacing from every side of the button in pixels(default 10px) - Margin Top, Margin Bottom, Margin Left, Margin Right.
*   Padding/inside spacing. Set padding from every side of the button in pixels(default 10px) - Padding Top, Padding Bottom, Padding Left, Padding Right.
*   Typography for Contact Form Submit Button - Set font family, font style, font size, line height and color for contact form submit button.

### Success/Failure Message style

*   Contact Form Success Message Background - Set background color of success message
*   Contact Form Failure Message Background - Set background color of failure message
*   Messages Margins/outside spacing. Set spacing from every side of the messages in pixels(default 10px) - Margin Top, Margin Bottom, Margin Left, Margin Right.
*   Messages Padding/inside spacing. Set padding from every side of the messages in pixels(default 10px) - Padding Top, Padding Bottom, Padding Left, Padding Right.
*   Set font size, font family, font style and color for messages - Set font family, font style, font size, line height and color for messages.

### Separator/Divider style

*   Set border styling for contact form separator/Divider - Thickness, Style, Color.
*   Separator/Divider Margins/outside spacing. Set spacing from every side in pixels(default 10px) - Margin Top, Margin Bottom, Margin Left, Margin Right.
*   Typography for contact form Separator/Divider - Set font family, font style, font size, line height, text align and color for contact form Separator/Divider.

### Custom Headings/Titles style

*   Headings/Titles Margins/outside spacing. Set spacing from every side in pixels(default 10px) - Margin Top, Margin Bottom, Margin Left, Margin Right.
*   Typography for contact form Headings/Titles - Set font family, font style, font size, line height, text align and color for contact form Headings/Titles.

Configure design settings and then save it.

Also, we recommend you to check our other plugins - [WordPress Gallery](https://wordpress.org/plugins/gallery-album), [WordPress Booking calendar](https://wordpress.org/plugins/booking-calendar), [WordPress coming soon](https://wordpress.org/plugins/coming-soon-page), [WordPress Facebook like box](https://wordpress.org/plugins/like-box), [WordPress YouTube](https://wordpress.org/plugins/youtube-video-player), [WordPress Countdown plugin](https://wordpress.org/plugins/widget-countdown), [Facebook comments WordPress](https://wordpress.org/plugins/comments-from-facebook), [WordPress Poll plugin](https://wordpress.org/plugins/polls-widget/), [WordPress lightbox](https://wordpress.org/plugins/lightbox-popup)  .

### The Best Offer From WpDevArt

**You can check the best offer page here - [Best Price](http://wpdevart.com/the-best-offer-from-wpdevart)**

== Changelog ==

= Contact form - Version 1.0.0 =

*  Initial version.

= Contact form - Version 1.0.1 =

*  Bug fixed.

= Contact form - Version 1.0.2 =

*  Fixed issues in Contact form.

= Contact form - Version 1.0.3 =

*  Fixed bug with creating and saving contact forms.

= Contact form - Version 1.0.4 =

*  Corrected comments in files.

= Contact form - Version 1.0.5 =

*  Edit plugin files.

= Contact form - Version 1.0.6 =

*  Corrected some issues in Contact form plugin code.

= Contact form - Version 1.0.7 =

*  Added comments in contact form main php files.

= Contact form - Version 1.0.8 =

*  Edited function names and comments in plugin files.

= Contact form - Version 1.0.9 =

*  Edit contact form code comments.

= Contact form - Version 1.1.0 =

*  Changed plugin files and added texts for developers.

= Contact form - Version 1.1.1 =

*  Edit comments in code.

= Contact form - Version 1.1.2 =

*  Edit function descriptions.

= Contact form - Version 1.1.3 =

*  Made changes in code.

= Contact form - Version 1.1.4 =

* Edited functions code.

= Contact form - Version 1.1.5 =

* Changed and added function descriptions.

= Contact form - Version 1.1.6 =

* Added contact form function descriptions.

= Contact form - Version 1.1.7 =

* Edited some default settings.

= Contact form - Version 1.1.8 =

* Edited texts in code.

= Contact form - Version 1.1.9 =

* Edited part of code.

= Contact form - Version 1.2.0 =

* Fixed some notices.

= Contact form - Version 1.2.1 =

* Added new plugin in featured plugins page.

= Contact form - Version 1.2.2 =

* Added function descriptions in code.
