Forms with chart from VAB

Описание

Формы с диаграммой от VAB могут управлять многочисленными контактными формами, где можно гибко настраивать содержимое форм с достаточно простой разметкой. Основное направление плагина это опросы и анкеты с выводом результатов в виде диаграмм таких полей как «Флажки», «Радиокнопки», «Выпадающий список» на чистом css, но подходит и для создание других вариантов форм обратной связи, в том числе с возможностью отправки вложений, а также записи данных в файлы CSV. Формы имеют встроенную защиту от спама и многое другое.

Документация и поддержка

Более подробную информацию о Forms with chart from VAB можно найти на it-vab.ru.

Forms with chart from VAB нуждается в вашей поддержке

Трудно продолжать разработку и поддержку этого бесплатного плагина без вклада таких пользователей, как вы. Если вам нравится использовать плагин Forms with chart from VAB и вы считаете это полезным, рассмотрите возможность внести вклад. Ваш вклад поможет поощрить и поддержать дальнейшее развитие плагина и лучшую поддержку пользователей.

Уведомления о конфиденциальности

В конфигурации по умолчанию этот плагин сам по себе не выполняет:

  • отслеживать пользователей скрытно;
  • записывать любые персональные данные пользователя в базу данных;
  • отправлять любые данные на внешние серверы;
  • использовать файлы cookie.

В настройках формы вы можете активировать действия плагина:

  • записывает введенные данные формы в файл для отображения результатов диаграмм;
  • записывает введенные данные формы в файлы CSV.

Рекомендуемые плагины

Пусто

Переводы

Плагин поддерживает возможность перевода на любой язык. Вы можете использовать специальные программы для перевода, например, «Poedit». По умолчанию плагин переведен только на русский язык.

Ссылки для поддержки:

PayPal
YandexMoney

Видео

Только на русском

Скриншоты

  • Общий вид списка вопросов, редактирование и добавления новых
  • Общий вид диаграмм на фронтенде
  • Общий вид дополнительных опций
  • Общий вид входящего E-mail сообщения
  • Анкета личных качеств с дополнительными стилями
  • Анкета личных качеств. Подсчитываем баллы с помощью VABFWC_message_after_filter и выдаем характеристику/рекомендации
  • Скриншот блоков Гутенберга
  • Файл логов CSV, сохраненный в формате xlsx

Блоки

Этот плагин предоставляет 1 блок.

  • Forms with chart from VAB

Установка

  1. Загрузите плагин, разархивируйте его и переместите распакованную папку в каталог «wp-content/plugins» в вашей установке WordPress.
  2. В панели администратора перейдите на экран Плагины (Плагины > Установленные плагины), и вы найдете Формы с диаграммой от VAB в разделе плагинов.
  3. Нажмите кнопку «Активировать», чтобы сразу же использовать новый плагин.
  4. Готово ¯\_(ツ)_/¯
  5. PS: не забудьте щелкнуть ссылку Включить автоматические обновления для этого плагина, чтобы не пропустить интересные новые функции по мере их появления.

Вы найдете меню Контакты на экране администратора WordPress.

Чтобы узнать как правильно пользоваться плагином вы можете посетить его домашнюю страницу.

Часто задаваемые вопросы

У вас есть вопросы или проблемы с формами с диаграммой от VAB? Используйте эти каналы поддержки.

  1. Обратная связь
  2. Домашняя страница

Могу ли я добавить атрибуты id и class к элементу формы?

Да. Вы можете добавить любой идентификатор и класс в форму, добавив атрибуты form_id и form_class в шорткод [VABFWC].
Например:

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

Как вывести результаты формы в любом другом месте с помощью шорткода?

Для отображения результатов формы в любом другом месте необходимо добавить шорткод «VABFWC_Graphic».
Например.

1. Для редактора страниц и записей.

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

2. PHP код

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

Где:

  • id — идентификатор формы (обязательный);
  • title — текст перед отображением результатов формы (необязательный);
  • tag — тег, в который будет обернут title (необязательный). Разрешенные теги — h1, h2, h3, h4, h5, h6, div, p, center;
  • class — Задает стилевой класс для тега (необязательный);

Какие фильтры существуют?

  • VABFWC_validate_filter — Возвращает либо true(истина), либо false(ложь). Если по какому-либо условию возвращается true (истина), форма остановит работу(сообщение не будет отправлено)
  • VABFWC_fields_filter — Возвращает строку для вывода на экран. Разрешен Элемент HTML input с атрибутами «type», «id», «class», «name», «value», «checked», «onfocus», «onchange»
  • VABFWC_message_filter — Возвращает строку для вывода на экран как текст(сообщение)
  • VABFWC_message_after_filter — Возвращает строку для вывода на экран как текст(сообщение). Срабатывает после успешной отправки электронного сообщения.

Как использовать фильтры?

Примеры использования фильтров:

1. VABFWC_fields_filter. Код ниже добавит скрытое поле за счет стилей через класс «formInput», которое будет со значением по умолчанию «WordPress». Будет выведен только тег «input» без «label» (см. описание выше для 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. Код ниже остановить отправку формы, если хоть одно условие вернет «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;
  }
 }}

Где:

  • Первое условие проверяет наличие установленной «cookie» со значением «agree». Предположим у Вас на сайте есть кнопка «Я согласен», при нажатии на которую устанавливается «cookie» со значением «agree», что означает, что пользователь дал согласие на использование «cookie». Таким образом пока пользователь не нажмет кнопку «Я согласен», форма не будет работать, кроме того и усложнится жизнь ботам;
  • Второе условие проверяет значение скрытого поля, если оно отлично от значения по умолчаниею («WordPress»), дальнейшая обработка формы будет остановлена;

3. VABFWC_message_filter. Если «cookie» со значением «agree» не будет присутствовать (пользователь не дал согласие на использование «cookie»), код ниже выведет сообщение пользователю.

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. Если необходимо добавить фильтры для конкретной формы, Мы можем использовать глобальную переменную «post» и проверить идентификатор записи/страницы:

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. После успешной отправки электронного письма мы можем выполнить какие-либо свои подсчеты и вывести их результаты на экран

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 ;
}}

Где находятся лог файлы?

Лог файлы находятся в папке uploads. Пример структуры папок:

...
├── 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
    ...

Отзывы

Посмотреть 1 отзыв

Участники и разработчики

«Forms with chart from VAB» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:

Участники

«Forms with chart from VAB» переведён на 1 язык. Благодарим переводчиков за их работу.

Перевести «Forms with chart from VAB» на ваш язык.

Заинтересованы в разработке?

Посмотрите код, проверьте SVN репозиторий, или подпишитесь на журнал разработки по RSS.

Журнал изменений

1.2.2 — 26.10.2022

  • Небольшие изменения для лучшей совместимости с WordPress 6.1

1.2.1 — 30.09.2022

  • Небольшие изменения в HTML разметке;
  • Добавлена возможность выгружать данные в CSV файл. Файлы автоматически будут разбиты по месяцам;
  • Добавлены опции: «Управление отображением CSV файлов для пользователей»;
  • Добавлена возможность скрывать/показывать диаграмму конкретным пользователям (опционно);
  • Добавлена опция: «Показывать количество ответов на каждый вопрос над круговой диаграммой»;

1.2.0 — 19.06.2022

  • Стилизация дополнительных опций;
  • Добавлена опция — возможность изменить заголовок таблицы;
  • Исправлено — небольшие правки для лучшей совместимости блоков Гутенберга;

1.1.9 — 07.06.2022

  • Добавлена опция, которая отменяет отправку писем;
  • Добавлены классы и идентификаторы к элементам формы;
  • Добавлена возможность отправки копии электронного письма пользователю;
  • Добавлены блоки гутенберга для быстрого и удобного вывода форм и диаграмм;

1.1.8 — 02.06.2022

  • Исправлено — уведомление о неопределенной переменной;
  • Добавлено подменю, в котором можно ознакомиться о текущем выпуске;
  • Добавлены атрибуты для шорткода. Теперь вы можете добавить в форму любой идентификатор и класс;

1.1.7 — 30.05.2022

  • Незначительные правки стилей;
  • Исправление — сброс таблицы для администратора выполнялся без установленного чекбокса;

1.1.6 — 10.05.2022

  • Добавлен новый фильтр, позволяющий добавить сообщение при успешной отправке письма;

1.1.5 — 07.05.2022

  • Добавлена опция, благодаря которой диаграммы отображаются только для администраторов;
  • Добавлены фильтры для возможности добавления (проверки) полей, а также вывода сообщения;

1.1.4 — 02.05.2022

  • Добавлен шорткод для отображения результатов формы в любом месте;
  • Подключен wp-color-picker / Iris (Айрис);
  • Теперь название лог файлов зависит от идентификатора формы;

1.1.3 — 20.04.2022

  • Добавлена возможность перемещать элементы формы (менять вопросы местами);

1.1.2 — 14.04.2022

  • Загрузка плагина