Forms with chart from VAB

Description

Forms with chart from VAB can manage multiple contact forms, plus you can customize the form. The main direction of the plugin is polls and questionnaires with the output of results in the form of diagrams of such fields as «Check boxes», «Radio buttons», «Drop-down list» in pure css, but it is also suitable for creating simple feedback forms. Forms have their own protection against bots.

Docs and support

You can find more detailed information about Forms with chart from VAB on it-vab.ru.

Forms with chart from VAB needs your support

It is hard to continue development and support for this free plugin without contributions from users like you. If you enjoy using Forms with chart from VAB and find it useful, please consider making a donation. Your donation will help encourage and support the plugin’s continued development and better user support.

Privacy notices

With the default configuration, this plugin, in itself, does not:

  • track users by stealth;
  • write any user personal data to the database;
  • send any data to external servers;
  • use cookies.

In the form settings, you can activate the plugin actions:

  • logs the entered form data to a file for displaying the results of diagrams.

Recommended plugins

None

Translations

The plugin supports the ability to translate into any language. You can use special programs for translation, such as «Poedit». By default, the plugin is only translated into Russian.

Donate link:

PayPal
YandexMoney

Demo video

Only Russian language

Screenshots

  • General view of the list of questions, editing and adding new ones
  • General view of diagrams on the frontend
  • General view of additional options
  • General view of an incoming E-mail message
  • Questionnaire for personal qualities with Additional Styles
  • Questionnaire of personal qualities. We calculate points using VABFWC_message_after_filter and issue a characteristic / recommendation
  • Screenshot of blocks gutenberg

Blocks

This plugin provides 1 block.

  • Forms with chart from VAB

Installation

  1. Download the plugin, unzip it and move the unzipped folder to the “wp-content/plugins” directory in your WordPress installation.
  2. In your admin panel, go to Plugins screen (Plugins > Installed Plugins) and you’ll find Forms with chart from VAB in the plugins section
  3. Click on the ‘Activate’ button to use your new plugin right away.
  4. Done ¯_(ツ)_/¯
  5. PS: Remember to click the Enable auto-updates link for this plugin so that you don’t miss cool new features as they come in.

You will find Contact menu in your WordPress admin screen.

For basic usage, have a look at the plugin’s website.

FAQ

Do you have questions or issues with Forms with chart from VAB? Use these support channels appropriately.

  1. FeedBack
  2. Plugin’s website

Can I add id and class attributes to a form element?

Yes. You can add any id and class to a form by adding the form_id and form_class attributes into a [VABFWC] shortcode.
For example:

[VABFWC id="2228" form_id="ThisID" form_class="new-class two-new-class"]

How to display form results anywhere else using shortcode?

To display the results of the form in any other place, you need to add the shortcode «VABFWC_Graphic».
For example.

1. For page and post editor

[VABFWC_Graphic id="2228" title="Title for shortcode" tag="h4" class="my_class"]

2. PHP code

echo do_shortcode( '[VABFWC_Graphic id="2228" title="Title for shortcode" tag="h4" class="my_class"]' );

Where:

  • id – form identifier (required);
  • title – text before displaying form results (optional);
  • tag – the tag in which the title will be wrapped (optional). Allowed tags – h1, h2, h3, h4, h5, h6, div, p, center;
  • class – Sets the style class for the tag (optional);

What filters exist?

  • VABFWC_validate_filter – Returns either true or false. If any condition returns true, the form will stop working (message will not be sent)
  • VABFWC_fields_filter – Returns a string to display on the screen. Allowed HTML tag with attributes «type», «id», «class», «name», «value», «checked», «onfocus», «onchange»
  • VABFWC_message_filter – Returns a string to display as text (message)
  • VABFWC_message_after_filter – Returns a string to display as text (message). Fires after a successful email has been sent.

How to use filters?

Examples of using filters:

1. VABFWC_fields_filter.
The code below will add a hidden field via the “formInput” class, which will be with a default value of “WordPress”. Only the tag without the will be output (see description above for VABFWC_fields_filter)

add_filter( 'VABFWC_fields_filter', 'VABFWC_fields_filter', 10 );
if ( !function_exists(  'VABFWC_fields_filter'  ) ){
 function VABFWC_fields_filter( $str ){
  $str  = '<label for="new_field" >' .
           '<input id="new_field" name="new_field" type="text" class="formInput" value="WordPress"/>' .
          '</label>';
  return $str;
 }}

2. VABFWC_validate_filter. The code below will stop the form from submitting if at least one condition returns «true».

add_filter( 'VABFWC_validate_filter', 'VABFWC_filter_function', 10 );
if ( !function_exists( 'VABFWC_filter_function' ) ) {
 function VABFWC_filter_function( $str ){
  if ( !isset( $_COOKIE['my_cookie_agree'] ) || $_COOKIE['my_cookie_agree'] !== 'agree' ) { // first
   return true;
  }
  if ( sanitize_text_field( $_POST['new_field'] ) !== 'WordPress' ) { // second
   return true;
  }
 }}

Where:

  • The first condition checks for a «cookie» with a value of «agree» set. Let’s say you have an “I agree” button on your site that, when clicked, sets a «cookie» with the value «agree», which means that the user has consented to the use of cookies. Thus, until the user clicks the “I agree” button, the form will not work, and the life of the bots will become more complicated;
  • The second condition checks the value of the hidden field, if it is different from the default value («WordPress»), further processing of the form will be stopped;

3. VABFWC_message_filter. If a «cookie» with a value of «agree» is not present (the user has not consented to the use of the «cookie»), the code below will display a message to the user.

add_filter( 'VABFWC_message_filter', 'VABFWC_message_filter', 10 );
if ( !function_exists(  'VABFWC_message_filter' ) ){
 function VABFWC_message_filter( $str ){
  if ( !isset( $_COOKIE['my_cookie_agree'] ) || $_COOKIE['my_cookie_agree'] !== 'agree' ) {
   return $str = esc_html__( 'Использование cookie отключено в настройках безопасности Вашего браузера, либо не дано согласие на их использование', 'VAB' );
  }
 }}

4. If we need to add filters for a particular form, we can use the global variable «post» and check the post/page id:

add_filter( 'VABFWC_validate_filter', 'my_filter_function', 10 );
function my_filter_function( $str ){
 global $post;
 if ( $post->ID == 1652 ) {
  if ( !isset( $_COOKIE['my_cookie_agree'] ) || $_COOKIE['my_cookie_agree'] !== 'agree' ) {
   return true;
  }}}

5. VABFWC_message_after_filter. After successfully sending an email, we can perform any of our calculations and display their results on the screen

add_filter( 'VABFWC_message_after_filter', 'VABFWC_message_after_filter', 10 );
if ( !function_exists('VABFWC_message_after_filter') ){
    function VABFWC_message_after_filter( $str ){
     global $post;
     if ( $post->ID == 11057 ) {
        // do something
        $str .= 'Hellow';

     }
     if ( $post->ID == 11052 ) {
        // do something
        $str .= 'World';
     }
        return $str ;
}}

Where are of the log files?

The log files are in the uploads folder. Folder structure example:

...
├── your.site.com
    ...
    ├── wp-content
    │       ├── languages
    │       ├── plugins
    │       ├── themes
    │       ├── upgrade
    │       ├── uploads
    │       │       ...
    │       │       ├── VABFWC
    │       │       │       ├── your-site-com
    │       │       │       │       └── Diagram
    │       │       │       │               ├── «form ID»
    │       │       │       │               │       ├── .htaccess
    │       │       │       │               │       ...
    │       │       │       │               │       ├── «log files»
    │       │       │       │               │       ...
    │       │       │       │               │       └── index.php
    │       │       ...
    │       └── index.php
    ├── wp-config.php
    ...

Reviews

Read all 1 review

Contributors & Developers

“Forms with chart from VAB” is open source software. The following people have contributed to this plugin.

Contributors

“Forms with chart from VAB” has been translated into 1 locale. Thank you to the translators for their contributions.

Translate “Forms with chart from VAB” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.2.0

  • Styling additional options;
  • Added option – ability to change table header;
  • Fixed – small edits for better compatibility of gutenberg blocks;

1.1.9

  • Added an option that cancels sending emails;
  • Added classes and IDs to the form elements;
  • Added the ability to send a copy of an email to a user;
  • Added Gutenberg blocks for quick and easy output of forms and charts;

1.1.8

  • Fixed – notification about undefined variable;
  • Added a submenu where you can read about the current release;
  • Added attributes for shortcode. Now you can add any id and class to a form;

1.1.7

  • Minor styles tweaks;
  • Bugfix – table reset for administrator was performed without checkbox set;

1.1.6

  • Added a new filter to be able to add a message when the email is successfully sent;

1.1.5

  • Added an option to show charts to admins only;
  • Added filters for the ability to add (check) fields, as well as display a message;

1.1.4

  • Added shortcode to display form results anywhere;
  • Include wp-color-picker;
  • Now the name of the log files depends on the form ID;

1.1.3

  • Added the ability to move form elements (swap questions);