Статьи по теме: Контактные формы
Эта статья также доступна на:

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

Калькулятор в контактных формах позволяет автоматически рассчитывать значения на основе заполненных посетителем сайта полей формы.


Вы можете отметить необходимые для расчета поля формы и написать формулу, по которой будет производиться расчет, — ваш клиент сможет видеть результат расчета сразу после заполнения всех обязательных полей формы. Это значение также будет передаваться вместе со всей информацией после отправки контактной формы.


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


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


Содержание:


Прежде всего вам необходимо добавить элемент Контактная форма, где будет находиться калькулятор. Для этого вы можете воспользоваться нашей инструкцией.


Настройка полей калькулятора


Наведите курсор на контактную форму и нажмите на нее, чтобы открыть ее настройки. Во вкладке Пункты вы можете управлять имеющимися полями и добавлять новые:

Подсказка: вы можете подробнее ознакомиться с настройками полей формы в нашей статье.


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


Для создания собственного калькулятора вам будут доступны следующие поля:


Выпадающий список, Радиокнопка, Чекбокс


  1. Добавьте соответствующее поле и настройте его нужным вам образом: задайте ему название, опции для выбора, сделайте обязательным при необходимости и т. д.


  1. После создания поля активируйте опцию Использовать для расчетов и укажите произвольное название переменной для этого поля, которое вы позже будете использовать в формуле расчета:

  1. Далее вы сможете для каждой добавленной опции указать нужную ценность (числовое значение), которая будет использоваться в расчетах при выборе этой опции:

Число


Это поле, которое поддерживает исключительно числовые значения: цифры, запятую и точку.


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

Создание формулы расчета


  1. Для создания формулы и отображения результатов расчетов вам необходимо добавить поле Формула для расчета и перейти к его настройкам.


  1. В настройках этого поля вам необходимо прописать формулу для расчетов, которая будет использовать созданные ранее переменные и символы + (сложение) , - (вычитание), * (умножение), / (деление) и () для выполнения необходимых арифметических действий:

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


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


  1. После создания формулы вы также можете настроить отображение результатов расчетов:

  • ввести стандартное значение, которое добавится до того, как будет произведен расчет — например, число 0, базовая стоимость ваших услуг, к которой будет добавляться стоимость выбранных дополнительных услуг, или что-либо другое;
  • добавить определенный текст или символ, который будет отображаться до и/или после результатов расчета.


  1. Для поля также доступны стандартные настройки полей — вы можете добавить определенное описание и скрыть поле при необходимости:

Важно: если вы скрываете поле Формула для расчета, результаты расчетов также будут отправлены в случае отправки формы клиентом, и вы сможете их увидеть в настройках сайта в разделе Управление формами и в уведомлениях о новых ответах на почту/мессенджеры и т. д.


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


Примеры использования


Для первого примера добавим калькулятор расчета стоимости печати рекламного баннера в зависимости от его размеров со следующими полями:

При создании формулы мы учитываем, что стоимость печати баннера рассчитывается на основе его площади. Чтобы определить площадь, необходимо умножить ширину на высоту — в результате мы получаем значение в квадратных метрах (м²).


Поскольку цена указана за 1 м², полученную площадь нужно умножить на стоимость печати одного квадратного метра (в нашем примере это 1200 грн). В результате мы получаем следующую формулу, используя наши переменные:


высота*ширина*1200


Для второго примера мы добавим калькулятор расчета стоимости создания сайта со следующими полями:

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


site_type+design_type+addons


В нашем примере в поле «Количество страниц» клиент будет вводить число, поэтому необходимо сразу в формуле прописать, на какое значение это число умножать (то есть, стоимость 1 страницы). Например, пусть стоимость одной страницы будет 100:


pages*100


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


site_type+design_type+addons+pages*100


Последнее изменение: 06/02/2026

Была ли эта статья полезна?

Поделиться отзывом

Отменить

Спасибо!