Настройка wpcc: WPCC 3.5 — плагин для создания калькуляторов в WordPress / Habr – WPCC 3.5 — плагин для создания калькуляторов

Содержание

Настройка калькулятора WPCC 3.6.5 (Результат расчета 2 и Результат расчета 3) / WordPress / CTRL-F.RU

Калькулятор создавался для школы “Microblading & Brow”.
Задача стояла в вычисление стоимости и окупаемости определенного курса в днях. Так же расчет сколько бы предприниматель заработал денег за этот промежуток времени.

Итак приступим, я буду выкладывать скриншоты настроек калькулятора и комментировать их.

1.Первым делом настроим выбор курсов из SELECT


2. После настраиваем слайдер выбора количества процедур в день

3. Настраиваем стоимость процедуры

4. Ну наконец выводим результаты расчетов

Хотелось бы отметить, для того чтоб в дополнительных Результатах расчета вывести значения input -ов нужно написать в поле «Арифметическое выражение» вот так например:


$_SESSION[wpcc_1][1]*$_SESSION[wpcc_1][26]*261

$_SESSION[wpcc_1][1]*$_SESSION[wpcc_1][26]*25
Где <strong>wpcc_1</strong> - это <strong>id</strong> самого калькулятора,
<strong>[1]</strong> - это ID-1 slider тоесть количество процедур
<strong>[26]</strong> - это ID-26 slider тоесть стоимость процедур
<strong>*25</strong> - это примерное количество дней в месяце без выходных
<strong>*261</strong> - это примерное количество дней в году без выходных

Вообщем вот что получилось во Front-end.

Так же размещаю для импорта калькулятора формулы в файле: CTRL-F_import_calculator_WPCC.conf

WordPress Creator Calculator

WPCC — это плагин, который позволяет администраторам сайта создавать форму калькуляторов и настраивать формулы расчетов.

Возможности конструктора:
* Поле : Текстовое поле для описания
* Поле : SELECT выпадающий список
* Поле : Checkbox множественный выбор
* Поле : Radio одиночный выбор
* Поле : Input Text для ввода данных
* Поле : Input Hidden скрытое поля
* Поле : $_SESSION работы с сессиями

* Поле : jQuery копируем данные
* Поле : Slider UI удобный слайдер
* Поле : Conditions условие работы полей с возможностью задать оператор : == , ,> =, between
* Поле : Conditions Hidden — скрытое условие для получения значения в зависимости от результата
* Поле : Арифметическая функция : Квадратный корень ; Возвести в степень ; Округлить
* Поле : Результат полей : результат между полями
* Поле : Произвольное поле записи : Custom Fields из записи или страницы

Отправка результатов на E-Mail:
* Настройка: Включить / выключить форму отправки
* Настройка: Тема письма
* Настройка: Указать на какой e-mail
* Настройка: Валидация полей
* Настройка: Оформление содержимого письма

Результаты расчета:
* Настройка: Можно добавить более 1 результата после расчета
* Настройка: Позволяет добавить арифметическое выражение для каждого из результата

* Настройка: Округление
* Настройка: Оформление

Другие настройки:
* Количество калькуляторов не ограничено
* Экспорт и импорт формулы
* Выбор дизайна калькулятора
* Хук ‘wpcc_result_filter’ на результате

Интерфейс админ панели
wpcc_all_admin

Демо калькулятора
Калькулятор для расчета стоимость создания сайта
Выбор марки авто без расчета стоимости

Принцип работы калькулятора:
поле1 + sqrt((поле 3 * (поле 2 + поле 4)))

Дословно:
(id1 (знак после поля)) квадратный корень из ((знак перед полем id3 знак после поля) (знак перед полем id2 знак после поля) (id4 знаки после поля))

Как установить плагин:

1. Скачать плагин — http://wordpress.org/plugins/wp-creator-calculator/
2. Закачать в папку плагинов вашего сайта wp-content/plugins/
3. Активировать плагин
4. Слева в меню административной панели выберите пункт WPCC
5. Создавайте и настраивайте свой калькулятор.

p.s. Ищу переводчика для плагина и инструкции на английский язык.

расчёт стоимости работ и товаров в два клиа

Приветствую читателей, в статье про калькулятор для вордпресс сайтов. Владельцам коммерческого ресурса на 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 для создания калькуляторов

Часто при разработке сайта или интернет-магазина на WordPress может понадобится создание онлайн калькулятора. Если вы знаете программирование, то создать калькулятор самостоятельно не составит труда. Во всех остальных случаях есть множество хороших плагинов, которые не требуют каких-либо знаний и очень просты в использовании.

uCalc

uCalc — один из самых популярных плагинов WordPress для создания онлайн калькуляторов различной степени сложности. Для добавления калькулятора на страницу или пост сайта не нужно добавлять никакого кода вручную. Необходимо лишь подключить свой аккаунт uCalc к сайту и выбрать готовый калькулятор для автоматической вставки.

Возможности плагина:

  • Визуальный конструктор блоков и редактор текста
  • Готовые калькуляторы
  • Виджеты: выпадающий список, галочки, флажки, ползунки, кнопки, выбор даты и т.д.
  • Готовые заявки на email и телефон, а также уведомления результатов расчета клиентам.
  • Настройки дизайна калькулятор и цветов всех элементов.
  • Динамический показ результатов расчета
  • Расчет любой валюты или меры: вес, размер, объем, единица товара.
  • Адаптация калькуляторов под мобильные телефоны и планшеты.

 

Установить плагин

Перейти к сервису

Calculated Fields Form

Calculated Fields Form — плагин позволяет создавать формы расчетов с динамическими полями различных типов и отображением результата расчетов. Плагин может использоваться для создания как простых, так и сложны онлайн калькуляторов, например, калькуляторов идеального веса и калорий, калькулятор бронирования отеля и аренды автомобиля, расчет стоимости услуг, кредитные и финансовые калькуляторы.

Возможности плагина:

  • Динамические поля и результаты
  • Неограниченное количество полей
  • Простые и расширенные математические операции и функции
  • Типы полей: выпадающий список, флажки, радиокнопки, даты, числа
  • Операции с датами (например: дни между двумя датами)
  • Многостраничные формы расчета

 

Установить плагин

 

EZ Form Calculator

EZ Form Calculator — плагин позволяет создавать калькуляторы расчета и добавлять базовые элементы формы: выпадающие списки, флажки, переключатели и т.д. Каждому элементы калькулятора присваивается значение, которое может использоваться для автоматических расчетов.

Возможности плагина:

  • создания форм расчетов со значениями
  • автоматических расчет знаний форм
  • базовые элементы форм: выпадающий список, флажки, галочки, поля, числа
  • визуальный редактор и изменение положения полей

 

Установить плагин

 

Mortgage Calculator

Mortgage Calculator — с помощью этого плагина можно создать отличный ипотечный и кредитный калькуляторы для бизнеса в сфере финансов. Калькулятор снабжен плавными боковыми панелями, модальными окнами и привлекательным графиком.

Возможности плагина:

  • установка калькулятора на страницу с помощью шорткода
  • настройках начальных значений калькулятора
  • модальные окна
  • красивый график расчетов

 

Установить плагин

 

WooPrice Calculator

WooPrice Calculator — плагин позволяет создавать динамические цены на товары в интернет-магазине в зависимости от характеристик выбранных пользователями. Плагин не требует знаний программирования и прост в настройке. Свойства товаров являются переменными для использования в формулах калькулятора. Пользователи могут изменить эти переменные вместе со стоимостью товаров.

Возможности плагина:

  • использование 5 полей
  • 1 тема оформления
  • динамические цены товаров
  • изменение значений переменных калькулятора

 

Установить плагин

 

 

В этот список вошли самые популярные плагины WordPress для создания калькуляторов. Если вы используете другие интересные плагины, которых нет в данном списке, то пишите в комментариях.

Автор

Программист с образованием в области IT и опытом разработки на разных языках. Автор статей по программированию. Общий опыт работы в сфере IT и интернета более 5 лет.

Калькулятор для сайта WordPress | turbo-blog.ru

Калькулятор для сайта WordPress востребован постоянно. Как для интернет магазинов, так и для заказа услуг. Один из самых удобных и простых  — это плагин wp-creator-calculator. В описаниях: калькулятор стоимости wordpress.

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

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

Что получается ? WordPress пытается с вашего почтового ящика отправить письмо от стороннего пользователя, забитого в поле Ваш E-mail из формы обратной связи.

Смотрим поле Ваш E-mail, находим wpcc_user_email

Калькулятор для сайта WordPress

Открываем файл public_html/wp-content/plugins/wp-creator-calculator/wp-creator-calculator.php

находим строки :

wpcc_mail_headers[] = ‘From: ‘.(($wpcc_user_name != »)?$wpcc_user_name:’No name’).’ <‘.(($wpcc_user_email != »)?$wpcc_user_email:get_option(‘admin_email’)).’>’;

Исправить ошибку отправки писем wp-creator-calculator

$wpcc_user_email, указанный тут, и есть отправитель писем с нашей формы.

Меняем его на $wpcc_mail_emailto 

Исправить ошибку отправки писем wp-creator-calculator

Сохраняем. Проверяем.

Письма приходят от нас же самим себе.

Сервер рад, мы счастливы, плагин работает.

Отправка писем с плагина wp-creator-calculator.

 

Кому не нравится ссылка в теле письма?

Отправка писем с плагина wp-creator-calculator.

Закоменчиваем данные строки.

Отправка писем с плагина wp-creator-calculator.

Наслаждаемся.

Калькулятор для сайта WordPress отлично работает, проверено на версии 4.7.

Как сделать PWA на сайте за 15 минут ¯\_(ツ)_/¯

Результаты внедрения PWA на сайте

Одной из тем обсуждения последних двух лет является Progressive Web Apps. Представители Google активно рекламируют свою разработку и продвигают идеи в массы, а Андрей Липатцев даже приезжал в Минск (и не только) для того чтобы рассказать нам о технологии PWA и её возможностях.

Содержание:


Что такое PWA

PWA — это своего рода приложение, устанавливаемое из браузера, которое может предоставить дополнительные функции, основанные на возможностях используемого устройства: сайт может работать автономно оффлайн, делать push-уведомления и выглядеть и работать почти так же быстро, как и отдельное приложение.

Разработчики имеют возможность создавать практически первоклассные приложения с использованием веб-технологий, что всегда значительно проще и дешевле в обслуживании, чем создание собственных приложений. Особенное преимущество PWA — кроссплатформенность. Также одним из преимуществ можно выделить отсутвие необходимости готовое приложение регистрировать в маркетах приложений (таких как Google Play Маркет и App Store), так как приложение устанавливается на телефоне прямо из браузера).

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

  • Работа в оффлайне
  • Быстрая загрузка
  • Работа по защищенному протоколу
  • Умеет в push-уведомления
  • Может выглядеть как полноценное приложение без строки адреса в браузере (например, как этот крайне красивый сайт)

Зачем нужно PWA

  • PWA легче. Отдельные приложения из магазина могут весить 200 МБ или более, в то время как PWA может находиться в диапазоне КБ.
  • Снизить стоимость привлечения пользователя (гораздо сложнее убедить пользователя установить приложение, чем посетить сайт)
  • Для создания и выпуска обновлений требуется значительно меньше усилий
  • Гораздо больше возможностей с URL, чем в обычных приложениях из магазинов приложений (можно делить ссылками прямом на якоря на сайте — в мобильных приложенииях так нельзя)

Главные принципы PWA

  • Адаптивность: интерфейс адаптируется к размеру экрана устройства
  • Похоже на приложение: PWA не похоже на веб-сайт, а скорее на приложение
  • Автономность: PWA будет использовать хранилище устройства для кеширования самого себя, с возможностью работать офлайн
  • Устанавливается: браузер устройства предлагает пользователю установить ваше приложение на рабочий экран устройства
  • Повторное привлечение аудитории: push-уведомления помогают возвращать часть пользователей на сайт после первого взаимодействия
  • Доступно для индексации: поисковые системы и хорошая SEO-оптимизация дают возможность сайту-приложению ранжироваться в поиске
  • Почти всегда свежие данные: приложение обновляет себя и свой контент, когда подключается к сети
  • Использует HTTPS (типа безопасно и всё такое)
  • Прогрессивность: будет работать на любых устройствах, даже старых, даже с меньшим количеством возможностей (например, просто как сайт, не устанавливаемый)
  • Использует обычные URL: поэтому легко делиться с кем-то информацией путём обычных урлов. 

Как сделать PWA из своего сайта

Ниже я расскажу как сделать PWA на сайте за 15 минут или даже быстрее.

В большинстве случаев можно будет использовать инструмент для поэтапного создания частей PWA: pwabuilder.

Настройка Service Worker

Часть определения Progressive Web App заключается в том, что оно должно работать в автономном режиме.

Поскольку компонент, позволяющий веб-приложению работать в автономном режиме, — это Service Worker, это означает, что Service Worker является обязательной частью PWA.

Service Worker — это JavaScript-файл, который выполняет роль посредника между веб-приложением и интернетом. Благодаря этому он может кешировать и ускорять рендеринг приложения, а также улучшать пользовательский интерфейс.

Из соображений безопасности только HTTPS-сайты могут использовать Service Workers, и это одна из причин, по которым Progressive Web App можно и нужно устанавливать только на домены с HTTPS.

Service Worker отсутствует на устройстве при первом посещении пользователем. При первом посещении сайта Service Worker устанавливается в браузере, а затем, при последующих посещениях отдельных страниц сайта, этот Service Worker будет запускаться браузером автоматически.

Service Worker устанавливается в два этапа:

Создание ссылки в коде сайта

В коде всех страниц сайта необходимо указать для браузера, что у нас есть свой Service Worker по отдельному адресу. В шаблон страниц вставляется простой JavaScript код, пример:

if (navigator.serviceWorker.controller) {
  console.log('[PWA Builder] active service worker found, no need to register')
} else {
  navigator.serviceWorker.register('sw.js', {
    scope: './'
  }).then(function(reg) {
    console.log('Service worker has been registered for scope:'+ reg.scope);
  });
}

Обратите внимание! В примере выше в четвёртой строке указано название файла — sw.js. Это значит, что файл, в котором будет расположен код нашего Service Worker должен называться именно так. В противном случае браузер так и не найдёт нужный нам функционал.

Создание файла с Service Worker

В отдельном файле на сервере (например, как у меня — sw.js) необходимо разместить следующий код:

self.addEventListener('install', function(event) {
  var indexPage = new Request('index.html');
  event.waitUntil(
    fetch(indexPage).then(function(response) {
      return caches.open('pwabuilder-offline').then(function(cache) {
        console.log('[PWA Builder] Cached index page during Install'+ response.url);
        return cache.put(indexPage, response);
      });
  }));
});
self.addEventListener('fetch', function(event) {
  var updateCache = function(request){
    return caches.open('pwabuilder-offline').then(function (cache) {
      return fetch(request).then(function (response) {
        console.log('[PWA Builder] add page to offline'+response.url)
        return cache.put(request, response);
      });
    });
  };
  event.waitUntil(updateCache(event.request));
  event.respondWith(
    fetch(event.request).catch(function(error) {
      console.log( '[PWA Builder] Network request Failed. Serving content from cache: ' + error );
      return caches.open('pwabuilder-offline').then(function (cache) {
        return cache.match(event.request).then(function (matching) {
          var report =  !matching || matching.status == 404?Promise.reject('no-match'): matching;
          return report
        });
      });
    })
  );
})

Это и есть наш Service Worker, что будет делать всю работу. Существует несколько примеров работы Service Worker, доступных в конструкторе pwabuilder. Подбирайте на свой вкус.

Обращаю внимание, что код JS, используемый на моём сайте немного визуально отличается от того, что в примерах этой статьи. В руководстве по оптимизации скорости загрузки сайта я описывал минификацию JS. Для всех JS-скриптов на сайте я старался провести минификацию. Это полностью рабочие файлы и ими можно пользоваться.

Настройка Manifest.json

Манифест приложения или App Manifest — это файл JSON, в котором необходимо предоставить «справочную» информацию о строении и цели вашего Progressive Web App.

Ссылку на манифест необходимо включать во все заголовки страниц вашего сайта:

<link rel="manifest" href="manifest.json">

Этот файл расскажет устройству, как установить:

  • Название и краткое название приложения
  • URL-адреса иконок разных размеров
  • Адрес домена
  • Ориентацию экрана по умолчанию
  • Заставка

Пример содержимого файла manifest.json:

{
"dir": "ltr",
"lang": "Russian",
"name": "Александр Штеркель - заметки о SEO",
"scope": "/",
"display": "standalone",
"start_url": "https://shterkel.com/",
"short_name": "SEO",
"description": "Мои заметки по оптимизации сайта для результативного SEO. Тематические посты для сеошников, подробные инструкции. ¯\\_(ツ)_/¯",
"orientation": "any",
"background_color": "#fafafa",
"theme_color": "#fafafa",
"related_applications": [],
"prefer_related_applications": false,
"icons": [
{
"src": "/images/icons/apple-touch-icon.png",
"type": "image/png",
"sizes": "57x57"
},
{
"src": "/images/icons/android-icon-48x48.png",
"sizes": "48x48",
"type": "image/png"
}
]
}

Обратите внимание! В примере выше я убрал большую часть ссылок на иконки разных размеров для экономии места. В JSON манифесте необходимо указать как можно больше ссылок и размеров.

Для составления манифеста можно использовать специальный генератор.

Отладка и тестирование PWA

Не только по результатам проделанной работы, но и во время нужно всегда тестировать свои доработки. Для тестирования PWA на своём сайте можно использовать Google Lighthouse с подключенным отдельно отчётом — Progressive Web Apps:

Интерфейс отчёта Google Lighthouse

Отчёты Google Lighthouse покажут все ошибки и как их исправить.

Ура, теперь на сайте есть PWA!

Хороший курс по PWA можно посмотреть на канале TheNetNinja:

Опубликовано: 15.12.18
Изменено: 23.01.20

Написал: Александр Штеркель

Калькуляторы расчета стоимости — плагины для WordPress / WordPress плагины / Постовой

Wordpress плагины: Калькуляторы расчета стоимости - плагины для WordPress

Очень часто при разработке корпоративного сайта или Landing Page требуется создание калькулятора расчета стоимости услуг или товаров по определенным параметрам. Как правило, этим занимается программист. Данная задача является не очень простой, так как требуется учитывать множество параметров и, самое главное, калькулятор должен работать без сбоев, считать правильно. Одна ошибка в расчете может негативно отразиться на репутации вашего заказчика, для которого вы делаете проект. Он потеряет клиента, а кому это нужно? Чтобы все было гладко, для этих задач нужно нанимать хорошего программиста, который, на сегодняшний день, стоит очень дорого. Но что же делать, если создать калькулятор расчета стоимости нужно в проекте с ограниченным финансированием, когда бюджет не позволяет нанять квалифицированного программиста? Решение оказалось довольно простым. Как всегда, на помощь пришел WordPress с его плагинами. Мне удалось найти 6 плагинов, с помощью которых можно сделать приличный калькулятор расчета стоимости. Некоторые из них платные, но более качественные, некоторые бесплатные.

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

Итак. К вашему вниманию подборка из лучших плагинов wordpress для создания калькуляторов расчета стоимости.

Cost Calculator — WordPress Plugin
Платный плагин для создания калькулятора стоимости. На сегодняшний день — это лучшее решение, которое мне удалось найти. С помощью визуального конструктора форм можно каждому значению поля присвоить свое значение цены. При выборе значения поля, все складывается в единую стоимость в реальном времени, без перезагрузки страницы посредством AJAX. Плагин поддерживает создание стилизированных чекбоксов, ползунков и выпадающих списков, при этом форма получается адаптивной и отлично работает на всех устройствах.
После расчета стоимости, есть возможность отправить заявку, в которой будут указаны все выбранные параметры, также можно сразу и оплатить услугу, но для стран СНГ эта функция мало полезна, так как оплата производится через PayPal. В итоге мы получает отличный плагин для лидогенерации, который способен значительно повысить конверсию Landing Page.
Cost Calculator отлично подойдет для расчета стоимости ремонта, создания калькулятора окон и тому подобного.
Стоимость плагина — 20$.

Wordpress плагины: Калькуляторы расчета стоимости - плагины для WordPress

ez Form Calculator
Еще один мощный, но платный, скрипт калькулятора стоимости для WordPress. В большинстве случаев используется в связке с магазином на WooCommerce в качестве платежного шлюза (PayPal). Среди основных преимуществ — это возможность прикрепления файлов при расчете стоимости и снижение рассчитанной цены при вводе кода скидочного купона.
Стоимость плагина — 24$.

Wordpress плагины: Калькуляторы расчета стоимости - плагины для WordPress

Calculated Fields Form
Бесплатный плагин для WordPress. Он поддерживает операции с датами. Исходя из этого, идеально подходит для создания калькулятора расчет стоимости аренды авто, номеров в гостиницах и тому подобное.
Также есть возможность сложной, гибкой настройки на основе формул. Таким образом, при работе с Calculated Fields Form пропадают какие-либо ограничения и он позволяет сделать все то, что обычно может реализовать только программист.

Wordpress плагины: Калькуляторы расчета стоимости - плагины для WordPress

Inquiry Calc
Интересный бесплатный плагин для расчета стоимости чего-либо. В нем есть возможность разбивки вопросов по шагам, а также поддержка зависимых друг от друга полей. То есть, второе поле появляется в том случае, если выбрано первое. Поле того, как плагин посчитает цену, пользователь может отправить свой запрос администратору (отправить заявку). Данное решение отлично подойдет для большинства лендингов, где требуется компактный калькулятор без излишеств.

Wordpress плагины: Калькуляторы расчета стоимости - плагины для WordPress

Offer Calc
Простенький бесплатный калькулятор, который поможет вашим пользователям посчитать конечную стоимость ваших услуг. Ничего особо оригинального в плагине не имеется. Основная его цель — высчитать стоимость, основываясь на количестве. Принцип работы похож на корзину в интернет-магазине.

Wordpress плагины: Калькуляторы расчета стоимости - плагины для WordPress

Responsive Mortgage Calculator
WordPress кредитный калькулятор. Плагин можно скачать бесплатно. Он довольно простой и не имеет таких широких возможностей, как предыдущие. Несмотря на это, в нем легко кастомизировать внешний вид, добавляя CSS классы. После расчета стоимости, нет возможности отправить заявку администратору, но это, думаю, легко решить с помощью нашего скрипта форм. В скрытые поля формы можно подставить данные, которые ввел пользователь, и конечную стоимость.

Wordpress плагины: Калькуляторы расчета стоимости - плагины для WordPress

Author: admin

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *