Обзор конструктора калькуляторов uCalc
15 августа 2017, 15:35
897

Онлайн-калькулятор для расчета стоимости товара или услуги – хороший тон для современного коммерческого сайта. Однако в CMS и конструкторах такой функции «из коробки» почему-то нет. За исправление упущения взялись разработчики конструкторов uCoz. Результатом их работы стало создание конструктора калькуляторов и форм для сайтов uCalc.

Возможности uCalc

Конструктор uCalc позволяет собрать калькулятор в визуальном редакторе. Можно использовать готовые шаблоны или строить форму для расчета из блоков. Форма добавляется на сайт в виде HTML-кода, навыков кодинга не требуется. В системе uKit уже добавлена возможность синхронизации с uCalc через виджет, на очередь интеграция с другими конструкторами и CMS.

Создать онлайн-калькулятор

При создании калькулятора на основе шаблона веб-мастер выбирает из 12 категорий, в каждой из которых представлено от 1 до 7 макетов. Шаблоны легко кастомизируются, так что из калькулятора для расчета стоимости услуг такси можно быстро сделать форму для ресторана или мебельного магазина.

Если шаблоны кажутся неподходящими, и исправление их займет больше времени, чем создание калькулятор с нуля, то разумнее выбрать вариант «Собрать самостоятельно». В таком случае в окне редактора будет пустое пространство, на которое необходимо перетащить нужные элементы калькулятора.

Создание калькулятора в визуальном редакторе

Главное достоинство uCalc – не нужен кодинг, калькулятор буквально собирается из блоков в визуальном редакторе, который разделе на две вкладки: «Дизайн» и «Формула». Дизайн – это все, что нужно для настройки внешнего вида. Вы можете добавить в калькулятор:

  • Выпадающий список для выбора товара/услуги или условий.
  • Ползунок с цифровым диапазоном для наглядного выбора цены/количества/размера и других параметров.
  • Поля с галочками или флажками для выбора покупателем условий.
  • Поля для ввода чисел.
  • Текстовое описание.
  • Кнопка действия с возможностью выбора результата – оповещение владельца, уведомление клиента, переход по ссылке, оплата.

Кроме того, можно изменить цвет фона калькулятора, выбрать цветовую схему и тему оформления. При покупке премиум-тарифа появляются дополнительные возможности – вставка картинок и HTML-кода в форму.

Самым сложным при создании калькулятора будет правильно составить формулу расчета. Хотя разработчики постарались сделать так, чтобы даже те веб-мастера, которые ничего не понимают в математике, справились с поставленной задачей.

В полях с галочками или флажками для выбора опций каждому пункту назначается значение. Например, если выбрано первое поле, к цене товара добавляется 100 рублей, если второе – 200 рублей. Аналогичным образом значения указываются для выпадающего списка и ползунка – в общем, всех элементов, которые меняют условия приобретения товара/услуги.

При создании формулы можно пользоваться простыми арифметическими действиями (сложение, вычитание, умножение, деление), добавлять расчет процентов, заключать переменные в скобки. От правильности составления формулы зависит корректность расчетов, поэтому этому этапу настройки калькулятора следует уделить времени не меньше, чем приданию внешней красоты форме.

После настройки дизайна и формулы необходимо нажать кнопку «Сохранить». Система сформирует код, который следует вставить на страницу сайта для отображения собранного калькулятора. Примечательно, что в процессе редактирования формы промежуточный результат сохраняется каждые 10 секунд, освобождая веб-мастера от необходимости самостоятельно создавать точки сохранения.

Добавить калькулятор на сайт