Приветствую читателей, в статье про калькулятор для вордпресс сайтов. Владельцам коммерческого ресурса на wordpress необходим простой в настройке калькулятор стоимости продукции. Протестировал около десятка вариантов, я разочаровался что не могу найти простое решение проблемы, потому что:
- Встраивание функции через изменение function сложное, нестабильные и неудобное
- Платные просят помесячную оплату
- Сервисы часто отказывают в работе
- Бесплатные лагают
Бесплатный плагин WPcalc
Обратившись к хорошему знакомому, посоветовал для вордпресс плагин WPcalc. Это единственное вменяемое решение, остальное вытягивание денег. Устанавливаете и переходим к настройке первого калькулятора на сайте вордпресс.
Данный плагин был закрыт в конце 2021 года, но его разработчики сделали другой плагин под те же задачи Calculator Builder: инструкцию, как в нем создать рабочий калькулятор мы написали. Кликайте по названию.
Основная настройка
Сделаем для расчёта стоимости линолеума, то есть длину умножаем на ширину и на цену 1 квадратного метра за определённый сорт. Заходим в wpcalc и добавляем новый пункт, тут же появляется первое поле зададим длину.
- Сам WPcalc
- Для добавления нового калькулятора нажимаем Add New
- пишем название (на сайте не отображается)
- Заголовок раздела, если не хотите его отображать снимите галочку (первый длинна второй ширина)
- Тип отображения их пять: checkbox, радио кнопка, ввод числа, селект (выбор из предложенного) и вывод результата
- Длинна поля в долях. Например если хотим сделать чтобы дина и ширина были в одну строчку, выставляем у обоих 1/2 то есть на каждое поле по половине пространства.
- Правило, нам нужно number (числа), если будут введены буквы, то калькулятор выдаст ошибку
- Placeholder заполняет поле когда в нём нет значений. Value уже введённое значение, что даёт неудобство, пользователю приходится стирать и печатать свои значения, не советую заполнять
- Add new field, добавляет новое поле в вордпресс.
С цифровыми полями разобрались теперь надо прописать тип линолеума и цену за каждый квадратный метр. Для этого жмём кнопку Add new field и добавляем, например, “выбор расцветки”
- Для выбора задаем параметр select
- Value – то что будет считаться в калькуляторе, Text – отображаемый текст
- какой пункт будет выделен по умолчанию
- Чтобы добавить ещё форму (черный например), жмём эту ссылку
Все параметры задали, вывод и подсчёт производиться добавлением нового Field, просто надо выставить result, смотрим ниже.
В параметре Item type выставляем Result. В разделе Formula вводим формулу для расчёта, у нас все три значения перемножаются, пример станет такого вида field_1*field_2*field_3. Чтобы вывести посчитанное на экран нужно применить комбинацию {result} в поле результата, я для примера выставил ещё пару строк. В общем калькулятор настроен и готов к работе, в правой колонке сохраняем результат и копируем шорт код.
При вводе формулы элементы помечаем с нижним подчеркиванием и номером раздела. На странице инструмента в wordpress.org есть дополнения по применению математических операторов.
Идём в любую запись или страницу вордпресс, и в удобном месте вставляем шорткод. Перейдя на сайт увидим результат работы. Подсчёт идёт автоматически, при корректном заполнении всех форм.
Можно рассчитать любую задачу, например стоимость работ по отделке помещения, так же рассчитать площадь и умножить на цену квадрата. Все простые математические действия доступны.
Советуем прочитать:
Внешний вид
У данного инструмента есть настройка визуально части, перейдя в раздел style, найдёте несколько параметров исполнения, которых хватит для создания отличного и красивого дизайна, разбирать не будем, всё понятно интуитивно.
Остальные плагины расчёта услуг
Приведён список других инструментов для расчёта различных услуг:
-
Calculated Fields Form, сложен в освоении и продвинутые функции доступны в платной версии. Поддерживает процедуры с процентами и сложными многоступенчатыми формулами. Его разбор в видео.
-
Responsive Mortgage Calculator, направлен на расчёт ипотечных, кредитный и банковских услуг, заявляет о поддержке elementor
- Wp-crestor-calculator, старый плагин, которому на момент написания статьи уже 5 лет на русском языке, хорошо подойдёт для измерения стоимости строительных работ.
У наших читателей возникали вопросы, как сделать калькулятор подсчёта стоимости доставки. Скажу честно таких вариантов нет, есть для woocommerce, от компании СДЭК и почты России. Но под woocommerce не корректно поддерживается РФ, а от транспортных компаний, сырые, недоделанные и направленные на принуждении использовать их услуги.
Онлайн инструмент со своими характеристиками
Онлайн калькуляторы, сейчас существует два варианта, остальные не дотягивают, ограничиваясь несколькими характеристиками. Не дают гибкости и уверенности что работоспособности.
Calccreator популярен для ландшафтного дизайна
Знаменитый сервис calccreator.com не предлагает интеграции с их сервером, большая направленность на подсчёт строительных и ландшафтных работ. Настраиваете необходимые поля, по внешнему виду, функционалу и формулам. Далее скачиваем готовый скрипт и подсоединяем его на ресурс с любой CMS в том числе и wordpress. Отмечу что в платной версии раз в 10 больше возможностей.
Но у calccreator умеренная цена, оплачиваете период пользования, можете создать хоть 1000 калькуляторов, но по окончании срока подписки, они не блокируются, а продолжают действовать и доступны для изменения.
Ucalc умеет считать время
Поставил ucalc на второе место, из-за агрессивного использования и вытягивания денег из пользователей. Очень скудный бесплатный интерфейс, не дающий нормально настроить подсчёт, с ограничением математических функций. Однако есть отлично сделанный плагин для вордпресс, связывающий аккаунт на сервисе с сайтом. Имеет отличительный подсчёт времени, которого нет у остальных. Есть настройки внешнего вида полей с ползунами, то есть настраивать рамки простым перетаскиваем ползунков.
В статье разобрали самый лучший калькулятор для вордпресс WpCalc, сочетающий в себе простоту и интуитивно понятный интерфейс. Творите если будут вопросы задавайте, всегда рады оказать помощь.
Также читайте: Как создать блоки отзывов на WordPress сайте. Лучшие плагины.
Нажмите, пожалуйста, на одну из кнопок, чтобы узнать понравилась статья или нет.
Хорошая статья, очень подробно все описано. Сейчас моих познаний хватает лишь на создание калькулятора через конструктор. Недавно наткнулся на stepFORM.io, довольно неплохой, в списке его в этом нет, через него делаю.
Тоже использую stepform, как мне кажется на сегодняшний день он наиболее адаптирован под разработку проектов простыми пользователями как я ))
Этот плагин был закрыт с 09.12.2021, он более не доступен для загрузки. Плагин был закрыт навсегда.
Спасибо за обратную связь, Александр. Готовим статью по плагину-аналогу от тех же разработчиков.