Обзор всех калькуляторов для wordpress: плагины, онлайн сервисы и подробные настройки

Приветствую читателей, в статье про калькулятор для вордпресс сайтов. Владельцам коммерческого ресурса на wordpress необходим простой в настройке калькулятор стоимости продукции. Протестировал около десятка вариантов, я разочаровался что не могу найти простое решение проблемы, потому что:

  • Встраивание функции через изменение function сложное, нестабильные и неудобное
  • Платные просят помесячную оплату
  • Сервисы часто отказывают в работе
  • Бесплатные лагают

Бесплатный плагин WPcalc

Обратившись к хорошему знакомому, посоветовал для вордпресс плагин WPcalc, скачать здесь. Это единственное вменяемое решение, остальное вытягивание денег. Устанавливаете и переходим к настройке первого калькулятора на сайте вордпресс.

Основная настройка

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

wpcalc установка и первичная настройка

  1. Сам WPcalc
  2. Для добавления нового калькулятора нажимаем Add New
  3. пишем название (на сайте не отображается)
  4. Заголовок раздела, если не хотите его отображать снимите галочку (первый длинна второй ширина)
  5. Тип отображения их пять: checkbox, радио кнопка, ввод числа, селект (выбор из предложенного) и вывод результата
  6. Длинна поля в долях. Например если хотим сделать чтобы дина и ширина были в одну строчку, выставляем у обоих 1/2 то есть на каждое поле по половине пространства.
  7. Правило, нам нужно number (числа), если будут введены буквы, то калькулятор выдаст ошибку
  8. Placeholder заполняет поле когда в нём нет значений. Value уже введённое значение, что даёт неудобство, пользователю приходится стирать и печатать свои значения, не советую заполнять
  9. Add new field, добавляет новое поле в вордпресс.

С цифровыми полями разобрались теперь надо прописать тип линолеума и цену за каждый квадратный метр. Для этого жмём кнопку Add new field и добавляем, например, “выбор расцветки”

калькулятор для вордпресс

  1. Для выбора задаем параметр select
  2. Value – то что будет считаться в калькуляторе, Text – отображаемый текст
  3. какой пункт будет выделен по умолчанию
  4. Чтобы добавить ещё форму (черный например), жмём эту ссылку

Все параметры задали, вывод и подсчёт производиться добавлением нового Field, просто надо выставить result, смотрим ниже.

установка field в формулу

В параметре 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Но у calccreator умеренная цена, оплачиваете период пользования, можете создать хоть 1000 калькуляторов, но по окончании срока подписки, они не блокируются, а продолжают действовать и доступны для изменения.

Ucalc умеет считать время

Поставил ucalc на второе место, из-за агрессивного использования и вытягивания денег из пользователей. Очень скудный бесплатный интерфейс, не дающий нормально настроить подсчёт, с ограничением математических функций. Однако есть отлично сделанный плагин для вордпресс, связывающий аккаунт на сервисе с сайтом. Имеет отличительный подсчёт времени, которого нет у остальных. Есть настройки внешнего вида полей с ползунами, то есть настраивать рамки простым перетаскиваем ползунков.

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

Курс WordPress-разработчик
Если Вам понравилась статья — поделитесь с друзьями
Валентин Лифанов
С 2008 года изучаю wordpress, веду блоги, пишу статьи. Бывает подрабатываю создавая сайты на этом удивительном движке.
Задать вопрос