With Form Builder CP you can:
- Build a form - Use a visual form builder to create a form - Receive the form data via email - Add validation rules to the form - Add captcha anti-spam to the form - Style the form - Customize the emails
Form Builder CP is a contact form plugin that allows creating contact forms and email them.
This forms plugin lets you to use its form builder to create contact forms, booking forms, or other types of forms that capture information via your website.
The form builder has a visual interface for creating the contact form with field validation and anti-spam captcha image verification included in all versions. The form builder is as simple as just drag and drop the form fields into the contact form.
This version support three type of form fields: text fields, email fields and textarea fields. These fields can be used unlimited times into the same form to create large forms. Most contact forms are based just in those three type of fields. There are other versions of the plugin (commercial versions) that support other field types, info about other versions can be found at http://wordpress.dwbooster.com/forms/cp-easy-form-builder
Form Builder CP Features:
- Allows to create contact forms visually, with a modern and simple interface
- Sends the contact form data to the email addresses that you provide
- Allows including additional user information (IP, user-agent)
- Allows to customize the text of email messages, including specific tags for each form field
- Includes validation of the contact form data: required fields, emails, dates, number, etc.
- Includes a built-in captcha image verification.
- Contact forms are processed using Ajax: more speed and comfort for the user
The contact form is rendered and validated using a modern jQuery script, compatible with mobile pages.
The validations, also integrated in the form builder, cover email form fields, confirmation form fields, length of the texts entered in the form fields, required form fields and other common form validation rules.
The captcha is built 100% into the plugin, there is no need for external captchas or anti-spam services. The captcha image can be visually configured to modify the font, colors, amount of noise and size. The captcha verification is made with Ajax to avoid reloading the page. The captcha configuration section is located below the form builder in the settings area.
New features has been published in the current Form Builder CP version 1.1.4 based on the feedback received and we would like to thank you all the people that have supported the development, provided feedback and feature requests. The plugin is currently over the 30,000 downloads/installations and a new set of updates is already being prepared, any feature requests will be welcome. Thank you!
If the form doesn’t appear: If the form doesn’t appear in the public website that’s probable due to a conflict with the theme. The solution in most cases is the following:
Edit the file cp_easy_form_builder.php, go to the line #22 where says:
Put that configuration constant to true, example:
That way the scripts with be loaded in a different way that avoid conflicts with third party themes that force their own jQuery versions. This update may solve also conflicts with the form builder in the dashboard area.
Other Form Builder CP versions: There is a pro version of the Form Builder CP plugin that also supports these features:
- More form field types in the form builder: upload fields, phone fields, password fields, number fields, date fields, checkboxes, radio buttons, select drop-down fields
- Additional formatting options in the form builder: Section breaks, comment areas.
- Supports multiple forms in the website (max 1 form on each page)
- Automatic file uploads/attachments processing
- Supports tags for specific form fields into the email
- Includes autoreply
- WordPress Multi-site compatible
You can read more details about that version at http://wordpress.dwbooster.com/forms/cp-easy-form-builder
- Q: What means each field in the settings area?
A: The Form Builder CP product’s page contains detailed information about each field and customization:
- Q: How can I apply CSS styles to the form fields?
A: Into the form editor (form builder), click a field to edit its details, there is a setting there named “Add CSS Layout Keywords”. You can add the class name into that field, so the style specified into the CSS class will be applied to that field.
Note: Don’t add style rules directly there but the name of a CSS class.
You can place the CSS class either into the CSS file of your template or into the file “cp-easy-form-builder\css\stylepublic.css” located into the plugin’s folder.
- Q: Can I align the form in two or more columns?
A: Yes, use the “Add CSS Layout Keywords” field into the form creator for doing that. Into the form creator click a field and into its settings there is one field named “Add Css Layout Keywords”. Into that field you can put the name of a CSS class that will be applied to the field.
There are some pre-defined CSS classes to use align two, three or four form fields into the same line. The CSS classes are named:
column2 column3 column4
For example if you want to put two form fields into the same line then specify for both form fields the class name “column2”.
- Q: Which is the Form Builder CP shortcode for publishing the form?
A: This is the Form Builder CP shortcode:
You can paste it in any place into a post/page or directly into the template using the do_shortcode function. In the edition of pages and posts there is a link that inserts the Form Builder CP shortcode into the page/post.
- Q: How to modify the submit button design?
A: The class=”pbSubmit” can be used to modify the button styles.
The styles can be applied into any of the CSS files of your theme or into the CSS file “cp-easy-form-builder\css\stylepublic.css”.
For further modifications the submit button is located at the end of the file “cp_easyform_public_int.inc.php”.
- Q: How to edit the submit label?
A: There is a new settings box in the Form Builder CP settings named “Submit Button”. You can edit the submit button label there and get info about editing its CSS styles.
- Q: Can I display hits on each field with instructions for the user?
A: Yes, into the form builder click the field and you will see various options in the “Field Settings” tab. In this case you are interested in the option labeled “Instructions for User”.
Type the instruction in the settings field “Instructions for User” and click the checkbox labeled “Show as floating tooltip” below that field, this way the instructions will appear when the field receives the focus (when the user enters to the field to type something).
If the checkbox “Show as floating tooltip” isn’t marked then the instructions will appear always displayed immediately below the field in the form.
in the free version there's just 3 different fields available.... useless....
- First stable version released.
- More configuration options added.
- fixing tags in wp directory
- Several bug fixes
- Compatible with latest WP versions
- Compatible with latest WP versions
- Better interface and access to the plugin options
- Captcha image works better in different server environments
- Minor bug fixes
- Fixed warning that appeared with PHP safe mode restrictions
- Compatible with the WordPress 4.2.2 version
- Optimized submission process
- Fixed bug in the form builder scripts
- Removing use of PHP 4 style class constructors
- Compatible with the latest WordPress version
- Tested and compatible with WordPress 4.4
- Fixed bug in submission parameter.
- Tested for WordPress 4.5
- Script load method modified for issues in WP 4.5
- Compatible with WP 4.6
- Default email fix
- Fix to magic quotes detection
- Fix to email address format
- Compatible with WordPress 4.7