Wordpress plugins
Contact Form by WD – responsive drag & drop contact form builder tool

Contact Form by WD – responsive drag & drop contact form builder tool

Version : 1.11.13
Tested up to : 4.8.2
Number of download : 880896
Average rating : 4 / 5 on 130 votes 130 votes, 4 avg.rating

Screenshots

Contact Form by WD – responsive drag & drop contact form builder tool
Contact Form by WD – responsive drag & drop contact form builder tool
Contact Form by WD – responsive drag & drop contact form builder tool
Contact Form by WD – responsive drag & drop contact form builder tool

Create simple contact forms or complex applications forms with this FREE and intuitive WordPress plugin. No coding knowledge is required. WordPress Contact Form Maker WordPress Contact Form Maker is a simple contact form creator, which allows the user with almost no knowledge of programming to create and edit different type of responsive forms. The product is similar to the WordPress Form Maker using most of its functionality, whereas there are also some differences. If want to build complicated contact forms with various field types like Date, Time, Single choice, Multiple choice, etc., than you can use WordPress Form Builder. The number of fields for the WordPress forms builder plugin is unlimited and having large amount of fields will not cause any malfunctioning of the contact form. You can add different types of contact form fields, including inputs (e.g. e-mail, password, text area, text input and etc.), Captcha (as well as possibility of adding Google standard ReCaptcha), custom and standard buttons, as well as Map field. The WordPress free form builder uses simple and easy to manage backend interface, thus the users who are not able to make code-level changes, will be able to make customization and changes using parameters. The drag and drop form builder allows you to choose from a number of form options to get just the form you need. From simple one line form to a more complex email form for the site or conditional mailing form – the free responsive form builder is a perfect solution for every website. The dynamic web form builder allows you to view and manage all form submissions. The WP form plugin stores submissions in your database for future reference. This contact form builder will equally fit the needs of the novice and experienced developers and designers. The product has cross-browser compatibility, which allows using the Contact form for with any browser. Contact Form Maker WordPress plugin comes with pre-built templates, but in case you need custom forms, feel free to create your own advanced forms. The form creation process with the plugin is quick and easy. Contact form plugin is a must have free form builder for any website. It allows you to share contact info like address, email, phone, etc., but also allows you to add email forms, making it possible for your users to leave their feedback and comments directly through email submit forms. Try contact form plugin today and create web forms free and easy today! IMPORTANT: If you think you found a bug in the Contact Form Maker or have any problem or question concerning Contact Form Maker, do not hesitate to contact us at info@web-dorado.com. Features of the Contact Form Maker WordPress 3.0+ 7 field types of the Contact Form Maker. Custom HTML Text Input (10 sub-types) Captcha Page break Section break Map Button Possibility to add Custom HTML between the fields. Possibility to re-order fields with drag and drop forms functionality. Pagination. Support for section break. Possibility of add custom CSS and Javascript to create custom contact forms. Additional attributes for each field to add certain properties using Java Script. Submissions are send to the provided admin address(es) and submitter (optional). Custom text for admin and users Shortcode for easier input of the created contact form into Pages/Posts. Chance to add custom HTML. Detailed parameters for each field type. Data validation before the submission of the contact form. Detailed Submissions field including the submissions of all contact forms. 10 built-in templates. Intuitive form editor. Required and hidden fields for advanced contact forms. Conditional fields Please note that if you’re looking to add more complex, custom online forms, like Stripe form, PayPal form, online application form, order forms, as well as other online custom forms, you can use the Form Maker plugin, which is a more advanced form builder tool. Supported languages Of the Contact Form Maker If you need language of the Contact Form Maker which is not included in this list, please contact us and we will do the translation of Contact Form Maker within 3 days. If you find any mistakes in the translation of the Contact Form Maker, please contact us and we will make relevant corrections within 3 days. Afrikaans (af) Albanian (sq) Arabic (ar) Armenian (hy_AM) Belarusian (be_BY) Bulgarian (bg_BG) Catalan (ca) Chinese, Simplified (zh_CN) Croatian (hr) Czech (cs_CZ) Danish (da_DK) Dutch (nl_NL) Esperanto (eo_EO) Estonian (et) Finnish (fi) French (fr_FR) Galician (gl_ES) Georgian (ka_GE) German (de_DE) Greek (el) Hebrew (he_IL) Hindi (hi_IN) Hungarian (hu_HU) Indonesian (id_ID) Italian (it_IT) Japanese (ja) Korean (ko_KR) Latvian (lv) Lithuanian (lt_LT) Macedonian (mk_MK) Malay (ms_MY) Maltese (mt_MT) Norwegian (nb_NO) Persian (fa_IR) Polish (pl_PL) Portuguese (pt_PT) Russian (ru_RU) Romanian (ro_RO) Serbian (sr_RS) Slovak (sk_SK) Spanish (es_ES) Swedish (sv_SE) Tamil (ta) Thai (th) Turkish (tr_TR) Ukrainian (uk_UA) Vietnamese (vi) Contact Form Maker Step by step guide Step 1: Installing the wordpress contact form 1.1 Minimum requirements. Wordpress 3.0+ PHP 5.x MySQL 5.x 1.2 Perform a new installation. Log in to the administrator panel. Go to Plugins Add > New > Upload. Click “Choose file” (“Browse”) and select the Contact Form Maker zip file. For Mac Users Go to your Downloads folder and locate the folder with the plugin. Right-click on the folder and select Compress. Now you have a newly created .zip file which can be installed as described here. Click “Install Now” button. If the installation succeeded you will see the message in the picture. Click “Activate Plugin” button for activating the plugin. If any problem occurs, please contact us at info@web-dorado.com. 1.3 Updating the contact form. If you want to update the plugin while preserving your existing contact forms, you need to deactivate and delete the Contact Form Maker from the list of installed plugins (Do not uninstall it using the Uninstall Contact Form Maker option of the plugin) and install the new plugin. Afterwards, go to Contact Form Maker>Manager and on the upper hand of the screen click on the “Update Contact Forms” button. If the update is successful, you will see a notification message saying, “All Contact forms are updated!”. Step 2: Creating a new contact form 2.1 On the left menu select Contact Form Maker > Manager 2.2 In the upper left corner click on the “Add a form” button. 2.3 Contact Form Title. Specify a title for the contact form. Step 3: Configuring Contact Form Options 3.1 General Options 3.1.1 Email to send submissions to. Here you provide e-mails to which submitted contact form information is sent. If you need more than one e-mail address, you must separate them by commas. This field is not required. In any case, the submitted information is stored in “Submissions” part, where it can be easily managed. 3.1.2 Email From. Here you define the email address from which the users receive the submission email (sender’s email). 3.1.3 From Name. Here you define the sender’s name which is shown in submission email. 3.1.4 Theme. A distinct theme can be applied to each new contact form. The themes can be accessed by selecting Contact Form Maker > Themes on the top menu. 41 themes are available for selection. There is an option for creating new themes, which you can access by clicking “New” on the upper right corner of the section. 3.2 Actions after Submission Here you can select the action that takes place after contact form submission. Following options are available: – Stay on contact form: The user stays on the contact form page. – Article: The user is redirected to the selected article. – Custom text: Custom text is displayed on the screen. – URL: The user is redirected to the provided URL. 3.3 Payment Options 3.3.1 Turn on PayPal. Allows making PayPal paymentsusing Contact Form Maker. 3.3.2 Checkout Mode. Choose the checkout mode: Production (https://developer.paypal.com/webapps/developer/docs/classic/lifecycle/goingLive/) Test Mode (https://developer.paypal.com/webapps/developer/docs/integration/direct/test-the-api/) 3.3.3 PayPal Email. Enter your PayPal email. 3.3.4 PayPal Currency. Choose your PayPal currency. 3.3.5 Tax. Add the tax amount if any. 3.4 JavaScript Here you can define new JavaScript functions, which can be applied to the contact form. Three empty event functions are included: – before_load(): before the contact form is loaded – before_submit(): before the contact form is submitted – before_reset(): before the contact form is reset 3.5 Custom Text in Email For Administrator. Here you can add custom texts, images, and custom HTML to the e-mail message that is sent to the administrator, as well as choose which fields of the submitted contact form are included in the e-mail (set to ‘all’ by default). For User. Here you can add custom texts, images, and custom HTML to the e-mail message that is sent to the users, as well as choose which fields of the submitted contact form are included in the e-mail (set to ‘all’ by default). Step 4: Description of the contact form fields 4.1 Custom HTML:An HTML editor. You can insert your own HTML content to your WordPress contact form. 4.2 Text Input: At first choose the Field Type according to your preference. There are several options: Simple Text: This can be used for typing some text. It has several attributes: Field Id, Field Name, Field Label, Field Label Position, Field Size, Value If Empty, Class Name, Required, Allow only unique values, Additional Attributes Password: This field can be used for adding a password field to your contact form. It has several attributes: Field Id, Field Name, Field Label, Field Label Position, Field Size, Class Name, Required, Allow only unique values, Additional Attributes Text Area: This field can be used for typing some text. The difference between Text Area and Simple Text is that Simple Text has only one row while Text Area can have several rows. It has several attributes: Field Id, Field Name, Field Label, Field Label Position, Field Size, Value If Empty, Class Name, Required, Allow only unique values, Additional Attributes Name: This can be used for typing a name. Default field labels can be edited clicking on the field label and typing in a custom label. It has several attributes: Field Id, Field Name, Field Label, Field Label Position, Value If Empty, Field Size, Name Format, Class Name, Required, Allow only unique values, Additional Attributes Address: This field can be used for adding an address. Default field labels can be edited clicking on the label and typing in a custom label. It has several attributes: Field Id, Field Name, Field Label, Field Label Position, Overall Size, Class Name, Disable Fields, Required, Additional Attributes Address (Mark on Map):This filed can be used for adding an address by directly marking it on the map. It has several attributes: Field Label, Field Label Position, Default Location, Map Size, Marker Info, Class Name, Additional Attributes E-mail:This field can be used for typing the submitter’s e-mail. The submitted e-mail validation is checked. It has several attributes: Field Id, Field Name, Field Label, Field Label Position, Field Size, Value If Empty, Class Name, Send mail to submitter, Required, Allow only unique values, Additional Attributes. Number: This field can be used to provide numbers for different purposes (e.g. serial number). It has several attributes: Field Id, Field Name, Field Label, Field Label Position, Field Size, Value If Empty, Class Name, Required, Allow only unique values, Additional Attributes Phone: This field can be used to provide a phone number. Default field labels can be edited clicking on the label and typing in a custom label. It has several attributes: Field Id, Field Name, Field Label, Field Label Position, Value If Empty, Field Size, Class Name, Required, Allow only unique values, Additional Attributes Hidden Field: This field can be used to store additional information that does not need to be displayed. It has several attributes : Field ld, Field Name, Field Value, Additional Attributes. 4.3 Time and Date: Choose the Field Type according to your preference. There are several options: Date (single field with a picker): This field can be used for typing a date or choosing by the picker. It has several attributes: Field Id, Field Name, Field Label, Field Label Position, Date format, Date Picker Label, Class Name, Required, Additional Attributes. Date (3 separate fields): This field can be used for typing a date in 3 field format(day, month, year). Default field labels can be edited clicking on the field label and typing in a custom label. Each of the 3 fields can be set as text input or select list. Each of the 3 fields has the attributes Field Size and Field Label. For year field the select list interval can be defined. These 3 fields can be separated in the format set by the fields separator attribute. The field has several attributes: Field Id, Field Name, Field Label, Field Label Position, Class Name, Required, Additional Attributes. Time: This field can be used for typing a time. Default field labels can be edited clicking on the field label and typing in a custom label. Time can be shown in 24 hour or 12 hour formats by setting the time format attribute. The seconds preview can be enabled/disabled by setting the Display Seconds attribute. The field has several standard attributes: Field Id, Field Name, Field Label, Field Label Position, Class Name, Required, Additional Attributes. 4.4 Select: Choose the Field Type according to your preference. There are several options: Custom select: This field can be used for selecting the values from a list. The list can be defined by Options attribute. You can easily add and remove list items. The checked items are considered as empty values. The field has several attributes: Field Id, Field Name, Field Label, Field Label Position, Field Size, Class Name, Required, Additional Attributes. Country list: This field can be used for selecting a country from a list. It has several attributes: Field Id, Field Name, Field Label, Field Label Position, Field Size, Class Name, Required, Additional Attributes. 4.5 Checkbox: This field can be used for selecting the values from a list of checkboxes. The list can be defined by Options attribute. You can easily add and remove list items. The list can be displayed in horizontal/vertical positions by setting the Relative Position attribute. You can use Rows/Columns field if you want the options to be displayed in a row/column (depending on the positioning choice). The number of rows/columns should be specified. The field has several attributes: Field Id, Field Name, Field Label, Field Label Position, Field Size, Class Name, Required, Randomize in frontend, Allow other, Additional Attributes. 4.6Radio:This field can be used for selecting the values from a list of radio buttons. The list can be defined by Options attribute. You can use Rows/Columns field if you want the options to be displayed in a row/column (depending on the positioning choice). The number of rows/columns should be specified. You can easily add and remove list items. The list can be displayed in horizontal/vertical positions by setting the Relative Position attribute.The field has several attributes: Field Id, Field Name, Field Label, Field Label Position, Field Size, Class Name, Required, Randomize in frontend, Allow other, Additional Attributes. 4.7 File Upload: This field can be used for uploading a file. The size of the uploaded file can be limited by setting the value of Maximum Size attribute in KB. The upload folder can be mentioned by setting the Destination attribute. Only files with extensions listed in Allowed file extensions attribute can be uploaded. The field has several attributes: Field Id, Field Name, Field Label, Field Label Position, Class Name, Required, Additional Attributes. 4.8 Captcha:This field can be used for the ensuring that the submission is generated by a person. Choose the Field Type according to your preference. There are several options: Simple Captcha This is a easy to configure Simple Captcha. The number of randomly generated symbols can be set by the value of Captcha size attribute. The field has several attributes: Field Id, Field Name, Field Label, Field Label Position, Class Name, Additional Attributes. Recaptcha This is an alternative option for Captcha that uses Public and Private Keys. You will need to create reCaptcha keys with the help of a dedicated tool.The tool can be found on https://www.google.com/recaptcha/admin/create. 4.9 Page Break: This can be used to break the contact form into distinct pages. Use Page Title to provide a title for the given page. Furthermore, the following parameters of the “Next” and “Previous” navigation buttons can be customized: Type, Name, Class Name, Check the required fields , Additional Attributes. 4.10 Section Break: This option allows adding a section break to the contact form page. 4.11 Map: This field can be used for pointing out some position on the map. The position of the marker is fixed at the front end. Multiple locations can be selected by clicking the + button. The field has several attributes: Location, Map Size, Marker Info, Class Name, Additional Attributes. 4.12 PayPal: Choose the Field Type. The following options are available: Amount (Price) This field is for indicating the amount of payment. Default field labels can be edited clicking on the field label and typing in a custom label. You can configure the following attributes: Field Label, Field Label Position, Range, Value If Empty, Field Size, Class Name, Required, Hide Cents, and Additional Attributes. Select This field can be used for selecting a product/service for which the payment is being made. The list (each item consists of “Product name” and its “Price”)can be specified by the Options attribute. You can easily add and remove list items. There is also a Product Properties parameter, where you can add different properties (e.g. size) by specifying the type, the name, and adding options for selection. The checked items are considered as empty values. You can configure the following attributes: Field Label, Field Label Position, Field Size, Class Name, Required, and Additional Attributes. Checkbox This field can be used for selecting multiple products/services for which the payment is being made. The options (each item consists of “Product name” and its “Price”) can be specified by the Options attribute. You can easily add and remove list items. There is also a quantity property parameter where the quantity of products/services can be specified. Moreover, there is a Product Properties parameter, where you can add different properties (e.g. size) by specifying the type, the name, and adding options for selection. You can configure the following attributes: Field Label, Field Label Position, Relative Position, Class Name, Required, and Additional Attributes. Radio This field can be used for selecting the product/service for which the payment is being made. The options (each item consists of “Product name” and its “Price”) can be specified by the Options attribute. You can easily add and remove list items. There is also a quantity property parameter where the quantity of products/services can be specified. Moreover, there is a Product Properties parameter, where you can add different properties (e.g. size) by specifying the type, the name, and adding options for selection. You can configure the following attributes: Field Label, Field Label Position, Relative Position, Class Name, Required, and Additional Attributes. Shipping This field can be used for selecting the shipping option for the selected product. The options (each item consists of a “Type” and “Price” parameters) can be specified by the Options attribute. You can easily add and remove list items. You can configure the following attributes: Field Label, Field Label Position, Relative Position, Class Name, Required, and Additional Attributes. Total This field calculates the total sum to be paid via PayPal, including the payments for the shipping and taxes (if applicable). 4.13 Survey Tools: Choose the Field Type according to your preferences. There are several options: Star Rating: This field can be used for inserting star rating field in the contact form. Type the name of the field to be displayed with the rating system. The field has several attributes: Field Label Position, Star Amount, Star Color, Class Name, Required, and Additional Attributes. Scale Rating: This field can be used for inserting scale rating in the contact form. Type the name of the field to be displayed with the rating system.Default field labels for lowest/highest satisfaction/grading can be edited clicking on the field label and typing in a custom label. The field has several attributes: Field Label Position, Scale Amount, Class Name, Required, and Additional Attributes. Spinner: This field can be used for inserting spinner as a rating system in the contact form. Type the name of the field to be displayed with the rating system. The field has several attributes: Field Id, Field Name, Field Label, Field Label Position, Width, Min Value, Max Value, Step, Class Name, Required, and Additional Attributes. Slider: This field can be used for inserting slider as a rating system in the contact form. Type the name of the field to be displayed with the rating system. The field has several attributes: Field Id, Field Name, Field Label, Field Label Position, Width, Min Value, Max Value, Class Name, Required, and Additional Attributes. Range: This field can be used for inserting range system in the contact form. Type the name of the field to be displayed with the range system. The field has several attributes: Field Id, Field Name, Field Label, Field Label Position, Width, Step, Class Name, Required, and Additional Attributes. Grading: This field can be used for inserting grading system in the contact form. Type the name of the field to be displayed with the grading system. The field has several attributes: Field Id, Field Name, Field Label, Field Label Position, Total, Items, Class Name, Required, and Additional Attributes. Matrix: This field can be used for inserting a matrix in the contact form. Type the name of the field to be displayed with the matrix. The field has several attributes: Field Label, Field Label Position, Input Type, Rows, Columns, Class Name, Required, and Additional Attributes. 4.14 Submit Button: Choose the Field Type according to your preference. There are several options: Submit and Reset: This field can be used for inserting a submit/reset button into the contact form. You can display reset button by checking the box called Display reset button. Type the name of the submit and reset buttons in Submit button label and Reset button label. The field also has several attributes: Class Name and Additional Attributes. Custom: This field can be used for inserting custom buttons into the contact form. Type the name of each button in button name field. You can define click functions for each button. The field also has several attributes: Class Name and Additional Attributes. Step 5: Publishing the created contact form. To insert a contact form into a Page or a Post. 5.1. Press the button named Insert Contact Form Maker in a post or a page you want to show the contact form. 5.2. Select a contact form from the list. 5.3. Save the page or the post. Alternatively, you can use Contact Form Maker without the button on the toolbar: Add the shortcode [wd_contact_form id=”N”] (where N is the id of the contact form, for the contact form with id=2, the shortcode must be [wd_contact_form id=”2″]) to the pages and posts, where you want the contact form to appear. Step 6: Managing submissions of the contact form. 6.1 On the left menu select Contact Form Maker > Submissions 6.2 In order to manage a contact form’s submissions, select the contact form from the list. 6.3 For each contact form certain types of statistical data are available: – Entries: The number of submitted contact forms. – Views: The number of times the contact form has been viewed. – Conversion Rate: The percentage of submitted contact forms to the overall number of views. 6.4 For the contact forms that contain checkboxes or radio buttons a separate statistics is available. It shows how many times a particular checkbox/radio button has been checked, and what is the ratio of that number to the overall number of checks. 6.5 There is a possibility to search the submissions database by all the relevant fields of the given contact form. Submissions can be sorted by any of the fields of the contact form by clicking the labels. 6.6 You can delete any of submissions by selecting them and pressing the “Delete” button on the top of the page. 6.7 It is also possible to edit the submissions by clicking on the “Edit” icon on the upper right corner of the “Submissions” section. 6.8 You can add/remove any column of the submissions by “Add/Remove Columns” button. 6.9 The submissions can be exported to the CSV and XML formats.

Download now