Как сделать опрос в битрикс 24

Как сделать опрос в детальном выводе новости на «Битрикс»?

Часто бывает важно собрать отзывы посетителей о публикации. Для каких целей? Например, для уточнения спроса, корректировки цен, да и для будущих публикаций полезно. Стандартными средствами этого не сделать, нужны доработки. Как же нам организовать опрос в детальном выводе новости на «Битрикс»? Читайте далее.

1. Присвоим маркер замены текущего опроса

Назовем его #VOTE_ID_YY#, где YY обозначает ID нужного опроса.

2. Настроим компонент опроса

Кастомизируем компонент bitrix:voting.current на отдельной странице, предварительно отключив AJAX-компонента.

3. Создаем файлы обработки голосования

Файл result_modifier.php с кодом:

Файл component_epilog.php с кодом:

echo preg_replace_callback(
«/#VOTE_ID_([\d]+)#/is».BX_UTF_PCRE_MODIFIER,
create_function(‘$matches’, ‘ob_start();
/*component here*/
$retrunStr = @ob_get_contents();
ob_get_clean();
return $retrunStr;’),
$arResult[«CACHED_TPL»]);
?>

4. Редактируем шаблон новости

Делаем копию шаблона новости и редактируем. Вместо /*component here*/ вызываем наш компонент:

$GLOBALS[«APPLICATION»]->IncludeComponent(
«bitrix:voting.current»,
«main_page»,
Array(
«CHANNEL_SID» => «ANKETA»,
«VOTE_ID» => $matches[1],
«CACHE_TYPE» => «A»,
«CACHE_TIME» => «3600»,
«AJAX_MODE» => «N»,
«AJAX_OPTION_SHADOW» => «Y»,
«AJAX_OPTION_JUMP» => «Y»,
«AJAX_OPTION_STYLE» => «Y»,
«AJAX_OPTION_HISTORY» => «N»,
)
);

5. Доработаем template.php

На второй строке добавим код:

И в конце файла

$this->__component->arResult[«CACHED_TPL»] = @ob_get_contents();
ob_get_clean();
?>

Как сделать опрос в битрикс 24

Зайдите в ваш аккаунт в Bitrix24 — «Приложения».

В открывшейся панели со списком приложений найдите «stepFORM».

Шаг #2. Привяжите приложение

После установки приложения в Bitrix24 перейдите в форму на stepFORM во вкладку «Настройки» — «Bitrix24» и кликните на кнопку «Я установил».

Далее у вас появится кнопка «Открыть окно», кликните на нее.

Перейдите по предложенной ссылке.

При переходе авторизуйтесь в Bitrix24, далее выберите портал который подключаете.

Теперь у вас появится кнопка «Проверить», кликните на нее. На этом интеграция с Bitrix24 завершена!

Категории
Начало работы
- Что такое stepFORM?
- Настройка дизайна формы
- Настройка формулы
- Получение ответов с формы
- Тарифы stepFORM
- Что будет после окончания триала?
- Как оплатить тариф?
- Безналичная оплата юрлицам
- Как убрать надпись «Сделано в stepFORM»?
- Как убрать надпись «Никогда не отправляйте пароли»
- Логические ветвления
- Как сделать квиз форму
- Разные результаты теста
- Изменение стандартных надписей
- Изменение ширины формы
- Дублирование страниц
- Папки
- Изменение адреса формы
- Нужно каждый раз при сохранении обновлять код?
- Редактирование информации о форме
- Как поделиться формой в соцсетях
- Показ формы при попытке закрытия сайта
- Автооткрытие опроса
- Восстановление удаленной формы
- Закрытие формы
- VK (ВКонтакте)
- Telegram (Телеграм)
- Webhook (Вебхуки)
- Bitrix24 (Битрикс24)
- Tilda (Тильда)
- uKit (юКит)
- Google Tag Manager (Гугл Тег Менеджер)
- Roistat (Ройстат)
- VK Pixel (ВК пиксель)
- Robokassa (Робокасса)
- ЮKassa (ex. Яндекс.Касса)
- ЮMoney (ex. Яндекс.Деньги)
- Stripe (Страйп)
- PayPal (ПэйПал)
- SendPulse (СендПульс)
- WordPress (Вордпресс)
- Firebase (Фаирбейз)
- Joomla (Джумла)
- Wix (Викс)
- Webflow (Вебфлоу)
- OpenCart (ОпенКарт)
- Shopify (Шопифай)
- Drupal (Друпал)
- NetCat (НетКэт)
- SquareSpace (СквэаСпэйс)
- MODX (Модэкс)
- Как настроить отправку результатов на email или по sms
- Скрытые поля
- Превысил лимит ответов по своему тарифу
- Подключение статистики и целей в Яндекс Метрике
- Подключение статистики и целей в Google Analytics
- Партнерская программа stepFORM
- Страница благодарности
- Что делать при окне «Системная ошибка»?
- Cогласие на обработку персональных данных
- Защита от спама
- Перенос формы в другой аккаунт
- Отображение на разных устройствах
- Сообщить о нарушении
- Куда писать вопросы и пожелания?
- Элементы и их настройки
- Расчет даты
- Маска ввода
- Прикрепление файлов
- Подсказка для элементов
- Добавление собственного HTML-кода
- Добавление ссылки в текст
- Как добавить собственные шрифты?
- Добавление промокода
- Передача данных через GET параметры
Дорабатываем опросы в CRM Битрикс24

Нашему заказчику потребовалась разработка функционала опросов для отдела кадров.

Бизнес-цель: проведение различных опросов сотрудников через корпоративный портал, проведение конкурсов на лучшие рисунки детей сотрудников.

Изначально мы решили дорабатывать стандартный модуль опросов корпоративного портала Bitrix24. В этом модуле были почти все нужные нам функции и имелся конструктор для создания новых опросов. Аналогичная разработка “с нуля” заняла бы больше 250 часов.

Вам может быть интересно:

Потребовались следующие доработки:
1. Радио-кнопки. Выстроить радио-кнопки ответов в виде горизонтальной шкалы ответов. Это было требование заказчика, потому что у них в организации бумажный шаблон опросов имеет именно горизонтальную шкалу ответов и отходить от шаблона было нельзя.
2. Валидация. Добавить валидацию текстовых и цифровых ответов. Банальная “Защита от дурака”, чтобы пользователи не могли вместо цифры ввести букву.
3. Изображения. Добавить в качестве ответов изображения. Для конкурса детских рисунков. В конкурсе надо выбрать одно изображение из нескольких десятков.
1. Все изменения надо вносить таким образом, чтобы при обновлении версии Корпоративного портала изменения остались и контент-менеджер мог работать с новыми доработками без привлечения программиста.
2. При анализе задачи надо рассматривать разные варианты решения проблемы. С использованием стандартного функционала Bitrix24 или без.
Анализ предстоящей работы

Стандартные возможности модуля опросов Bitrix24 имеют ограничения.

Если посмотрим на административную панель настроек, то видим ограниченные настройки для ответов.

Можно добавить Название ответа, Тип поля, Ширина, Высота, Параметры, Сорт, Цвет.

Давайте разберёмся, за что отвечают эти параметры. Для примера возьмём Тип поля text.

Так было изначально и заказчика не устраивало:

Мы улучшили отображение и сделали горизонтальный дизайн. Как это выглядит, показано ниже. Сначала рассмотрим свойства:

Название ответа — слово, которое попадёт в тэг

0 абсолютно не интересно

Тип поля — параметр type тэга input ( type=»radio» )

Ширина и высота для параметров тэга input типа text или text-area отвечают за ширину и высоту текстового поля.

Сорт — сортировка вывода ответов.

Цвет — цвет текста.

Параметры — самый интересный параметр. С помощью этого параметра в тэг input можно добавить любые дополнительные параметры. Один или несколько. Данный параметр можно использовать для валидации, добавления изображений или другой информации, при этом не меняя логики работы самого портала.

Улучшаем опросы в коробочной версии Битрикс24

Горизонтальная шкала в опросах

По умолчанию в Битрикс24 используется вертикальная шкала радио-кнопок в публичной части отображении опроса. Но одним из требований было настроить горизонтальную шкалу. Изменять стандартные стили нельзя, потому что при обновлении корпоративного портала данные изменения перезапишутся.

Но как же быть? Нам надо решить задачу. Если стили перезатрутся, то как добавить стили чтобы они остались?

Решение, которое мы придумали было следующее. JS проверяет, есть ли на странице класс для стандартных голосований и если внутри класса есть тэг

Если такой тэг имеется то JS изменяет стили, дополняя их красотой.

Подключается JS только на странице публичного вывода голосований и опросов.

Минусы этого метода. Применяется для всех тэгов , что не везде будет красиво выглядеть. И, к сожалению нельзя вынести в административный раздел настройку применения этого стиля, потому что это стандартные настройки и все изменения будут удалены при обновлении.

Валидация ответов

Стандартный функционал корпоративного портала вообще не подразумевает проверки введённых значений в ответах.

Но как же это реализовать, если в самой работе нет и намёков на проверку?

Решение пришло неожиданно, когда мы поняли за что отвечает поле Параметры в административном разделе. Параметры отвечают за атрибуты тэга input. В это поле можно ввести один или несколько атрибутов.

В частности, мы настроили валидацию на параметре placeholder=»0-100″. Это убивает сразу двух зайцев. Во первых задание этого параметра автоматически подставит в поле ответа нужную нам маску и адекватный человек воспользуется подсказкой и введёт корректные данные, а “защиту от дурака” нам подскажут введённые в этот параметр данные.

Мы добавили следующую проверку:

Если цифра одна, например (placeholder=»5″), то при введении других данных, кроме этой цифры выдаст ошибку.

Если цифр несколько (диапазон от 0 до 100, прописан как placeholder=»0-100″), то при введении других данных, кроме цифр этого диапазона выдаст ошибку.

Если введены буквы (placeholder=»Иванов И.И.»), то при введении других данных, кроме букв выдаст ошибку.

Таким образом была добавлена очень гибкая настройка и базовая “защита от дурака”, и не нарушена стандартная логика работы модуля опросов.

Изображения в качестве ответов в опросах Битрикс24

Как добавить изображения в качестве ответов на вопрос? Зачем это понадобилось? Всё очень просто. У заказчика устраиваются конкурсы на лучшие детские рисунки. Рисунков много, а выбрать можно только один. При решении задачи нам частично помог наш же код из решения Радио-кнопок. Это было забавно и очень красиво вписывалось в функционал и дизайн.

Во первых в стандартном функционале нет возможности размещения изображений в ответы к вопросу. Как же быть в этом случае? Где контент-менеджеру добавить изображения? Напрашивалось решение привязать папку с изображениями к конкретному голосованию и выводить список этих изображений в публичном разделе, но в этом случае непонятно как привязать конкретный ответ к конкретному изображению, поэтому это решение признали не корректным.

И тут мы вспомнили о поле Параметры. Так как выбор одного значения из нескольких то input type radio нам также подходил. В поле параметры добавили ещё один параметр img=”1.jpg” значение этого параметра совпадало с изображением в определённой папке.

Как только техническая сторона вопроса была решена, мы столкнулись с некорректной работой стилей и опять пришлось через JS добавлять новые стили при применении параметра img в ответе.

В итоге получилось очень красивое голосование за фотографии на основании стандартного функционала. Почти идеальный конструктор :-).

Доработка опросов Битрикс24 — плюсы и минусы

Данные методы разработки могут быть применены и в других стандартных модулях корпоративного портала Bitrix24.
- уменьшение трудозатрат разработки
- не затрагивает стандартный функционал обновлений Bitrix24
- можно красиво реализовать многие пожелания заказчика
- недостаточная гибкость настройки
- нельзя изменить или отключить добавленный функционал без технического специалиста
- применение новых стилей через проверку дом-дерева через JS
Бюджет доработок

Мы смогли реализовать все пожелания заказчика. Итоговый бюджет реализации составил 80 часов работы специалиста. Ставка часа на такие работы — 2 200 рублей. Заказчик работу принял и был доволен.

Зачастую правильно дорабатывать существующий функционал, а не писать свой код с нуля.

Голосования в чатах

Для владельцев коммерческих тарифов уже доступны от 2 до 10 приложений в рамках интеграционного пакета. Подробно изучить возможности полного каталога готовых решений Битрикс24 Маркет Плюс вы можете в бесплатном 15-дневном демо-режиме.

Голосования в чатах
Пластилин-арт
По подписке
Установить
Информация
Опубликовано : 30.06.2022
Установок : 306
Другие приложения разработчика
Блок кода базы знаний и сайтов
По подписке
Списки, роли, инфо в задачах
По подписке

Компания Plastilin-art представляет пользователям битрикс24 приложение по голосованию в чатах.

Ваши сотрудники и коллеги активно пользуются чатами?
Нужно в момент времени быстро опросить круг людей, но не хотелось бы засорять чат?
Опросы в новостях не пользуются популярностью?

Тогда наше решение для вас!

Приложение поддерживает любые виды чатов: общий, групповые, проектные и даже личные чаты.
Оно элегантно и автоматически встраивается в интерфейс битрикс24 и не выбивается из общей цветовой схемы.
Все, что вам нужно, открыть интерфейс создания голосования в необходимом чате, ввести вопрос, и любое количество вариантов ответов, после нажать кнопку создать!

Желаем приятного использования наших решений!

Версия 1
Голосования в чатах Битрикс24: просто, удобно, быстро и красиво.

По поводу поддержки, доработки, будущих функций и по остальным вопросам обращаться по e-mail: n.kukhmanovich@plastilin-art.ru

Просто установите приложение из маркетплейса.
Всё остальное происходит автоматически.
Нажмите на значок вопрос рядом со смайликами в необходимом чате и пользуйтесь!
Похожие публикации: