Version Description
- remove spacing on the top of the form
Download this release
Release Info
Developer | webdorado |
Plugin | 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 +2 -13
- framework/WDW_CFM_Library.php +1 -1
- frontend/views/CFMViewForm_maker.php +1 -2
- readme.txt +76 -70
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.
|
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.
|
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 |
-
|
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 |
-
|
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.
|
7 |
-
Stable tag: 1.0.
|
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 |
-
|
126 |
-
|
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 |
-
|
131 |
-
|
132 |
-
|
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.
|
207 |
-
6.
|
|
|
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 |
|