Войти
Регистрация

Инструкция по созданию онлайн калькулятора

Узнайте, как создать калькулятор для сайта
Создать свой калькулятор

1. Создание калькулятора

Нажмите «Добавить новый калькулятор» → введите название (например, «Калькулятор доставки») и сохраните.
Теперь он доступен для редактирования в списке калькуляторов.

2. Продумайте формулу

Прежде чем настраивать калькулятор, составьте четкую формулу расчета — это «сердце» вашего калькулятора. Формула связывает все параметры, которые вводит пользователь, с итоговой ценой или результатом. Без неё калькулятор превратится в бесполезную форму для сбора данных.

Почему это важно?

  • Избежать ошибок
Если начать настраивать поля без формулы, можно упустить ключевые параметры или их взаимосвязь. Например, забыть, что срочная доставка увеличивает стоимость в 2 раза, или не учесть, что перегруз влияет на выбор транспорта.

  • Сэкономить время
Зная формулу, вы сразу поймете, какие поля нужны (вес, расстояние, габариты), а какие — нет. Не придется переделывать калькулятор после тестирования.

  • Сделать расчеты прозрачными
Клиенты должны видеть, как их выбор влияет на цену. Формула помогает объяснить:
«Стоимость выросла из-за срочности и перегруза» — а не «система выдала случайное число».
Как составить формулу?
  • Соберите параметры
    Запишите все факторы, влияющие на результат. Например, для доставки это:
    • Цена за км пути (базовая ставка);
    • Расстояние;
    • Вес груза;
    • Габариты;
    • Срочность;
    • Услуги грузчиков.
    Если Вы планируете связываться с клиентами, проводящими расчеты, можно добавить поля для сбора контактных данных:
    • Имя;
    • Номер телефона;
    • Email.
  • Определите, как параметры влияют друг на друга
    Базовая ставка зависит от типа автомобиля (газель или грузовик). Для небольших грузов весом до 1,5 тонн подойдет газель. Для крупногабаритных и тяжелых грузов необходим грузовик. Таким образом:
    • Если вес > 1.5 тонн или габариты > 2000 мм то базовая ставка = 70 (для грузовика)
    • Иначе базовая ставка = 50 (газель)
    Срочность → умножает стоимость на 2.
  • Определите типы полей для ваших параметров
    Например:
    • Базовая ставка - вычисляемое поле, т.к. зависит от габаритов и веса;
    • Расстояние, км - число;
    • Вес груза, кг - число;
    • Габариты, мм (наибольшая сторона) - число;
    • Срочность - чекбокс;
    • Услуги грузчиков - чекбокс.
  • Запишите формулу
    Пример для доставки:
    Итог = ((Тариф × Расстояние) + (Перегруз × 20 ₽/кг) + (Надбавка за габариты)) × Коэф. срочности
Правило:
Сначала — формула и список параметров, потом — настройка полей.

3. Настройте поля

Основные элементы настройки

  • Метка поля
— Это название, которое видит пользователь.
— Пример: «Вес груза (кг)», «Срочная доставка».
— Совет: д0елайте метки понятными — «Расстояние в км», а не «Поле 1».

  • Системное название
— Уникальный идентификатор для формул (только латиница, без пробелов и символов).
— Пример: weight, distance, is_urgent.
— Важно: не меняйте его после создания — формулы могут сломаться!

  • Тип поля (виджет)
Выберите, как пользователь будет вводить данные:
Как настраивать поля?

Шаг 1. Добавьте поле
— Нажмите «Добавить новый элемент» → выберите тип виджета.

Шаг 2. Заполните метку и системное название
— Метка: «Расстояние доставки (км)».
— Системное название: distance.

Шаг 3. Настройте параметры виджета
— Для ползунка: укажите минимальное и максимальное значение (например, 10-200 км).
— Для списка: добавьте варианты ответов («Москва», «СПб», «Екатеринбург»).
— Для числа: задайте шаг (например, 10 кг) или ограничения (мин. 1 кг).

Шаг 4. Добавьте подсказку (опционально)
— Пример: «Укажите вес без упаковки» или «Макс. грузоподъемность — 1500 кг».

4. Добавьте константы

Пример:
  • Базовая стоимость доставки по Москве → Константа base_moscow = 500 ₽.
  • НДС → Константа vat = 1.2 (для умножения).
Как добавить:
  • Создайте константу → укажите название (base_moscow) и значение (500)

5. Выходные параметры

Пример:
  • Название: «Итоговая стоимость»
  • Формула:
  • (base_moscow + weight_fee) * ЕСЛИ(is_urgent, 1.5, 1) * ЕСЛИ(delivery_type = "Самовывоз", 0.9, 1)
Графический редактор формул:
  • Выбирайте поля (weight, city), константы (base_moscow) и математические операции через интерфейс.

6. Визуальная настройка

  • Миниатюра: Добавьте поле «Итоговая стоимость» для предпросмотра.
  • Цвета: Выберите цвета бренда (например, синий для кнопок, белый фон).
  • Тип встраивания:
  • По умолчанию: Калькулятор встроится прямо на страницу.
  • Баннер: Кнопка «Рассчитать доставку» → открывает калькулятор в pop-up.

7. Настройка калькулятора

  • Webhook URL: Укажите https://ваш-сайт/api/delivery → данные расчета будут отправляться на ваш сервер.
  • Уведомления: Включите отправку на почту manager@site.ru → получать заявки в реальном времени.
  • Сообщение после расчета:
  • Спасибо! Менеджер свяжется с вами в течение 10 минут. Итоговая стоимость: [Итоговая стоимость] ₽.
  • Когда не показывать результат:
  • Если клиент выбирает «Самовывоз» → скрыть итог и показать: «С вами свяжутся для уточнения адреса склада».

8. Проверка и публикация

  • Изменения сохраняются автоматически.
  • Откройте калькулятор по ссылке из раздела «Мои калькуляторы» → протестируйте все сценарии.
Готовы создать свой калькулятор?
Более 500 уникальных калькуляторов создано на нашей платформе — присоединяйтесь!
Создать бесплатно