Contact Form Builder – a plugin for creating contact and feedback forms - Version 1.0.13

Version Description

  • remove spacing on the top of the form
Download this release

Release Info

Developer webdorado
Plugin Icon 128x128 Contact Form Builder – a plugin for creating contact and feedback forms
Version 1.0.13
Comparing to
See all releases

Code changes from version 1.0.15 to 1.0.13

contact-form-builder.php CHANGED
@@ -3,7 +3,7 @@
3
  * Plugin Name: Contact Form Builder
4
  * Plugin URI: http://web-dorado.com/products/wordpress-contact-form-builder.html
5
  * Description: Contact Form Builder is an advanced plugin to add contact forms into your website. It comes along with multiple default templates which can be customized.
6
- * Version: 1.0.15
7
  * Author: WebDorado
8
  * Author URI: http://web-dorado.com/
9
  * License: GNU/GPLv3 http://www.gnu.org/licenses/gpl-3.0.html
@@ -144,17 +144,6 @@ function contact_form_maker_frontend_main($content) {
144
  }
145
  add_filter('the_content', 'contact_form_maker_frontend_main', 5000);
146
 
147
- function cfm_shortcode($attrs) {
148
- $new_shortcode = '[Contact_Form_Builder';
149
- foreach ($attrs as $key=>$value) {
150
- $new_shortcode .= ' ' . $key . '="' . $value . '"';
151
- }
152
- $new_shortcode .= ']';
153
- return $new_shortcode;
154
- }
155
- add_shortcode('Contact_Form_Builder', 'cfm_shortcode');
156
-
157
-
158
  $cfm_generate_action = 0;
159
  function cfm_generate_action() {
160
  global $cfm_generate_action;
@@ -176,7 +165,7 @@ if (class_exists('WP_Widget')) {
176
  // Activate plugin.
177
  function contact_form_maker_activate() {
178
  $version = get_option("wd_contact_form_maker_version");
179
- $new_version = '1.0.15';
180
  if ($version && version_compare($version, $new_version, '<')) {
181
  require_once WD_CFM_DIR . "/contact-form-builder-update.php";
182
  contact_form_maker_update($version);
3
  * Plugin Name: Contact Form Builder
4
  * Plugin URI: http://web-dorado.com/products/wordpress-contact-form-builder.html
5
  * Description: Contact Form Builder is an advanced plugin to add contact forms into your website. It comes along with multiple default templates which can be customized.
6
+ * Version: 1.0.13
7
  * Author: WebDorado
8
  * Author URI: http://web-dorado.com/
9
  * License: GNU/GPLv3 http://www.gnu.org/licenses/gpl-3.0.html
144
  }
145
  add_filter('the_content', 'contact_form_maker_frontend_main', 5000);
146
 
 
 
 
 
 
 
 
 
 
 
 
147
  $cfm_generate_action = 0;
148
  function cfm_generate_action() {
149
  global $cfm_generate_action;
165
  // Activate plugin.
166
  function contact_form_maker_activate() {
167
  $version = get_option("wd_contact_form_maker_version");
168
+ $new_version = '1.0.13';
169
  if ($version && version_compare($version, $new_version, '<')) {
170
  require_once WD_CFM_DIR . "/contact-form-builder-update.php";
171
  contact_form_maker_update($version);
framework/WDW_CFM_Library.php CHANGED
@@ -210,7 +210,7 @@ class WDW_CFM_Library {
210
  else {
211
  document.getElementById('page_number').value = jQuery('#current_page').val();
212
  }
213
- document.getElementById('<?php echo $form_id; ?>').submit();
214
  }
215
  return true;
216
  }
210
  else {
211
  document.getElementById('page_number').value = jQuery('#current_page').val();
212
  }
213
+ return true;
214
  }
215
  return true;
216
  }
frontend/views/CFMViewForm_maker.php CHANGED
@@ -1087,8 +1087,7 @@ class CFMViewForm_maker {
1087
  ?>
1088
  <script type="text/javascript">
1089
  function contactformOnload<?php echo $id; ?>() {
1090
- /*if (jQuery.browser.msie && parseInt(jQuery.browser.version, 10) === 8) {*/
1091
- if (navigator.userAgent.toLowerCase().indexOf('msie') != -1 && parseInt(navigator.userAgent.toLowerCase().split('msie')[1]) === 8) {
1092
  jQuery("#contactform<?php echo $id; ?>").find(jQuery("input[type='radio']")).click(function() {jQuery("input[type='radio']+label").removeClass('if-ie-div-label'); jQuery("input[type='radio']:checked+label").addClass('if-ie-div-label')});
1093
  jQuery("#contactform<?php echo $id; ?>").find(jQuery("input[type='radio']:checked+label")).addClass('if-ie-div-label');
1094
  jQuery("#contactform<?php echo $id; ?>").find(jQuery("input[type='checkbox']")).click(function() {jQuery("input[type='checkbox']+label").removeClass('if-ie-div-label'); jQuery("input[type='checkbox']:checked+label").addClass('if-ie-div-label')});
1087
  ?>
1088
  <script type="text/javascript">
1089
  function contactformOnload<?php echo $id; ?>() {
1090
+ if (jQuery.browser.msie && parseInt(jQuery.browser.version, 10) === 8) {
 
1091
  jQuery("#contactform<?php echo $id; ?>").find(jQuery("input[type='radio']")).click(function() {jQuery("input[type='radio']+label").removeClass('if-ie-div-label'); jQuery("input[type='radio']:checked+label").addClass('if-ie-div-label')});
1092
  jQuery("#contactform<?php echo $id; ?>").find(jQuery("input[type='radio']:checked+label")).addClass('if-ie-div-label');
1093
  jQuery("#contactform<?php echo $id; ?>").find(jQuery("input[type='checkbox']")).click(function() {jQuery("input[type='checkbox']+label").removeClass('if-ie-div-label'); jQuery("input[type='checkbox']:checked+label").addClass('if-ie-div-label')});
readme.txt CHANGED
@@ -3,8 +3,8 @@ Contributors: webdorado
3
  Donate link: http://web-dorado.com/products/wordpress-contact-form-builder.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 Builder with recaptcha, contact form with google map, feedback form, feedback forms, contact us, wordpress contact form, email form, feedback, web form, contact me, email, contact manager, contact us form
5
  Requires at least: 3.0
6
- Tested up to: 4.0
7
- Stable tag: 1.0.15
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
@@ -42,12 +42,11 @@ After submitting the form, the users might get a custom text and even receive an
42
  * Emailing option to the administrator upon submitting a form.
43
  * Google Maps integration.
44
  * Possibility of sending the copy of the submitted data to the user.
45
- * Google ReCaptcha support for avoiding spam.
46
  * Possibility to change the form layout using the corresponding section.
47
  * Preview possibility for each form at the Manager Section.
48
  * Possibility to create required fields.
49
  * Support for displaying custom text after hitting submit button, as well as redirection to a custom page.
50
- * Support for displaying the submitter information within the Submissions section IP pop-up.
51
 
52
  Upgrade to [WordPress Contact Form Builder](http://web-dorado.com/products/wordpress-contact-form-builder.html) to add features:
53
 
@@ -55,6 +54,7 @@ Upgrade to [WordPress Contact Form Builder](http://web-dorado.com/products/wordp
55
  * Submissions section.
56
  * Possibility of exporting the received data both in CSV and XML formats.
57
  * Statistical data for the multi-option form fields
 
58
 
59
  ### Supported languages Of Contact Form Builder
60
 
@@ -122,56 +122,61 @@ Vietnamese (vi)
122
  After downloading the ZIP file,
123
 
124
  1. Log in to the administrator panel.
125
- 1. Go to Plugins Add > New > Upload.
126
- 1. Click “Choose file” (“Browse”) and select the downloaded zip file.
127
  *For Mac Users*
128
  *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.*
129
  1. Click “Install Now” button.
130
- 1. Click “Activate Plugin” button for activating the plugin.
131
-
132
- If any problem occurs, please contact us at [info@web-dorado.com](mailto:info@web-dorado.com).
133
 
134
  == Changelog ==
 
 
 
 
135
  = 1.0.15 =
136
- wp 4.0.1 shortcode issue fixed
137
 
138
  = 1.0.13 =
139
- remove spacing on the top of the form
140
 
141
  = 1.0.12 =
142
- bug fixed in address field
143
 
144
  = 1.0.11 =
145
- bug address field structure fixed
146
 
147
  = 1.0.10 =
148
- bug fixed in update
149
 
150
  = 1.0.9 =
151
- submitter information by IP in popup
152
 
153
  = 1.0.8 =
154
- bug fixed in map
155
 
156
  = 1.0.7 =
157
- email form name bug fixed
158
 
159
  = 1.0.6 =
160
- address fields in submissions
161
 
162
  = 1.0.5 =
163
- space in filed label
164
 
165
  = 1.0.4 =
166
- custom html iframe problem fixed
167
 
168
  = 1.0.3 =
169
- responsive textarea
170
 
171
  = 1.0.2 =
172
- translations fixed
 
173
  = 1.0.1 =
174
- conflict with jetpack fixed
175
 
176
  = 1.0.0 =
177
  * Initial version
@@ -203,59 +208,60 @@ Step 1: Installing the [WordPress Contact Form Builder](http://web-dorado.com/pr
203
  For Mac Users
204
  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.
205
  4. Click “Install Now” button.
206
- 5. If the installation does not succeed, please contact us at info@web-dorado.com.
207
- 6. Click “Activate Plugin” button for activating the Contact Form Builder plugin.
 
208
 
209
  = Step 2: Editing and adjusting Contact Form Builder. =
210
 
211
- 2.1 Go to Contact Form Builder > Manager.
212
- 2.2 Select the Contact Form you want to make the relevant changes. Click on the title to open the specified contact form.
213
- Here you will see three sets of buttons- navigation buttons, “pencil” button for editing the contact form fields and checkbox. Let’s discuss each button separately:
214
- 2.3 Navigation Buttons. 4 navigation arrows are displayed next to each contact form field. You can use those arrows to move the contact form fields up, down, left or right. Note: for larger contact form fields to get the idea of the contact form display in the front-end you should press Collapse menu on the lowest left corner.
215
 
216
- 2.4 Edit button. Using edit button, you will be able to apply specific changes in the contact form field, including titles, labels, dimensions and etc.
217
- 2.5 Checkbox. Using the checkboxes next to the contact form fields you can enable or disable the provided field.
218
 
219
 
220
  = Step 3: Configuring Form Options of the Contact Form Builder. =
221
- The contact form options for each contact form can be adjusted. Go to the Contact Form Builder>Manager, select the contact form and then get to the Form Options. It uses three sections. General options, Email options for the emails to the Administrator and User and Action after Submission for specifying the action once the contact form is submitted.
222
-
223
- 3.1 General Options of the Contact Form Builder
224
-
225
- 3.1.1 Published. Choose whether to publish the created contact form or leave it unpublished for the further publishing.
226
- 3.1.2 Save data (to database). Choose whether to save the data (filled in contact form) in the database (submissions section) or to have email sent out only. IMPORTANT: Please make sure to set up the email options properly in the Email options section of the Contact Form Builder and test it out. Disabling this option is only applicable when you prefer to receive contact form submissions only via email.
227
- 3.1.3 Theme. The theme of the contact form can be changed to fit the theme of your website. It can be applied to each new contact form. The contact form comes with 37 default themes. The themes can be edited; there is a possibility of adding new themes to use for contact forms of the other pages (Go to Contact Form Builder>Themes>Add new.)
228
- 3.1.4 Preview. This option will allow viewing the contact form appearance within the selected theme.
229
- 3.1.5 Edit CSS. This options allows you to make changes in the contact form theme CSS without the need of leaving the form page. You can press Save and use Preview button to view the changes.
230
- 3.1.6 Required fields mark. Here you can change the symbol of the indicator used for the required contact form fields. By default it is asterisk and will be displayed at the end of the contact form field (*).
231
- 3.2 Email Options
232
- 3.2.1 Send Email. Choose whether to send emails containing the contact form entries to administrator(s)/submitter or not.
233
- 3.2.2 Email to Administrator • 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 should press + button to add the new one.
234
- Email From. Here you specify the email address from which the administrator(s) receives the submission email (sender’s email). If you have an email address field in your form, you can use this user-submitted email address.
235
- • From Name. Here you specify the sender’s name which is shown in submission email.
236
- • Reply to:(if different from "Email From"). Here you can specify the email address the administrator can reply to. If you have an email address field in your contact form, you can use this user-submitted email address.
237
- • CC. Provide additional email/emails to send the submissions of the contact form. The receiver will be able to view all the emails receiving the submissions.
238
- • BCC. Provide additional email/emails to send the submissions of the contact form. The receiver will not be able to view the emails receiving the submissions.
239
- • Subject. You can provide a text to be used as a subject for the email. In addition using + button you can select any of the contact form fields to be set as a separate subject for the email or use it with additional text, e.g. Submission of + %Name%.
240
- • Mode. Specify the mode of the email to the administrator- HTML or text. HTML will display the contact form within a box, whereas text will display the content of the filled contact form only.
241
- • 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 (filled in contact form), as well as choose which fields of the submitted form are included in the e-mail (set to ‘all’ by default).
242
- 3.2.3 Email to User
243
- • Send to. By checking the box the submitters will receive their copy of the filled contact form.
244
- • Email From. Here you specify the email address from which the users receive the submission email.
245
- • From Name. Here you specify the sender’s name which is shown in submission email which the users receive.
246
- • Reply to:(if different from "Email From"). Here you can specify the email address the user can reply to.
247
- • CC. Provide additional email/emails to send the submissions of the contact form. The receiver will be able to view all the emails receiving the submissions.
248
- • BCC. Provide additional email/emails to send the submissions of the contact form. The receiver will not be able to view the emails receiving the submissions.
249
- • Subject. You can provide a text to be used as a subject for the email. In addition using + button you can select any of the contact form fields to be set as a separate subject for the email or use it with additional text, e.g. Submission of + %Name%.
250
- • Mode. Specify the mode of the email (filled in contact form) to the administrator- HTML or text. HTML will display the contact form within a box, whereas text will display the content of the filled contact form only.
251
- • Custom Text in Email For User. 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 form are included in the e-mail (set to ‘all’ by default).
252
 
253
 
254
 
255
  = Step 4: Description of the Contact Form Builder fields. =
256
 
257
 
258
- 4.1 Text Input Fields. There is a list of contact form fields which can be referred as text input fields.
259
  Simple text. This contact form field allows adding any kind of textual entry. It has the following attributes: • Field label. Provide the label text. • Field label size. Set the size of the contact form field label. • Field label position. Define the positioning of the contact form field label. • Field size. Define the dimensions of the contact form field. • Value if Empty. Fill in the text which will be displayed when the form field is empty. • Deactivate Class Name. This is the static CSS class of the deactive text input field. • Active Class Name. This is the static CSS class of the active text input field. • Required. Check the box to make the contact form field a required one. • Allow only unique values. Check the box to allow only unique entries for the specified contact form field. • Additional attributes. This field allows adding additional features to the contact form field to customize it, e.g. for allowing displaying maximum 8 symbols you can use the following properties: -Name: maxlength -Value: 8
260
  Text Area. This contact form field allows adding longer textual entries expending with the text and adding automatic rows. It has the following attributes: • Field label. Provide the label text. • Field label size. Set the size of the contact form field label. • Field label position. Define the positioning of the contact form field label. • Field size. Define the dimensions of the contact form field. • Value if Empty. Fill in the text which will be displayed when the form field is empty. • Class Name. The CSS class of the field included in the Theme (Plugins>Contact Form Builder>Themes) • Required. Check the box to make the field a required one. • Allow only unique values. Check the box to allow only unique entries for the field. • Additional attributes. This field allows adding additional features to the field to customize it, e.g. for allowing displaying maximum 8 symbols you can use the following properties: -Name: maxlength -Value: 8
261
  Name. This contact form field allows adding short or extended name entries. It has the following attributes: • Field label size. Set the size of the contact form field label. • Field label position. Define the positioning of the contact form field label. • Field size. Define the dimensions of the contact form field.• Value if Empty. Fill in the text which will be displayed when the form field is empty. • Field size. Define the dimensions of the field. • Name Format. Select the name format. Extended version will include 4 rows of the text input. • Class Name. The CSS class of the field included in the Theme (Plugins>Contact Form Builder>Themes) • Required. Check the box to make the field a required one. • Allow only unique values. Check the box to allow only unique entries for the field. • Additional attributes. This field allows adding additional features to the field to customize it.
@@ -265,19 +271,19 @@ Email. This contact form field allows adding submitter’s email. It gets valida
265
  Number. You can add numerical entry field using this field. It has the following attributes: • Field label. Provide the label text. • Field label size. Set the size of the contact form field label. • Field label position. Define the positioning of the contact form field label. • Field size. Define the dimensions of the contact form field. • Value if Empty. Fill in the text which will be displayed when the form field is empty. • Class Name. The CSS class of the field included in the Theme (Plugins>Contact Form Builder>Themes) • Required. Check the box to make the field a required one. • Allow only unique values. Check the box to allow only unique entries for the field. • Additional attributes. This field allows adding additional features to the field to customize it, e.g. for allowing displaying maximum 8 symbols you can use the following properties: -Name: maxlength -Value: 8
266
  Phone. You can add full phone contact information. It has the following attributes: • Field label. Provide the label text. • Field label size. Set the size of the contact form field label. • Field label position. Define the positioning of the contact form field label. • Field size. Define the dimensions of the contact form field. • Value if Empty. Fill in the text which will be displayed when the form field is empty. • Class Name. The CSS class of the field included in the Theme (Plugins>Contact Form Builder>Themes) • Required. Check the box to make the field a required one. • Allow only unique values. Check the box to allow only unique entries for the field. • Additional attributes. This field allows adding additional features to the field to customize it.
267
  Send copy to submitter. This contact form field allows the user to choose whether to receive the submitted information or not.
268
- 4.2 Custom HTML. This contact form field allows adding custom HTML format content. It uses typical HTML editor.
269
 
270
- 4.3 Select. This contact form field allows adding a drop-down list of items into the Contact Form Builder. The set can be defined with the help of Options attribute. Using the checkbox you can make the values considered as empty, e.g. Select Option. Using the X button you can remove the unnecessary options. The rest of the attributes are the following: • Field label. Provide the label text. • Field label size. Set the size of the contact form field label.
271
  • Field label position. Define the positioning of the contact form field label. • Field size. Define the dimensions of the contact form field. • Value if Empty. Fill in the text which will be displayed when the form field is empty.• Class Name. The CSS class of the field included in the Theme (Plugins>Contact Form Builder>Themes) • Required. Check the box to make the field a required one. • Additional attributes. This field allows adding additional features to the field to customize it.
272
 
273
- 4.4. Single Choice. This contact form field can be used for selecting the values from a list of radio buttons. 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 the following attributes: • Field label. Provide the label text. • Field label size. Set the size of the contact form field label. • Field label position. Define the positioning of the contact form field label. • Relative position. Choose the options display between horizontal and vertical possibilities. • Rows/Columns. Define the name for the rows/columns. • Class Name. The CSS class of the field included in the Theme (Plugins>Contact Form Builder>Themes) • Required. Check the box to make the field a required one. • Randomized in frontend. Choose whether to have the options in a specific ordering or have it randomized. • Allow other. Allow adding other values rather than the options within a text field. • Additional attributes. This field allows adding additional features to the field to customize it.
274
 
275
- 4.5 Multiple choice. This contact form 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 the following attributes: • Field label. Provide the label text. • Field label size. Set the size of the contact form field label. • Field label position. Define the positioning of the contact form field label. • Relative position. Choose the options display between horizontal and vertical possibilities. • Rows/Columns. Define the name for the rows/columns. • Class Name. The CSS class of the field included in the Theme (Plugins>Contact Form Builder>Themes) • Required. Check the box to make the field a required one. • Randomized in frontend. Choose whether to have the options in a specific ordering or have it randomized. • Allow other. Allow adding other values rather than the options within a text field. • Additional attributes. This field allows adding additional features to the field to customize it.
276
 
277
- 4.6 Captcha. This field can be used for receiving human generated contact form entries. There are two options for this contact form field: Captcha: • Field label. Provide the label text. • Field label size. Set the size of the field label. • Field label position. Define the positioning of the field label. • Captcha size. Select the number of the characters to be displayed with Captcha. • Class Name. The CSS class of the field included in the Theme (Plugins>Contact Form Builder>Themes) • Additional attributes. This field allows adding additional features to the field to customize it.
278
- ReCaptcha: • Field label. Provide the label text. • Field label size. Set the size of the contact form field label. • Field label position. Define the positioning of the contact form field label. • Public Key. Specify the public key of the Recaptcha. • Private Key. Specify the private key of the Recaptcha. • Recaptcha Theme. Select the theme to be applied to the Recaptcha. • Class Name. The CSS class of the field included in the Theme (Plugins>Contact Form Builder>Themes) • Additional attributes. This field allows adding additional features to the field to customize it.
279
 
280
- 4.10 Section Break: This option allows adding sections and dividing them with break lines.
281
 
282
  4.11 Submit Button. This field allows adding Submit and Reset buttons for the contact form. You can edit the label of the buttons to the preferred option. The buttons have two attributes: • Class Name. The CSS class of the field included in the Theme (Plugins>Contact Form Builder>Themes) • Additional attributes. This field allows adding additional features to the field to customize it.
283
 
3
  Donate link: http://web-dorado.com/products/wordpress-contact-form-builder.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 Builder with recaptcha, contact form with google map, feedback form, feedback forms, contact us, wordpress contact form, email form, feedback, web form, contact me, email, contact manager, contact us form
5
  Requires at least: 3.0
6
+ Tested up to: 4.1
7
+ Stable tag: 1.0.16
8
  License: GPLv2 or later
9
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
10
 
42
  * Emailing option to the administrator upon submitting a form.
43
  * Google Maps integration.
44
  * Possibility of sending the copy of the submitted data to the user.
45
+ * Google ReCaptcha and simple captcha support for avoiding spam.
46
  * Possibility to change the form layout using the corresponding section.
47
  * Preview possibility for each form at the Manager Section.
48
  * Possibility to create required fields.
49
  * Support for displaying custom text after hitting submit button, as well as redirection to a custom page.
 
50
 
51
  Upgrade to [WordPress Contact Form Builder](http://web-dorado.com/products/wordpress-contact-form-builder.html) to add features:
52
 
54
  * Submissions section.
55
  * Possibility of exporting the received data both in CSV and XML formats.
56
  * Statistical data for the multi-option form fields
57
+ * Support for displaying the submitter information within the Submissions section IP pop-up.
58
 
59
  ### Supported languages Of Contact Form Builder
60
 
122
  After downloading the ZIP file,
123
 
124
  1. Log in to the administrator panel.
125
+ 2. Go to Plugins Add > New > Upload.
126
+ 3. Click “Choose file” (“Browse”) and select the downloaded zip file.
127
  *For Mac Users*
128
  *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.*
129
  1. Click “Install Now” button.
130
+ 2. Click “Activate Plugin” button for activating the plugin.
131
+ 3. If the installation does not succeed, please contact us at info@web-dorado.com.
132
+
133
 
134
  == Changelog ==
135
+
136
+ = 1.0.16 =
137
+ * bug in ReCaptcha fixed
138
+
139
  = 1.0.15 =
140
+ * wp 4.0.1 shortcode issue fixed
141
 
142
  = 1.0.13 =
143
+ * remove spacing on the top of the form
144
 
145
  = 1.0.12 =
146
+ * bug fixed in address field
147
 
148
  = 1.0.11 =
149
+ * bug address field structure fixed
150
 
151
  = 1.0.10 =
152
+ * bug fixed in update
153
 
154
  = 1.0.9 =
155
+ * show submitter information by IP in popup
156
 
157
  = 1.0.8 =
158
+ * bug fixed in map
159
 
160
  = 1.0.7 =
161
+ * email form name bug fixed
162
 
163
  = 1.0.6 =
164
+ * address fields in submissions
165
 
166
  = 1.0.5 =
167
+ * space in filed label
168
 
169
  = 1.0.4 =
170
+ * custom html iframe problem fixed
171
 
172
  = 1.0.3 =
173
+ * responsive textarea
174
 
175
  = 1.0.2 =
176
+ * translations fixed
177
+
178
  = 1.0.1 =
179
+ * conflict with jetpack fixed
180
 
181
  = 1.0.0 =
182
  * Initial version
208
  For Mac Users
209
  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.
210
  4. Click “Install Now” button.
211
+ 5. Click “Activate Plugin” button for activating the Contact Form Builder plugin.
212
+ 6. If the installation does not succeed, please contact us at info@web-dorado.com.
213
+
214
 
215
  = Step 2: Editing and adjusting Contact Form Builder. =
216
 
217
+ 2.1 Go to Contact Form Builder > Manager.
218
+ 2.2 Select the Contact Form you want to make the relevant changes. Click on the title to open the specified contact form.
219
+ Here you will see three sets of buttons- navigation buttons, “pencil” button for editing the contact form fields and checkbox. Let’s discuss each button separately:
220
+ 2.3 Navigation Buttons. 4 navigation arrows are displayed next to each contact form field. You can use those arrows to move the contact form fields up, down, left or right. Note: for larger contact form fields to get the idea of the contact form display in the front-end you should press Collapse menu on the lowest left corner.
221
 
222
+ 2.4 Edit button. Using edit button, you will be able to apply specific changes in the contact form field, including titles, labels, dimensions and etc.
223
+ 2.5 Checkbox. Using the checkboxes next to the contact form fields you can enable or disable the provided field.
224
 
225
 
226
  = Step 3: Configuring Form Options of the Contact Form Builder. =
227
+ The contact form options for each contact form can be adjusted. Go to the Contact Form Builder>Manager, select the contact form and then get to the Form Options. It uses three sections. General options, Email options for the emails to the Administrator and User and Action after Submission for specifying the action once the contact form is submitted.
228
+
229
+ 3.1 General Options of the Contact Form Builder
230
+
231
+ 3.1.1 Published. Choose whether to publish the created contact form or leave it unpublished for the further publishing.
232
+ 3.1.2 Save data (to database). Choose whether to save the data (filled in contact form) in the database (submissions section) or to have email sent out only. IMPORTANT: Please make sure to set up the email options properly in the Email options section of the Contact Form Builder and test it out. Disabling this option is only applicable when you prefer to receive contact form submissions only via email.
233
+ 3.1.3 Theme. The theme of the contact form can be changed to fit the theme of your website. It can be applied to each new contact form. The contact form comes with 37 default themes. The themes can be edited; there is a possibility of adding new themes to use for contact forms of the other pages (Go to Contact Form Builder>Themes>Add new.)
234
+ 3.1.4 Preview. This option will allow viewing the contact form appearance within the selected theme.
235
+ 3.1.5 Edit CSS. This options allows you to make changes in the contact form theme CSS without the need of leaving the form page. You can press Save and use Preview button to view the changes.
236
+ 3.1.6 Required fields mark. Here you can change the symbol of the indicator used for the required contact form fields. By default it is asterisk and will be displayed at the end of the contact form field (*).
237
+ 3.2 Email Options
238
+ 3.2.1 Send Email. Choose whether to send emails containing the contact form entries to administrator(s)/submitter or not.
239
+ 3.2.2 Email to Administrator • 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 should press + button to add the new one.
240
+ Email From. Here you specify the email address from which the administrator(s) receives the submission email (sender’s email). If you have an email address field in your form, you can use this user-submitted email address.
241
+ • From Name. Here you specify the sender’s name which is shown in submission email.
242
+ • Reply to:(if different from "Email From"). Here you can specify the email address the administrator can reply to. If you have an email address field in your contact form, you can use this user-submitted email address.
243
+ • CC. Provide additional email/emails to send the submissions of the contact form. The receiver will be able to view all the emails receiving the submissions.
244
+ • BCC. Provide additional email/emails to send the submissions of the contact form. The receiver will not be able to view the emails receiving the submissions.
245
+ • Subject. You can provide a text to be used as a subject for the email. In addition using + button you can select any of the contact form fields to be set as a separate subject for the email or use it with additional text, e.g. Submission of + %Name%.
246
+ • Mode. Specify the mode of the email to the administrator- HTML or text. HTML will display the contact form within a box, whereas text will display the content of the filled contact form only.
247
+ • 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 (filled in contact form), as well as choose which fields of the submitted form are included in the e-mail (set to ‘all’ by default).
248
+ 3.2.3 Email to User
249
+ • Send to. By checking the box the submitters will receive their copy of the filled contact form.
250
+ • Email From. Here you specify the email address from which the users receive the submission email.
251
+ • From Name. Here you specify the sender’s name which is shown in submission email which the users receive.
252
+ • Reply to:(if different from "Email From"). Here you can specify the email address the user can reply to.
253
+ • CC. Provide additional email/emails to send the submissions of the contact form. The receiver will be able to view all the emails receiving the submissions.
254
+ • BCC. Provide additional email/emails to send the submissions of the contact form. The receiver will not be able to view the emails receiving the submissions.
255
+ • Subject. You can provide a text to be used as a subject for the email. In addition using + button you can select any of the contact form fields to be set as a separate subject for the email or use it with additional text, e.g. Submission of + %Name%.
256
+ • Mode. Specify the mode of the email (filled in contact form) to the administrator- HTML or text. HTML will display the contact form within a box, whereas text will display the content of the filled contact form only.
257
+ • Custom Text in Email For User. 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 form are included in the e-mail (set to ‘all’ by default).
258
 
259
 
260
 
261
  = Step 4: Description of the Contact Form Builder fields. =
262
 
263
 
264
+ 4.1 Text Input Fields. There is a list of contact form fields which can be referred as text input fields.
265
  Simple text. This contact form field allows adding any kind of textual entry. It has the following attributes: • Field label. Provide the label text. • Field label size. Set the size of the contact form field label. • Field label position. Define the positioning of the contact form field label. • Field size. Define the dimensions of the contact form field. • Value if Empty. Fill in the text which will be displayed when the form field is empty. • Deactivate Class Name. This is the static CSS class of the deactive text input field. • Active Class Name. This is the static CSS class of the active text input field. • Required. Check the box to make the contact form field a required one. • Allow only unique values. Check the box to allow only unique entries for the specified contact form field. • Additional attributes. This field allows adding additional features to the contact form field to customize it, e.g. for allowing displaying maximum 8 symbols you can use the following properties: -Name: maxlength -Value: 8
266
  Text Area. This contact form field allows adding longer textual entries expending with the text and adding automatic rows. It has the following attributes: • Field label. Provide the label text. • Field label size. Set the size of the contact form field label. • Field label position. Define the positioning of the contact form field label. • Field size. Define the dimensions of the contact form field. • Value if Empty. Fill in the text which will be displayed when the form field is empty. • Class Name. The CSS class of the field included in the Theme (Plugins>Contact Form Builder>Themes) • Required. Check the box to make the field a required one. • Allow only unique values. Check the box to allow only unique entries for the field. • Additional attributes. This field allows adding additional features to the field to customize it, e.g. for allowing displaying maximum 8 symbols you can use the following properties: -Name: maxlength -Value: 8
267
  Name. This contact form field allows adding short or extended name entries. It has the following attributes: • Field label size. Set the size of the contact form field label. • Field label position. Define the positioning of the contact form field label. • Field size. Define the dimensions of the contact form field.• Value if Empty. Fill in the text which will be displayed when the form field is empty. • Field size. Define the dimensions of the field. • Name Format. Select the name format. Extended version will include 4 rows of the text input. • Class Name. The CSS class of the field included in the Theme (Plugins>Contact Form Builder>Themes) • Required. Check the box to make the field a required one. • Allow only unique values. Check the box to allow only unique entries for the field. • Additional attributes. This field allows adding additional features to the field to customize it.
271
  Number. You can add numerical entry field using this field. It has the following attributes: • Field label. Provide the label text. • Field label size. Set the size of the contact form field label. • Field label position. Define the positioning of the contact form field label. • Field size. Define the dimensions of the contact form field. • Value if Empty. Fill in the text which will be displayed when the form field is empty. • Class Name. The CSS class of the field included in the Theme (Plugins>Contact Form Builder>Themes) • Required. Check the box to make the field a required one. • Allow only unique values. Check the box to allow only unique entries for the field. • Additional attributes. This field allows adding additional features to the field to customize it, e.g. for allowing displaying maximum 8 symbols you can use the following properties: -Name: maxlength -Value: 8
272
  Phone. You can add full phone contact information. It has the following attributes: • Field label. Provide the label text. • Field label size. Set the size of the contact form field label. • Field label position. Define the positioning of the contact form field label. • Field size. Define the dimensions of the contact form field. • Value if Empty. Fill in the text which will be displayed when the form field is empty. • Class Name. The CSS class of the field included in the Theme (Plugins>Contact Form Builder>Themes) • Required. Check the box to make the field a required one. • Allow only unique values. Check the box to allow only unique entries for the field. • Additional attributes. This field allows adding additional features to the field to customize it.
273
  Send copy to submitter. This contact form field allows the user to choose whether to receive the submitted information or not.
274
+ 4.2 Custom HTML. This contact form field allows adding custom HTML format content. It uses typical HTML editor.
275
 
276
+ 4.3 Select. This contact form field allows adding a drop-down list of items into the Contact Form Builder. The set can be defined with the help of Options attribute. Using the checkbox you can make the values considered as empty, e.g. Select Option. Using the X button you can remove the unnecessary options. The rest of the attributes are the following: • Field label. Provide the label text. • Field label size. Set the size of the contact form field label.
277
  • Field label position. Define the positioning of the contact form field label. • Field size. Define the dimensions of the contact form field. • Value if Empty. Fill in the text which will be displayed when the form field is empty.• Class Name. The CSS class of the field included in the Theme (Plugins>Contact Form Builder>Themes) • Required. Check the box to make the field a required one. • Additional attributes. This field allows adding additional features to the field to customize it.
278
 
279
+ 4.4. Single Choice. This contact form field can be used for selecting the values from a list of radio buttons. 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 the following attributes: • Field label. Provide the label text. • Field label size. Set the size of the contact form field label. • Field label position. Define the positioning of the contact form field label. • Relative position. Choose the options display between horizontal and vertical possibilities. • Rows/Columns. Define the name for the rows/columns. • Class Name. The CSS class of the field included in the Theme (Plugins>Contact Form Builder>Themes) • Required. Check the box to make the field a required one. • Randomized in frontend. Choose whether to have the options in a specific ordering or have it randomized. • Allow other. Allow adding other values rather than the options within a text field. • Additional attributes. This field allows adding additional features to the field to customize it.
280
 
281
+ 4.5 Multiple choice. This contact form 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 the following attributes: • Field label. Provide the label text. • Field label size. Set the size of the contact form field label. • Field label position. Define the positioning of the contact form field label. • Relative position. Choose the options display between horizontal and vertical possibilities. • Rows/Columns. Define the name for the rows/columns. • Class Name. The CSS class of the field included in the Theme (Plugins>Contact Form Builder>Themes) • Required. Check the box to make the field a required one. • Randomized in frontend. Choose whether to have the options in a specific ordering or have it randomized. • Allow other. Allow adding other values rather than the options within a text field. • Additional attributes. This field allows adding additional features to the field to customize it.
282
 
283
+ 4.6 Captcha. This field can be used for receiving human generated contact form entries. There are two options for this contact form field: Captcha: • Field label. Provide the label text. • Field label size. Set the size of the field label. • Field label position. Define the positioning of the field label. • Captcha size. Select the number of the characters to be displayed with Captcha. • Class Name. The CSS class of the field included in the Theme (Plugins>Contact Form Builder>Themes) • Additional attributes. This field allows adding additional features to the field to customize it.
284
+ ReCaptcha: • Field label. Provide the label text. • Field label size. Set the size of the contact form field label. • Field label position. Define the positioning of the contact form field label. • Public Key. Specify the public key of the Recaptcha. • Private Key. Specify the private key of the Recaptcha. • Recaptcha Theme. Select the theme to be applied to the Recaptcha. • Class Name. The CSS class of the field included in the Theme (Plugins>Contact Form Builder>Themes) • Additional attributes. This field allows adding additional features to the field to customize it.
285
 
286
+ 4.10 Section Break: This option allows adding sections and dividing them with break lines.
287
 
288
  4.11 Submit Button. This field allows adding Submit and Reset buttons for the contact form. You can edit the label of the buttons to the preferred option. The buttons have two attributes: • Class Name. The CSS class of the field included in the Theme (Plugins>Contact Form Builder>Themes) • Additional attributes. This field allows adding additional features to the field to customize it.
289