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

Version Description

  • Added featured plugins
Download this release

Release Info

Developer webdorado
Plugin Icon 128x128 Contact Form by WD – responsive drag & drop contact form builder tool
Version 1.6.1
Comparing to
See all releases

Code changes from version 1.6.0 to 1.6.1

Files changed (14) hide show
  1. contact_form.php +137 -2
  2. css/featured_plugins.css +80 -0
  3. css/images/catalog.jpg +0 -0
  4. css/images/contacts.jpg +0 -0
  5. css/images/download.jpg +0 -0
  6. css/images/facebook.jpg +0 -0
  7. css/images/faq.jpg +0 -0
  8. css/images/flash.calendar.jpg +0 -0
  9. css/images/folder.menu.jpg +0 -0
  10. css/images/form.jpg +0 -0
  11. css/images/player.jpg +0 -0
  12. css/images/spider.calendar.jpg +0 -0
  13. css/images/zoom.jpg +0 -0
  14. readme.txt +238 -223
contact_form.php CHANGED
@@ -3,7 +3,7 @@
3
  Plugin Name: Contact Form FREE
4
  Plugin URI: http://web-dorado.com/products/form-maker-wordpress.html
5
  Description: WordPress Contact Form Maker is an advanced and easy-to-use tool for creating forms. The backend interface is intuitive and user friendly which allows users far from scripting and programming to create WordPress Forms.
6
- Version: 1.6.0
7
  Author: http://web-dorado.com/
8
  License: GNU/GPLv3 http://www.gnu.org/licenses/gpl-3.0.html
9
  */
@@ -415,14 +415,149 @@ function contact_form_options_panel() {
415
  add_menu_page('Theme page title', 'Contact Form', 'manage_options', 'contact_form', 'Manage_contact_form', $icon_url);
416
  $page_form = add_submenu_page('contact_form', 'Contact Form Manager', 'Manager', 'manage_options', 'contact_form', 'Manage_contact_form');
417
  $page_submits = add_submenu_page('contact_form', 'Contact Form Submissions', 'Submissions', 'manage_options', 'contact_form_Submits', 'contact_form_Submits');
418
- add_submenu_page('contact_form', 'Licensing/Donation', 'Licensing/Donation', 'manage_options', 'contact_form_Licensing', 'contact_form_Licensing');
419
  add_submenu_page('contact_form', 'Contact Form Themes', 'Themes', 'manage_options', 'contact_form_Themes', 'contact_form_Themes');
 
 
420
  add_submenu_page('contact_form', 'Uninstall Contact Form ', 'Uninstall Contact Form', 'manage_options', 'Uninstall_contact_form', 'Uninstall_contact_form');
 
421
  add_action('admin_print_styles-' . $page_form, 'contact_form_admin_styles_scripts');
422
  add_action('admin_print_styles-' . $page_submits, 'contact_form_submits_styles_scripts');
423
  }
424
  }
425
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
426
  function contact_form_Licensing() {
427
  ?>
428
  <div style="width:95%">
3
  Plugin Name: Contact Form FREE
4
  Plugin URI: http://web-dorado.com/products/form-maker-wordpress.html
5
  Description: WordPress Contact Form Maker is an advanced and easy-to-use tool for creating forms. The backend interface is intuitive and user friendly which allows users far from scripting and programming to create WordPress Forms.
6
+ Version: 1.6.1
7
  Author: http://web-dorado.com/
8
  License: GNU/GPLv3 http://www.gnu.org/licenses/gpl-3.0.html
9
  */
415
  add_menu_page('Theme page title', 'Contact Form', 'manage_options', 'contact_form', 'Manage_contact_form', $icon_url);
416
  $page_form = add_submenu_page('contact_form', 'Contact Form Manager', 'Manager', 'manage_options', 'contact_form', 'Manage_contact_form');
417
  $page_submits = add_submenu_page('contact_form', 'Contact Form Submissions', 'Submissions', 'manage_options', 'contact_form_Submits', 'contact_form_Submits');
 
418
  add_submenu_page('contact_form', 'Contact Form Themes', 'Themes', 'manage_options', 'contact_form_Themes', 'contact_form_Themes');
419
+ add_submenu_page('contact_form', 'Licensing/Donation', 'Licensing/Donation', 'manage_options', 'contact_form_Licensing', 'contact_form_Licensing');
420
+ $Featured_Plugins = add_submenu_page('contact_form', 'Featured Plugins', 'Featured Plugins', 'manage_options', 'contact_form_Featured_Plugins', 'contact_form_Featured_Plugins');
421
  add_submenu_page('contact_form', 'Uninstall Contact Form ', 'Uninstall Contact Form', 'manage_options', 'Uninstall_contact_form', 'Uninstall_contact_form');
422
+ add_action('admin_print_styles-' . $Featured_Plugins, 'contact_form_Featured_Plugins_styles');
423
  add_action('admin_print_styles-' . $page_form, 'contact_form_admin_styles_scripts');
424
  add_action('admin_print_styles-' . $page_submits, 'contact_form_submits_styles_scripts');
425
  }
426
  }
427
 
428
+ function contact_form_Featured_Plugins_styles() {
429
+ wp_enqueue_style("Featured_Plugins", plugins_url("css/featured_plugins.css", __FILE__));
430
+ }
431
+ function contact_form_Featured_Plugins() {
432
+ ?>
433
+ <div id="main_featured_plugins_page">
434
+ <table align="center" width="90%" style="margin-top: 0px;border-bottom: rgb(111, 111, 111) solid 2px;">
435
+ <tr>
436
+ <td colspan="2" style="height: 70px;"><h3 style="margin: 0px;font-family:Segoe UI;padding-bottom: 15px;color: rgb(111, 111, 111); font-size:18pt;">Featured Plugins</h3></td>
437
+ <td align="right" style="font-size:16px;">
438
+ <a href="http://web-dorado.com/files/fromContactForm.php" target="_blank" style="color:red; text-decoration:none;">
439
+ <img src="<?php echo plugins_url('images/header.png', __FILE__); ?>" border="0" alt="www.web-dorado.com" width="215"><br>
440
+ Get the full version&nbsp;&nbsp;&nbsp;&nbsp;
441
+ </a>
442
+ </td>
443
+ </tr>
444
+ </table>
445
+ <form method="post">
446
+ <ul id="featured-plugins-list">
447
+ <li class="form-maker">
448
+ <div class="product">
449
+ <div class="title">
450
+ <strong class="heading">Form Maker</strong>
451
+ <p>Wordpress form builder plugin</p>
452
+ </div>
453
+ </div>
454
+ <div class="description">
455
+ <p>Form Maker is a modern and advanced tool for creating WordPress forms easily and fast.</p>
456
+ <a target="_blank" href="http://web-dorado.com/products/wordpress-form.html" class="download">Download</a>
457
+ </div>
458
+ </li>
459
+ <li class="spider-calendar">
460
+ <div class="product">
461
+ <div class="title">
462
+ <strong class="heading">Spider Calendar</strong>
463
+ <p>WordPress event calendar plugin</p>
464
+ </div>
465
+ </div>
466
+ <div class="description">
467
+ <p>Spider Event Calendar is a highly configurable product which allows you to have multiple organized events.</p>
468
+ <a target="_blank" href="http://web-dorado.com/products/wordpress-calendar.html" class="download">Download</a>
469
+ </div>
470
+ </li>
471
+ <li class="catalog">
472
+ <div class="product">
473
+ <div class="title">
474
+ <strong class="heading">Spider Catalog</strong>
475
+ <p>WordPress product catalog plugin</p>
476
+ </div>
477
+ </div>
478
+ <div class="description">
479
+ <p>Spider Catalog for WordPress is a convenient tool for organizing the products represented on your website into catalogs.</p>
480
+ <a target="_blank" href="http://web-dorado.com/products/wordpress-catalog.html" class="download">Download</a>
481
+ </div>
482
+ </li>
483
+ <li class="player">
484
+ <div class="product">
485
+ <div class="title">
486
+ <strong class="heading">Video Player</strong>
487
+ <p>WordPress Video player plugin</p>
488
+ </div>
489
+ </div>
490
+ <div class="description">
491
+ <p>Spider Video Player for WordPress is a Flash & HTML5 video player plugin that allows you to easily add videos to your website with the possibility</p>
492
+ <a target="_blank" href="http://web-dorado.com/products/wordpress-player.html" class="download">Download</a>
493
+ </div>
494
+ </li>
495
+ <li class="contacts">
496
+ <div class="product">
497
+ <div class="title">
498
+ <strong class="heading">Spider Contacts</strong>
499
+ <p>Wordpress staff list plugin</p>
500
+ </div>
501
+ </div>
502
+ <div class="description">
503
+ <p>Spider Contacts helps you to display information about the group of people more intelligible, effective and convenient.</p>
504
+ <a target="_blank" href="http://web-dorado.com/products/wordpress-contacts-plugin.html" class="download">Download</a>
505
+ </div>
506
+ </li>
507
+ <li class="facebook">
508
+ <div class="product">
509
+ <div class="title">
510
+ <strong class="heading">Spider Facebook</strong>
511
+ <p>WordPress Facebook plugin</p>
512
+ </div>
513
+ </div>
514
+ <div class="description">
515
+ <p>Spider Facebook is a WordPress integration tool for Facebook.It includes all the available Facebook social plugins and widgets to be added to your web</p>
516
+ <a target="_blank" href="http://web-dorado.com/products/wordpress-facebook.html" class="download">Download</a>
517
+ </div>
518
+ </li>
519
+ <li class="faq">
520
+ <div class="product">
521
+ <div class="title">
522
+ <strong class="heading">Spider FAQ</strong>
523
+ <p>WordPress FAQ Plugin</p>
524
+ </div>
525
+ </div>
526
+ <div class="description">
527
+ <p>The Spider FAQ WordPress plugin is for creating an FAQ (Frequently Asked Questions) section for your website.</p>
528
+ <a target="_blank" href="http://web-dorado.com/products/wordpress-faq-plugin.html" class="download">Download</a>
529
+ </div>
530
+ </li>
531
+ <li class="zoom">
532
+ <div class="product">
533
+ <div class="title">
534
+ <strong class="heading">Zoom</strong>
535
+ <p>WordPress text zoom plugin</p>
536
+ </div>
537
+ </div>
538
+ <div class="description">
539
+ <p>Zoom enables site users to resize the predefined areas of the web site.</p>
540
+ <a target="_blank" href="http://web-dorado.com/products/wordpress-zoom.html" class="download">Download</a>
541
+ </div>
542
+ </li>
543
+ <li class="flash-calendar">
544
+ <div class="product">
545
+ <div class="title">
546
+ <strong class="heading">Flash Calendar</strong>
547
+ <p>WordPress flash calendar plugin</p>
548
+ </div>
549
+ </div>
550
+ <div class="description">
551
+ <p>Spider Flash Calendar is a highly configurable Flash calendar plugin which allows you to have multiple organized events.</p>
552
+ <a target="_blank" href="http://web-dorado.com/products/wordpress-events-calendar.html" class="download">Download</a>
553
+ </div>
554
+ </li>
555
+ </ul>
556
+ </form>
557
+ </div >
558
+ <?php
559
+ }
560
+
561
  function contact_form_Licensing() {
562
  ?>
563
  <div style="width:95%">
css/featured_plugins.css ADDED
@@ -0,0 +1,80 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ #main_featured_plugins_page #featured-plugins-list {
3
+ position:relative;
4
+ margin:0px auto;
5
+ width:90%;
6
+ height:auto;
7
+ display:table;
8
+ list-style:none;
9
+ }
10
+
11
+ #main_featured_plugins_page #featured-plugins-list li {
12
+ display:block;
13
+ height:113px;
14
+ padding:15px 5% 15px 5%;
15
+ margin:0px 0px 12px 0px;
16
+ background:#ededed;
17
+ }
18
+
19
+ #main_featured_plugins_page #featured-plugins-list li .product {
20
+ position:relative;
21
+ float:left;
22
+ width:35%;
23
+ height:113px;
24
+ }
25
+
26
+ #main_featured_plugins_page #featured-plugins-list li .title {
27
+ float:left;
28
+ height:113px;
29
+ width:90%;
30
+ margin:0px 0px 0px 109px;
31
+ background:#cacaca;
32
+ border-top-right-radius:3px;
33
+ border-bottom-right-radius:3px;
34
+ }
35
+
36
+ #main_featured_plugins_page #featured-plugins-list li.form-maker .product {background:url(images/form.jpg) left center no-repeat;}
37
+ #main_featured_plugins_page #featured-plugins-list li.catalog .product {background:url(images/catalog.jpg) left center no-repeat;}
38
+ #main_featured_plugins_page #featured-plugins-list li.contact-maker .product {background:url(images/contact.maker.jpg) left center no-repeat;}
39
+ #main_featured_plugins_page #featured-plugins-list li.contacts .product {background:url(images/contacts.jpg) left center no-repeat;}
40
+ #main_featured_plugins_page #featured-plugins-list li.facebook .product {background:url(images/facebook.jpg) left center no-repeat;}
41
+ #main_featured_plugins_page #featured-plugins-list li.faq .product {background:url(images/faq.jpg) left center no-repeat;}
42
+ #main_featured_plugins_page #featured-plugins-list li.flash-calendar .product {background:url(images/flash.calendar.jpg) left center no-repeat;}
43
+ #main_featured_plugins_page #featured-plugins-list li.folder-menu .product {background:url(images/folder.menu.jpg) left center no-repeat;}
44
+ #main_featured_plugins_page #featured-plugins-list li.player .product {background:url(images/player.jpg) left center no-repeat;}
45
+ #main_featured_plugins_page #featured-plugins-list li.spider-calendar .product {background:url(images/spider.calendar.jpg) left center no-repeat;}
46
+ #main_featured_plugins_page #featured-plugins-list li.zoom .product {background:url(images/zoom.jpg) left center no-repeat;}
47
+
48
+
49
+ #main_featured_plugins_page #featured-plugins-list li .title .heading {
50
+ display:block;
51
+ position:relative;
52
+ font-size:24px;
53
+ color:#014f73;
54
+ margin:30px 0px -10px 20px;
55
+ }
56
+
57
+ #main_featured_plugins_page #featured-plugins-list li .title p {
58
+ font-size:14px;
59
+ color:#444;
60
+ margin-left:20px;
61
+ }
62
+
63
+ #main_featured_plugins_page #featured-plugins-list li .description {
64
+ float:right;
65
+ width:50%;
66
+ height:113px;
67
+ }
68
+
69
+ #main_featured_plugins_page #featured-plugins-list li .description p {
70
+ text-align:right;
71
+ }
72
+
73
+ #main_featured_plugins_page #featured-plugins-list li .description a.download, #main_featured_plugins_page #featured-plugins-list li .description a.download:link, #main_featured_plugins_page #featured-plugins-list li .description a.download:visited {
74
+ display:block;
75
+ width:106px;
76
+ height:32px;
77
+ text-indent:-9999px;
78
+ background:url(images/download.jpg) left top no-repeat;
79
+ float:right;
80
+ }
css/images/catalog.jpg ADDED
Binary file
css/images/contacts.jpg ADDED
Binary file
css/images/download.jpg ADDED
Binary file
css/images/facebook.jpg ADDED
Binary file
css/images/faq.jpg ADDED
Binary file
css/images/flash.calendar.jpg ADDED
Binary file
css/images/folder.menu.jpg ADDED
Binary file
css/images/form.jpg ADDED
Binary file
css/images/player.jpg ADDED
Binary file
css/images/spider.calendar.jpg ADDED
Binary file
css/images/zoom.jpg ADDED
Binary file
readme.txt CHANGED
@@ -3,64 +3,60 @@ Contributors: webdorado
3
  Donate link: http://web-dorado.com/products/wordpress-contact-form-maker-plugin.html
4
  Tags: form, forms, contact form, contact forms, contact form plugin,contact forms plugin, forms plugin, Contact Form Builder, contact form manager, multiple contac forms, custom form,Contact Form Maker with recaptcha, contact form with google map, feedback form, feedback forms,contact us
5
  Requires at least: 3.0
6
- Tested up to: 3.7.1
7
- Stable tag: 1.6.0
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
11
- WordPress Contact Form Maker is an advanced and easy-to-use tool for creating forms.
12
- == Description ==
13
- [Contact form maker](http://web-dorado.com/products/wordpress-contact-form-maker-plugin.html)
14
- [Demo](http://wpdemo.web-dorado.com/form-maker/)
15
- [Demo Admin](http://wpdemo.web-dorado.com/wp-admin/admin.php?page=Form_maker)
16
- [User Manual](http://web-dorado.com/wordpress-form-maker-guide-1.html)
17
- [Frequently Asked Questions](http://web-dorado.com/forum/form-maker/316-form-maker-faq.html)
18
- [Support Forum](http://web-dorado.com/forum/26-form-maker.html)
19
- Contact Form Maker is a sophisticated and user-friendly contact form builder for making application forms. You can add an unlimited number of form fields, including different types of text input form fields (password, address, e-mail, phone, etc.), captcha, map (multiple locations are supported), and form submission buttons. The back-end interface of the WordPress Contact Form Maker is intuitive and easy-to-use. As a result, the users who are not really familiar with scripting and programming can easily create complex application contact forms.
20
-
21
- A number of parameters of the WordPress Contact Form Maker are customizable (e.g. colors and fonts, element size).
22
-
23
- With WordPress Contact Form Maker you can build simple brief contact forms as well as produce complex applications forms with multiple sections and pages.
24
 
25
-
26
- ### Contact Form Maker
27
 
 
28
 
 
29
 
30
- ###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](mailto:info@web-dorado.com).
31
 
 
32
 
33
- ###Features of the Contact Form Maker
34
- - WordPress 3.0+
35
- - 7 field types of the Contact Form Maker
36
- - Custom HTML
37
- - Text Input (10 sub-types)
38
- - Captcha
39
- - Page break
40
- - Section break
41
- - Map
42
- - Button
43
- - Custom HTML between the fields of the Contact Form
44
- - Contact Forms with multiple pages
45
- - The contact form can be split into sections
46
- - The contact form allows custom CSS and Java script
47
- - Each field of the type has additional attributes where specific properties of the Contact Form field can be customized using Java Script
48
- - The submitted contact forms can be sent to custom e-mail address, as well as forwarded to the submitters e-mail
49
- - The contact form can be inserted into a post or a page
50
- - Standard editor integration in the Contact Form
51
- - A number of different parameters for each field type in the Contact Form
52
- - Submission data validation in the Contact Form
53
- - Submission statistics in the Contact Form
54
- - 10 built-in form templates
55
- - Form and field preview in back-end
56
- - Required Fields in the Contact Form
57
- - Hidden Fields in the Contact Form
58
 
 
59
 
60
-
61
- ### Supported languages Of the Contact Form Maker
 
 
62
 
63
- *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 some mistakes in the translation of the Contact Form Maker, please contact us and we will correct it within 3 days.*
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
64
 
65
  Afrikaans (af)
66
  Albanian (sq)
@@ -110,224 +106,243 @@ Turkish (tr_TR)
110
  Ukrainian (uk_UA)
111
  Vietnamese (vi)
112
 
113
- == The Installation of Contact Form Maker==
114
-
115
- ####Thank you for your interest Contact Form Maker.
116
-
117
- Minimum requirements of Contact Form Maker.
118
-
119
- - Wordpress 3.0+
120
- - PHP 5.x
121
- - MySQL 5.x
122
-
123
- After downloading the ZIP file of the Contact Form Maker
124
- 1. Login to your WordPress site administrator panel and head over the 'Plugins' menu in order to install Contact Form Maker
125
- 2. Click 'Add New'(in order to add the plugin of the Contact Form Maker)
126
- 3. Choose the 'Upload' option in order to install Contact Form Maker
127
- 4. Click **Choose file** (**Browse**) and select the Contact Form Maker zip file in order.
128
- 5. Click **Install Now** button to install the Contact Form Maker.
129
- 6. Once the installation of the Contact Form Maker is completed, activate the plugin of the Contact Form Maker.
130
-
131
- Once the plugin of the Contact Form Maker is activated, you'll notice a menu on the left called "Contact Form". Here you can manage contact forms and submissions of the Contact Form Maker.
132
- If any problem occurs with the Contact Form Maker, please contact us info@web-dorado.com in order to correct the mistakes of the Contact Form Maker plugin.
133
-
134
- == Screenshots ==
135
- 1. Contact Form Maker - Sample RSVP
136
- 2. Contact Form Maker - Sample form
137
- 3. Contact Form Maker - Manage forms
138
- 4. Contact Form Maker - Creating a new conact form
139
- 5. Contact Form Maker - Text input field type
140
- 6. Contact Form Maker - Captcha field type
141
- 7. Contact Form Maker - Manage submissions
142
- 8. Contact Form Maker - Select Columns
143
-
144
- == Frequently Asked Questions of the Contact Form Maker ==
145
-
146
- ## Click here to see the Contact Form Maker Frequently Asked Questions
147
-
148
- = 1. What is Contact Form Maker? =
149
-
150
- Contact Form Maker is a brilliant extension for creating online contact forms for your Joomla! and WordPress site. When you create a contact form with Contact Form Maker, it automatically builds the database and scripts needed information for the contact form. So you can create contact forms without the knowledge of HTML, CSS or any programming language.
151
-
152
-
153
- = 2. What can I build with Contact Form Maker? =
154
 
155
- Generally the possibilities of creating different new amazing Contact forms are limited only by your will or imagination. See below the several examples of usage of Contact Form Maker.
156
- - Contact form
157
- - Mailing list form
158
- - Survey form
159
- - Job application form
160
- - Workshop registration form
161
- - Bug tracker form
162
- - Wedding planner form
163
- - Quizzes/Testes forms
164
- - Real estate applications form
165
- - Invitation/RSVP add invitation to the product demo forms
166
- - Online orders forms
167
 
 
 
 
 
168
 
169
- = 3. Why would I want to use Contact Form Maker? =
170
 
171
- Any site administrator aims to collect as more information and feedback from the site user as it is possible. The most effective mechanism for collecting data from people is contact forms. The process of creating a contact form and related databases is complicated, resource and time consuming. The whole process of creating a contact form may last days, if no weeks. The Joomla Contact Form Maker is the best choice for skipping all these steps effectively.
172
 
 
 
 
 
 
 
 
173
 
174
- = 4. I bought Contact Form Maker, but I have not received an email for confirmation and for downloading contact Form Maker =
175
 
176
- Usually confirmation e-mail for downloading Contact Form Maker arrives during a minute after the purchase of Contact Form Maker. You can also check spam and junk folders. If the confirmation e-mail for downloading contact Form Maker does not arrive during half an hour, please contact us. We will do our best to solve the problem as soon as possible and will also send the purchased Contact Form Maker by e-mail.
177
 
 
178
 
179
- = 5. Does the Contact Form Maker work on the localhost. =
180
 
181
- Yes, Contact Form Maker works in any server where MYSQL and PHP are supported.
182
-
183
-
184
- = 6. Contact Form Maker does not work or works in an improper way. What should I do? =
185
- We created Contact Form Maker which works on any browser, template and does not conflict with other extensions. However, if a problem arises with the Contact Form Maker, contact us telling the link of the website where the problem with the Contact Form Maker has occurred. We will try to answer within 24 hours.
186
-
187
-
188
-
189
- ==Contact Form Maker Step by step guide Step 1 ==
190
- = Installing Contact Form Maker =
191
-
192
- 1.1 Minimum requirements of Contact Form Maker.
193
-
194
- - Wordpress 3.0+
195
- - PHP 5.x
196
- - MySQL 5.x
197
-
198
- 1.2 Perform a new installation for Contact Form Maker
199
-
200
- 1. Log in to the administrator panel.
201
- 2. Go to Plugins Add > New > Upload.
202
- 3. Click **Choose file** (**Browse**) and select the Contact Form Maker zip file.
203
- 4. Click **Install Now** button for installing Contact Form Maker.
204
- 5. If the installation of the Contact Form Maker succeeded you will see the message in the picture. If any problem occurs with the Contact form Maker, please contact us info@web-dorado.com.
205
- 6. Click **Activate Plugin** button for activating the Contact Form Maker plugin.
206
-
207
- 1.3 Updating the WordPress Contact Form Maker.
208
-
209
- If you want to update Contact Form Maker 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 Contact Form Maker. Afterwards, go to Contact Form>Manager and on the upper hand of the screen click on the "Update Forms" button. If the update of the Contact Form Maker is successful, you will see a notification message saying, "All contact forms are updated!".
210
-
211
- ==Contact Form Maker Step by step guide Step 2 ==
212
-
213
- = Creating a new WordPress Contact Form Maker=
214
-
215
- 2.1 On the left menu select Contact Form> Manager.
216
-
217
- 2.2 In the upper left corner click on the "Add a form" button.
218
-
219
- 2.3 On the top of the page you can find several buttons:
220
-
221
- Preview: Using this button, you can preview the contact form in its current state to see how Contact form will appear on the website.
222
-
223
- Actions after Submission: Here you can select the action that takes place after contact form submission. Following options are available:
224
- - Stay on contact form: The user stays on the contact form page.
225
- - Article: The user is redirected to the selected article.
226
- - Custom text: Custom text is displayed on the screen.
227
- - URL: The user is redirected to the provided URL.
228
-
229
- Edit JavaScript: Here you can define new JavaScript functions, which can be applied to the contact form. Three empty event functions are included:
230
- - before_load(): before the contact form is loaded
231
- - before_submit(): before the contact form is submitted
232
- - before_reset(): before the contact form is reset
233
-
234
- Custom text in e-mail for administrator: Here you can add custom texts, images, and custom HTML to the e-mail message to your Contact Form that is sent to the administrator.
235
-
236
- Custom text in e-mail for user: Here you can add custom texts, images, and custom HTML to the e-mail message to your Contact Form that is sent to the users.
 
 
 
 
 
 
 
 
237
 
238
- Save as Copy: The button allows you to save a copy of the current contact form, which you can later find in the "Contact Forms" section.
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
239
 
240
- 2.4 On the right side you will see three fields:
241
- Contact Form Title: In this field type a title for your contact form. You can have an unlimited number of contact forms. This is a required field for the contact Form
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
242
 
243
- Email to send submissions to: Here you type e-mails to which submitted contact form information will be sent. If you need more than one e-mail address for sending the submitted contact form information, you must separate them by commas. This contact form field is not required. In any case the submitted Contact Form information is stored in "Submissions" part, where it could be managed easily.
244
 
245
- 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 left menu. 43 themes are available for selection for Contact Form. There is an option for creating new themes in the Contact Form Maker, which you can access by clicking "New" on the upper right corner of the section.
246
 
247
- 2.5 Add new fields to your contact form by clicking on the ADD A NEW FIELD button (see the next step).
 
248
 
249
- 2.6 To update the Contact Form Maker while keeping 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 Contact Form Maker plugin. Afterwards, go to Contact Form>Manager and on the upper hand of the screen click on the "Update Forms" button. If the update is successful, you will see a notification message, "All forms are updated!"
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
250
 
251
- ==Contact Form Maker Step by step guide Step 3 ==
252
 
253
- = Description of the Contact Form Maker Fields =
254
 
255
- 3.1 Custom HTML:An HTML editor. You can insert your own HTML content to your WordPress Contact Form.
 
 
256
 
257
- 3.2 Text Input: At first choose the Contact Form Field Type according to your preference. There are several options:
258
- Simple Text: This field of contact form 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
259
- Password: This field of contact form 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
260
- Text Area: This field of contact form can be used for typing some text. The difference between Text Area and Simple Text in Contact Forms 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
261
- Name: This field of contact form can be used for typing a name. 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
262
- Address: This field of contact form can be used for adding an address. It has several attributes: Field Id, Field Name, Field Label, Field Label Position, Overall Size, Class Name, Required, Additional Attributes
263
- Address (Mark on Map): This filed of contact form can be used for adding an address by directly marking it on the map in contact form. It has several attributes: Field Label, ield Label Position, Default Location, Map Size, Marker Info, Class Name, Additional Attributes
264
- E-mail:This field of contact form can be used for typing the submitter�s e-mail. The submitted e-mail validation of the Contact form 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.
265
- Number: This field of contact form can be used to provide numbers for different purposes (e.g. serial number) in contact form. 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
266
- Phone: This field of contact form can be used to provide a phone number. 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
267
- Hidden Field: This field of contact form can be used to store additional information that does not need to be displayed in contact form. It has several attributes : Field ld, Field Name, Field Value, Additional Attributes.
268
 
269
- 3.3 Time and Date: Choose the Field Type of contact form according to your preference. There are several options:
270
- Date (single field with a picker): This field of contact form can be used for typing a date or choosing by the picker in contact form. It has several attributes: Field Id, Field Name, Field Label, ield Label Position, Date format, Date Picker Label, Class Name, Required, Additional Attributes.
271
- Date (3 separate fields): This field of contact form can be used for typing a date in 3 field format(day, month, year) in contact form . Each of the 3 fields can be set as text input or select list. Each of the 3 fields has the attributes Contact form Field Size and Contact form Field Label. For year Contact form field the select list interval can be defined. These 3 Contact form fields can be separated in the format set by the fields separator attribute. The Contact form field has several attributes: Field Id, Field Name, Field Label, Field Label Position, Class Name, Required, Additional Attributes.
272
- Time: This field of contact form can be used for typing a time in contact form. Time can be shown in 24 hour or 12 hour formats by setting the time format attribute in contact form. The seconds preview can be enabled/disabled by setting the Display Seconds attribute in contact form. The field has several standard attributes: Contact form Field Id, Contact form Field Name, Contact form Field Label, Contact form Field Label Position, Class Name, Required, Additional Attributes.
273
- 3.4 Select: Choose the Field Type of contact form according to your preference. There are several options:
274
- Custom select: This field of contact form can be used for selecting the values from a list in contact form. The list can be defined by Options attribute. You can easily add and remove list items in contact form. The checked items are considered as empty values. The field has several attributes: Contact form Field Id, Contact form Field Name, Contact form Field Label, Contact form Field Label Position, Contact form Field Size, Class Name, Required, Additional Attributes.
275
- Country list: This field of contact form can be used for selecting a country from a list in contact form. It has several attributes: Field Id, Field Name, Field Label, Field Label Position, Field Size, Class Name, Required, Additional Attributes.
276
- 3.5 Checkbox: This field of contact form can be used for selecting the values from a list of checkboxes in contact form. 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.The field has several attributes: Contact form Field Id, Contact form Field Name, Contact form Field Label, Contact form Field Label Position, Contact form Field Size, Class Name, Required, Randomize in frontend, Allow other, Additional Attributes.
277
-
278
- 3.6 Radio: This field of contact form can be used for selecting the values from a list of radio buttons in contact form. 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.The field has several attributes: Contact form Field Id, Contact form Field Name, Contact form Field Label, Contact form Field Label Position, Contact form Field Size, Class Name, Required, Randomize in frontend, Allow other, Additional Attributes.
279
 
280
- 3.7 File Upload: This field of contact form can be used for uploading a file in contact form. The size of the uploaded file can be limited by setting the value of Maximum Size attribute in KB in contact form. 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: Contact form Field Id, Contact form Field Name, Contact form Field Label, Contact form Field Label Position, Class Name, Required, Additional Attributes.
 
281
 
282
- 3.8 Captcha:This field of contact form 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:
283
- Simple Captcha: This is an easy way to configure Simple Captcha for Contact form. The number of randomly generated symbols can be set by the value of Captcha size attribute. The field has several attributes: Contact form Field Id, Contact form Field Name, Contact form Field Label, Contact form Field Label Position, Class Name, Additional Attributes.
284
- Recaptcha This is an alternative option for Captcha that uses Public and Private Keys in contact form. You will need to create reCaptcha keys for your Contact form with the help of a dedicated tool.The tool can be found on https://www.google.com/recaptcha/admin/create.
 
 
 
 
285
 
286
- 3.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:
287
- Type, Name, Class Name, Check the required fields , Additional Attributes.
 
 
 
 
 
 
 
 
 
288
 
289
- 3.10 Section Break: This Contact form option allows adding a section break to the contact form page.
290
 
291
- 3.11 Map: This field of the contact form 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 Contact form field has several attributes:
292
- Location, Map Size, Marker Info, Class Name, Additional Attributes.
293
 
294
- 3.12 Button: Choose the Field of the contact form Type according to your preference. There are several options:
295
- Submit and Reset: This field can be used for inserting a submit/reset buttons. You can display reset button by checking the box called Display reset button in contact form. 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.
296
- Custom: This field of contact form can be used for inserting custom buttons. Type the name of each button in button name field. You can define click functions for each button. The field of the contact form also has several attributes: Class Name and Additional Attributes.
297
 
298
- ==Contact Form Maker Step by step guide Step 4 ==
 
299
 
300
- = Publishing the Created Contact Form =
301
 
302
- 4.1 Press the button named Insert Contact Form in a post or a page you want to show the contact form.
303
 
304
- 4.2 Select a contact form from the list.
 
305
 
306
- 4.3 Save the page or the post .
307
 
308
- Alternatively, you can use Contact Form Maker without the button on the toolbar: Add the shortcode [contact_form id="N"] (where N is the id of the contact form, for the form with id=2, the shortcode must be [contact_form id="2"]) to the pages and posts, where you want the contact form to appear.
 
 
 
309
 
310
- ==Contact Form Maker Step by step guide Step 5 ==
311
 
312
- = Managing Submissions =
 
 
 
313
 
314
- 5.1 On the left menu select Contact Form> Submissions
315
 
316
- 5.2 In order to manage a contact forms submissions, select the contact form from the list.
317
 
318
- 5.3 For each contact form certain types of statistical data are available:
319
- - Entries: The number of submitted contact forms.
320
- - Views: The number of times the contact form has been viewed.
321
- - Converasion Rate: The percentage of submitted contact forms to the overall number of views.
322
 
323
- 5.4 For the contact forms that contain checkboxes or radio buttons a separate statistics is available in contact form. It shows how many times a particular checkbox/radio button of the Contact form has been checked, and what is the ratio of that number to the overall number of checks of the Contact form.
324
 
325
- 5.5 There is a possibility to search the submissions database by all the relevant contact form fields of the given contact form. Submissions can be sorted by any of the fields of the contact form by clicking the labels.
326
 
327
- 5.6 You can delete any of submissions of the contact form by selecting them and pressing the "Delete" button on the top of the page in the Contact form.
328
 
329
- 5.7 It is also possible to edit the submissions of the contact form by clicking on the "Edit" icon on the upper right corner of the "Submissions" section.
330
 
331
- 5.8 You can add/remove any column of the submissions of the contact form by "Add/Remove Columns" button.
332
 
333
- 5.9 The submissions of the contact form, can be exported to the CSV and XML formats.
3
  Donate link: http://web-dorado.com/products/wordpress-contact-form-maker-plugin.html
4
  Tags: form, forms, contact form, contact forms, contact form plugin,contact forms plugin, forms plugin, Contact Form Builder, contact form manager, multiple contac forms, custom form,Contact Form Maker with recaptcha, contact form with google map, feedback form, feedback forms,contact us
5
  Requires at least: 3.0
6
+ Tested up to: 3.8
7
+ Stable tag: 1.6.1
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
11
+ WordPress Contact Form Maker is a simple contact form builder, which allows the user with almost no knowledge of programming to create and edit different type of contact forms.
 
 
 
 
 
 
 
 
 
 
 
 
12
 
13
+ == Description ==
 
14
 
15
+ ### [WordPress Contact Form Maker](http://web-dorado.com/products/wordpress-contact-form-maker-plugin.html)
16
 
17
+ WordPress Contact Form Maker is a simple contact form builder, which allows the user with almost no knowledge of programming to create and edit different type of contact 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](http://wordpress.org/extend/plugins/form-maker).
18
 
19
+ The number of fields for the Contact Form Maker 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, textarea, text input and etc.), Captcha (as well as possibility of adding Google standard ReCaptcha), custom and standard buttons, as well as Map field.
20
 
21
+ WordPress Contact Form Maker uses simple and easy to manage backend interface, thus the users which are not able to make code-level changes, will be able to make customization and changes using parameters.
22
 
23
+ This contact form builder will be equally fit the needs of the novice and experienced developers and designers.
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
24
 
25
+ The product has cross-browser compatibility, which allows using the Contact form for with any browser.
26
 
27
+ ###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](mailto:info@web-dorado.com).
28
+
29
+
30
+ ###Features of the Contact Form Maker
31
 
32
+ * WordPress 3.0+
33
+ * 7 field types of the Contact Form Maker
34
+ * Custom HTML
35
+ * Text Input (10 sub-types)
36
+ * Captcha
37
+ * Page break
38
+ * Section break
39
+ * Map
40
+ * Button
41
+ * Possibility to add Custom HTML between the fields
42
+ * Pagination
43
+ * Support for section break
44
+ * Possibility of add custom CSS and Javascript
45
+ * Additional attributes for each field to add certain properties using Java Script
46
+ * Submissions are send to the provided admin address(es) and submitter (optional)
47
+ * Custom text for admin and users
48
+ * Shortcode for easier input of the created contact form into Pages/Posts
49
+ * Chance to add custom HTML
50
+ * Detailed parameters for each field type
51
+ * Data validation before the submission of the contact form
52
+ * Detailed Submissions field including the submissions of all contact forms
53
+ * 10 built-in templates
54
+ * Required and hidden fields for advanced contact forms
55
+
56
+
57
+ ### Supported languages Of the Contact Form Maker
58
+
59
+ *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 some mistakes in the translation of the Contact Form Maker, please contact us and we will correct it within 3 days.*
60
 
61
  Afrikaans (af)
62
  Albanian (sq)
106
  Ukrainian (uk_UA)
107
  Vietnamese (vi)
108
 
109
+ == Installation ==
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
110
 
111
+ ####Thank you for your interest in [WordPress Contact Form](http://wordpress.org/plugins/contact-form-maker/).
 
 
 
 
 
 
 
 
 
 
 
112
 
113
+ ### Minimum requirements.
114
+ * Wordpress 3.0+
115
+ * PHP 5.x
116
+ * MySQL 5.x
117
 
118
+ ### Perform a new installation
119
 
120
+ After downloading the ZIP file,
121
 
122
+ 1. Log in to the administrator panel.
123
+ 1. Go to Plugins Add > New > Upload.
124
+ 1. Click “Choose file” (“Browse”) and select the downloaded zip file.
125
+ *For Mac Users*
126
+ *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.*
127
+ 1. Click “Install Now” button.
128
+ 1. Click “Activate Plugin” button for activating the plugin.
129
 
130
+ If any problem occurs, please contact us at [info@web-dorado.com](mailto:info@web-dorado.com).
131
 
132
+ ### Updating the contact form.
133
 
134
+ 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!”.
135
 
 
136
 
137
+ == Screenshots ==
138
+ 1. [WordPress Contact Form](http://wordpress.org/plugins/contact-form-maker/) - Sample RSVP
139
+ 2. Contact Form Maker - Sample contact form
140
+ 3. Contact Form Maker - Manage contact forms
141
+ 4. Contact Form Maker - Creating a new conact contact form
142
+ 5. Contact Form Maker - Text input field type
143
+ 6. Contact Form Maker - Captcha field type
144
+ 7. Contact Form Maker - Manage submissions
145
+ 8. Contact Form Maker - Select Columns
146
+
147
+ == Changelog ==
148
+
149
+ = 1.6.1 =
150
+ * Added featured plugins
151
+ = 1.6.0 =
152
+ * From Name, From Email in Contact Form options
153
+ = 1.5.0 =
154
+ * Survey Tools (Star Rating, Scale Rating, Spinner, Slider, Range, Grading, Matrix)
155
+ = 1.4.0 =
156
+ * Customizable Email message for Administrator and Users
157
+ = 1.3.0 =
158
+ * Actions after [WordPress Contact Form](http://wordpress.org/plugins/contact-form-maker/) Submission:
159
+ - Stay on contact form:
160
+ - To go to Post,Page after the contact form submission:
161
+ - Custom text after the contact form submission:
162
+ - URL: The user is redirected to the provided URL after the contact form submission.
163
+ * Edit javascript of the contact form:
164
+ * Save as the copy of the contact form:
165
+ * Themes: There are 43 standard themes included in Contact Form Maker
166
+ * New contact form fields:
167
+ - Address field
168
+ - Address mark on map contact form field
169
+ - Number contact form field
170
+ - Phone contact form field
171
+ - Date 3 different contact form field
172
+ - Time contact form field
173
+ - Country list contact form field
174
+ - Recapthca contact form field
175
+ * Pagebreak of the Contact Form Maker: This can be used to break the contact form into distinct pages.
176
+ * Section Break of the Contact Form Maker: This option allows adding a section break to the contact form page.
177
+ * For each contact form certain types of statistical data are available in the Contact Form Maker:
178
+ * Entries of a contact form: The number of submitted contact forms in the Contact Form Maker.
179
+ * Views of a contact form: The number of times the contact form has been viewed.
180
+ * Conversion Rate of a contact form: The percentage of submitted contact forms to the overall number of views.
181
+
182
+
183
+ ==Contact Form Maker Step by step guide==
184
+ ### Step 1: Installing the [wordpress contact form](http://wordpress.org/plugins/contact-form-maker/)
185
+
186
+ 1.1 Minimum requirements.
187
+ Wordpress 3.0+
188
+ PHP 5.x
189
+ MySQL 5.x
190
+
191
+ 1.2 Perform a new installation.
192
+ Log in to the administrator panel.
193
+ Go to Plugins Add > New > Upload.
194
+ Click “Choose file” (“Browse”) and select the Contact Form Maker zip file.
195
+ *For Mac Users*
196
+ *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.*
197
+ Click “Install Now” button.
198
+ If the installation succeeded you will see the message in the picture. If any problem occurs, please contact us at info@web-dorado.com.
199
+ Click “Activate Plugin” button for activating the plugin.
200
+
201
 
202
+ 1.3 Updating the contact form.
203
+
204
+ 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!”.
205
+
206
+
207
+ = Step 2: Creating a new contact form =
208
+
209
+ 2.1 On the left menu select Contact Form Maker > Manager
210
+ 2.2 In the upper left corner click on the “Add a form” button.
211
+ 2.3 Contact Form Title. Specify a title for the contact form.
212
+
213
+
214
+ = Step 3: Configuring Contact Form Options =
215
+
216
+ 3.1 General Options
217
+ 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.
218
+ 3.1.2 Email From. Here you define the email address from which the users receive the submission email (sender’s email).
219
+ 3.1.3 From Name. Here you define the sender’s name which is shown in submission email.
220
+ 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.
221
 
222
+ 3.2 Actions after Submission
223
+ Here you can select the action that takes place after contact form submission. Following options are available:
224
+ - Stay on contact form: The user stays on the contact form page.
225
+ - Article: The user is redirected to the selected article.
226
+ - Custom text: Custom text is displayed on the screen.
227
+ - URL: The user is redirected to the provided URL.
228
+ 3.3 Payment Options
229
+ 3.3.1 Turn on PayPal. Allows making PayPal paymentsusing Contact Form Maker.
230
+ 3.3.2 Checkout Mode. Choose the checkout mode:
231
+ Production (https://developer.paypal.com/webapps/developer/docs/classic/lifecycle/goingLive/)
232
+ Test Mode (https://developer.paypal.com/webapps/developer/docs/integration/direct/test-the-api/)
233
+ 3.3.3 PayPal Email. Enter your PayPal email.
234
+ 3.3.4 PayPal Currency. Choose your PayPal currency.
235
+ 3.3.5 Tax. Add the tax amount if any.
236
+ 3.4 JavaScript
237
+ Here you can define new JavaScript functions, which can be applied to the contact form. Three empty event functions are included:
238
+ - before_load(): before the contact form is loaded
239
+ - before_submit(): before the contact form is submitted
240
+ - before_reset(): before the contact form is reset
241
+ 3.5 Custom Text in Email
242
+ 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).
243
+ 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).
244
 
245
+ = Step 4: Description of the contact form fields =
246
 
247
+ 4.1 Custom HTML:An HTML editor. You can insert your own HTML content to your WordPress contact form.
248
 
249
+ 4.2 Text Input: At first choose the Field Type according to your preference. There are several options:
250
+ 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
251
 
252
+ 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
253
+ 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
254
+ 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
255
+ 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
256
+ 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
257
+ 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.
258
+ 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
259
+ 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
260
+ 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.
261
+ 4.3 Time and Date: Choose the Field Type according to your preference. There are several options:
262
+ 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.
263
+ 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.
264
+ 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.
265
+ 4.4 Select: Choose the Field Type according to your preference. There are several options:
266
+ 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.
267
+ 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.
268
+ 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.
269
 
270
+ 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.
271
 
272
+ 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.
273
 
274
+ 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:
275
+ 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.
276
+ 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.
277
 
278
+ 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:
279
+ Type, Name, Class Name, Check the required fields , Additional Attributes.
 
 
 
 
 
 
 
 
 
280
 
281
+ 4.10 Section Break: This option allows adding a section break to the contact form page.
 
 
 
 
 
 
 
 
 
282
 
283
+ 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:
284
+ Location, Map Size, Marker Info, Class Name, Additional Attributes.
285
 
286
+ 4.12 PayPal: Choose the Field Type. The following options are available:
287
+ 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.
288
+ 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.
289
+ 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.
290
+ 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.
291
+ 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.
292
+ Total This field calculates the total sum to be paid via PayPal, including the payments for the shipping and taxes (if applicable).
293
 
294
+ 4.13 Survey Tools: Choose the Field Type according to your preferences. There are several options:
295
+ 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.
296
+ 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.
297
+ 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.
298
+ 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.
299
+ 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.
300
+ 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.
301
+ 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.
302
+ 4.14 Submit Button: Choose the Field Type according to your preference. There are several options:
303
+ 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.
304
+ 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.
305
 
306
+ = Step 5: Publishing the created contact form. =
307
 
308
+ To insert a contact form into a Page or a Post.
 
309
 
 
 
 
310
 
311
+
312
+ 5.1. Press the button named Insert Contact Form Maker in a post or a page you want to show the contact form.
313
 
314
+ 5.2. Select a contact form from the list.
315
 
 
316
 
317
+
318
+ 5.3. Save the page or the post.
319
 
320
+ 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.
321
 
322
+
323
+ = Step 6: Managing submissions of the contact form. =
324
+
325
+ 6.1 On the left menu select Contact Form Maker > Submissions
326
 
327
+ 6.2 In order to manage a contact form's submissions, select the contact form from the list.
328
 
329
+ 6.3 For each contact form certain types of statistical data are available:
330
+ - Entries: The number of submitted contact forms.
331
+ - Views: The number of times the contact form has been viewed.
332
+ - Conversion Rate: The percentage of submitted contact forms to the overall number of views.
333
 
334
+ 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.
335
 
336
+ 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.
337
 
 
 
 
 
338
 
339
+ 6.6 You can delete any of submissions by selecting them and pressing the “Delete” button on the top of the page.
340
 
341
+ 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.
342
 
 
343
 
344
+ 6.8 You can add/remove any column of the submissions by “Add/Remove Columns” button.
345
 
346
+
347
 
348
+ 6.9 The submissions can be exported to the CSV and XML formats.