Сделать калькулятор wordpress

1. Установите плагин для расчётов (например, Calculated Fields Form).
2. Создайте форму: поля «ширина», «высота», «тип работы».
3. Задайте формулу результата: например, ширина × высота × цена.
4. Вставьте форму на страницу шорткодом.
5. Настройте отправку результата на e-mail или в CRM.

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

Простой калькулятор — это немного HTML и JavaScript. Вставляется блоком «HTML» или через шорткод плагина сниппетов.

<div class="calc">
  <label>Ширина, м: <input type="number" id="w" value="3"></label>
  <label>Высота, м: <input type="number" id="h" value="2.5"></label>
  <label>Цена за м²: <input type="number" id="p" value="1200"></label>
  <button type="button" id="calc-btn">Рассчитать</button>
  <p>Итого: <b id="calc-out">0</b> ₽</p>
</div>

document.getElementById('calc-btn').onclick = function () {
  const w = +document.getElementById('w').value;
  const h = +document.getElementById('h').value;
  const p = +document.getElementById('p').value;
  const total = w * h * p;
  document.getElementById('calc-out').textContent =
    total.toLocaleString('ru-RU');
};

Такой блок полностью ваш: и вид, и логика. Расширяется скидками, дополнительными опциями и выбором материалов.

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

add_shortcode('calc', function () {
  ob_start(); ?>
  <div class="calc">...</div>
  <?php return ob_get_clean();
});

Затем в редакторе пишете [calc]. Удобно для повторного использования.

Формула может быть простой и составной:

• площадь: ширина × высота;
• стоимость: площадь × цена за м²;
• со скидкой: стоимость × (1 − скидка/100);
• с доплатой за срочность: + стоимость × 0.2.

Всегда округляйте и форматируйте результат, чтобы не показывать «1234.5678901».