В калькуляторе появились смета, вердикт словами и варианты с фото — советы в блоге

Вышла версия 1.5.0 модуля «Конструктор калькуляторов с заявками в Битрикс24». Рассказываем, что в ней нового и где это пригодится на сайте.

Калькулятор на сайте обычно отвечает на один вопрос: сколько это будет стоить. Посетителю этого часто мало. Заказчик ремонта хочет понять, за что он платит 200 тысяч. Человек, посчитавший индекс массы тела, хочет знать, нормальный ли у него результат. Покупатель кухни выбирает фасад по фото: по названию цвета вроде «дуб беленый» трудно представить, как он выглядит.

В версии 1.5.0 модуля «Конструктор калькуляторов» калькулятор может ответить и на эти вопросы. Под результатом теперь можно вывести смету с итогами по группам или пояснение словами, а к вариантам добавить картинки. Ещё в обновлении появились варианты и цены из инфоблока, шесть функций для формул и десять готовых шаблонов. Ниже каждая возможность разобрана на примерах из этих шаблонов.

Смета: сумма с расшифровкой
 
Под результатом теперь можно вывести таблицу позиций. Для этого в редакторе есть блок «Смета». У каждой строки задаются группа, название, единица измерения и две формулы: для количества и для цены. Сумма строки равна количеству, умноженному на цену. В формулах доступны все поля и результаты калькулятора.
Таблица сама считает промежуточный итог по каждой группе и общий итог в конце. Строки с нулевым количеством скрываются. Если посетитель снял флажок «Укладка пола» или «Уборка после ремонта», эта позиция пропадает из сметы целиком.
Проще всего посмотреть смету в шаблоне «Смета ремонта». Для квартиры 50 м² он собирает восемь позиций в четыре группы:


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

Вердикт словами
 
Человеку, который не помнит таблицу индекса массы тела, число 27,7 мало что скажет. Теперь под результатом можно вывести пояснение. Вы задаёте строки вида «от какого значения — какой текст». Калькулятор показывает текст строки с наибольшим порогом, который не превышает результат.
В шаблоне «Индекс массы тела и калории» рост 170 см и вес 80 кг дают индекс 27,7. Под числом появляется «Избыточная масса тела».



Этот приём подойдёт для любого расчёта, где из числа нужно сделать вывод. Кредитный калькулятор предупредит, что платёж превышает рекомендуемую долю дохода. Калькулятор подбора оборудования покажет, хватает ли запаса мощности.

Картинки у вариантов и флажков

Пиццу, дверь или фасад кухни выбирают глазами. Если у вариантов переключателя есть картинки, они выводятся карточками. У флажка картинка стоит рядом с подписью. Добавить картинку можно кнопкой «Выбрать / загрузить» у варианта в редакторе. Она открывает стандартный файловый диалог Битрикс, где можно выбрать файл на сайте или загрузить новый.



Подходят файлы jpg, png, gif и webp. Путь указывается на сайте, например /upload/pizza/30.jpg. SVG и внешние адреса модуль не принимает. Так браузер посетителя не обращается к чужим серверам, а в картинку нельзя спрятать скрипт. Если файл не подошёл, редактор при сохранении покажет его путь и причину.
В выпадающем списке картинок не будет, потому что браузеры их там не выводят. Для выбора по фото используйте переключатель.

Варианты и цены из инфоблока
 
Если цены уже ведутся в инфоблоке, переписывать их в калькулятор не нужно. Укажите у списка или переключателя ID инфоблока и код числового свойства. Названия элементов станут вариантами, значение свойства станет ценой, а картинка анонса — изображением варианта. Если цена изменится в каталоге, она изменится и в калькуляторе. Список кешируется, а кеш сбрасывается при изменении элементов.
Инфоблок должен быть доступен на чтение всем посетителям. Список попадает в общий кеш и на публичную страницу, поэтому закрытые инфоблоки модуль не использует.

Шесть новых функций в формулах
 
К прежним if, round, floor, ceil, abs, sqrt, pow, min, max и lookup добавились:

• sum(a, b, c) — сумма любого числа значений;
• avg(a, b, c) — среднее;
• mod(a, b) — остаток от деления, например mod(days, 7);
• and(a > 1, b < 5), or(...), not(...) — логические условия для if и для показа полей.
  

В браузере и на сервере расчёт даёт одинаковые числа. Мы проверили это на всех шаблонах модуля в обоих движках. Если в вашем калькуляторе уже есть поле с ключом sum или avg, оно продолжит работать как переменная. Функцией считается только запись со скобкой.

Десять новых шаблонов
 
Теперь в редакторе 21 шаблон. Новые можно взять за основу своего калькулятора или открыть, чтобы посмотреть, как устроена нужная логика:

• двери, окна, потолки и ворота: цена за м², материал, скидка за объём по таблице, монтаж;
• стройматериалы: ламинат, обои, плитка и кирпич с запасом на подрезку и округлением до целых упаковок;
• ипотека: первоначальный взнос, платёж, рекомендуемый доход, кэшбэк по карте и график платежей;
• кейтеринг: банкет, фуршет или кофе-брейк, персонал по числу гостей;
• клининг: вид уборки, санузлы, окна, наценка за срочность;
• кухонный гарнитур в три шага: размеры, материалы, опции;
• грузоперевозки и переезд: тариф по весу, грузчики, подъём на этаж без лифта;
• индекс массы тела и калории с вердиктом словами;
• пицца «Собери сам»: размер, тесто, соус и начинка;
• смета ремонта с таблицей позиций.
  

Часть шаблонов сразу собирает заявки: в них включена форма с именем и телефоном. К остальным форму можно подключить одним флажком.


С чего начать

Быстрее всего увидеть новые возможности в шаблонах. Откройте в редакторе шаблон, который ближе всего к вашей нише, замените цены на свои и проверьте расчёт на тестовой странице. Если калькулятор уже работает на сайте, можно добавить в него смету или пояснение к результату. Остальные его настройки останутся прежними.