Калькулятор для WordPress: плагин или виджет без плагинов

Калькулятор для WordPress обычно ставят одним из двух способов: устанавливают плагин-конструктор форм с формулами или вставляют готовый калькулятор из внешнего сервиса HTML-кодом. У каждого пути свои плюсы. Ниже разбираем оба, а затем пошагово показываем, как вставить внешний калькулятор без плагинов: в редакторе блоков Gutenberg, в Elementor и прямо в шаблон темы.

Плагины калькуляторов для WordPress

В каталоге wordpress.org есть несколько плагинов, которые умеют считать стоимость. Мы проверили два популярных на их страницах в каталоге 13 октября 2026.

Calculated Fields Form

Разработчик codepeople, больше 40 000 активных установок. Конструктор форм с полями-формулами.

В бесплатной версии: визуальный конструктор, базовые вычисления и формулы, условная логика между полями, уведомления владельцу на почту, сохранение заявок в админке, многостраничные формы, Math CAPTCHA и Akismet.
В платных версиях: письмо-подтверждение клиенту, оплата через PayPal и Stripe, экспорт заявок в CSV, а в старших версиях WebHooks, загрузка файлов, генерация PDF и другие дополнения.

Cost Calculator Builder

Разработчик Stylemix, больше 20 000 активных установок. Конструктор калькуляторов с перетаскиванием элементов, вставка шорткодом или блоком.

В бесплатной версии: 10 базовых элементов, среди них формула, количество, выпадающий список, переключатели, чекбоксы и ползунок. Формулы со сложением, вычитанием, умножением и делением.
Только в Pro: условная логика (показ и скрытие полей), письма клиенту, отправка расчёта на почту, вебхуки, reCAPTCHA, оплата, загрузка файлов, аналитика и панель заказов.

Плюсы и минусы плагинов

Плюсы:

есть бесплатные версии с формулами;
всё живёт внутри вашего сайта и админки WordPress;
свободная сборка: любые поля и любая формула.

Минусы:

Формулу и все поля собираете сами. Для калькулятора окон или электромонтажа это десятки полей и длинная формула.
Многие нужные для заявок функции в платных версиях: условная логика, письма клиенту, вебхуки, загрузка файлов. Цены платных версий смотрите на сайтах разработчиков.
Доставка писем зависит от почты вашего хостинга. Если письма с сайта уходят в спам или не отправляются, заявки теряются незаметно.
Плагин нужно обновлять вместе с WordPress, а каждый лишний плагин добавляет нагрузку и потенциальные конфликты.

Когда удобнее внешний виджет

Внешний калькулятор работает на серверах сервиса, а на сайт вставляется одной строкой кода. Плагин ставить не нужно. Это удобно, если:

в вашей нише есть готовый калькулятор, и вы не хотите собирать формулу с нуля;
нужно, чтобы заявки шли в Telegram или CRM, а не только на почту хостинга;
важно не терять заявки при сбоях почты;
вы не хотите следить за обновлениями ещё одного плагина;
калькулятор нужен на нескольких сайтах на разных движках.

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

Как вставить калькулятор для WordPress без плагинов

Покажем на примере Qalca. Сначала подготовьте калькулятор:

Выберите шаблон своей ниши. Например, калькулятор пластиковых окон уже считает конструкцию, размеры, профиль, стеклопакет, монтаж, подоконник, отлив и откосы. Для других ниш есть шаблоны установки кондиционера, электромонтажа, уборки, доставки и ещё десятки.
Поставьте свои цены, надбавки, скидку и минимальный заказ. Переименуйте подписи полей под свой бизнес и скройте лишние.
Настройте, куда приходят заявки: почта, Telegram, вебхук в CRM.
Скопируйте код вставки из кабинета. Это одна строка: элемент с атрибутом data-qalca и подключение скрипта widget.js.

Дальше выберите, куда вставлять.

В редакторе блоков Gutenberg

Откройте нужную страницу или запись.
Нажмите «+» (добавить блок) и выберите блок «Пользовательский HTML». Быстрый способ: в новой строке наберите /html и нажмите Enter.
Вставьте код Qalca в блок.
Обновите или опубликуйте страницу и проверьте калькулятор на сайте.

Важная деталь. По документации WordPress, если у пользователя нет права unfiltered_html, теги <script> и <iframe> вырезаются из блока при сохранении. Обычно такое право есть у администратора. Если код пропадает после сохранения, вставляйте его под учётной записью администратора.

В Elementor

Откройте страницу в Elementor.
Найдите в панели виджетов виджет «HTML» и перетащите его в нужное место.
Вставьте код Qalca в поле кода.
Нажмите «Обновить» и проверьте калькулятор на опубликованной странице.

Если в редакторе Elementor калькулятор не отображается, проверьте его на опубликованной странице или в предпросмотре.

В шаблон темы

Этот вариант нужен, если калькулятор должен быть на всех страницах определённого типа, например на каждой карточке услуги.

Блочная тема. Откройте «Внешний вид → Редактор», выберите нужный шаблон и добавьте в него блок «Пользовательский HTML» с кодом.
Классическая тема. Вставьте код в нужный файл шаблона, например в шаблон страницы услуги. Делайте это в дочерней теме: при обновлении основной темы правки в её файлах пропадут.

После вставки проверьте страницу. Если на сайте стоит плагин кеширования или оптимизации, который объединяет и откладывает скрипты, и калькулятор не появился, исключите widget.js из оптимизации и сбросьте кеш.

Попапом по кнопке

Калькулятор можно не держать на странице, а открывать во всплывающем окне по кнопке «Рассчитать стоимость». Код для этого варианта и подсказка, что задать кнопке, есть в кабинете. Код вставляется так же: блоком «Пользовательский HTML», виджетом HTML в Elementor или в шаблон темы. Общая инструкция для всех платформ на странице установки.

Что даёт внешний калькулятор на WordPress

Готовый расчёт. 84 шаблона в 13 нишах, цены ваши. Добавить своё поле или поменять формулу самому нельзя, можно переименовать и скрыть поля и задать свои цены. Если нужного варианта в шаблоне нет, напишите нам.
Изоляция. Калькулятор показывается в iframe, поэтому стили темы и другие плагины не ломают его вёрстку.
Заявки не зависят от почты хостинга. Они приходят на почту, в Telegram, вебхуком в amoCRM, Битрикс24 и другие CRM, по желанию SMS. Каждая заявка сначала сохраняется, а при сбое канала отправка повторяется до 8 раз в течение суток. Все заявки видны в кабинете, их можно выгрузить.
Защита. Цену пересчитывает сервер, подделать сумму нельзя. Антиспам: поле-ловушка, проверка времени заполнения, невидимая проверка браузера, лимит по IP и по желанию капча Яндекса (SmartCaptcha).
Форма заявки до трёх шагов, с условными полями и загрузкой файлов.

Тарифы за один калькулятор: Старт 490 ₽ в месяц (300 заявок, почта, Telegram, вебхук в CRM, статистика), Бизнес 1 490 ₽ (1 500 заявок, плюс онлайн-запись, приём оплаты, файлы, автоответ клиенту), Про 2 990 ₽ без лимита заявок, с SMS, без ссылки Qalca и персональной поддержкой.

Итог

	Плагин	Внешний виджет Qalca
Стоимость	есть бесплатные версии, часть функций платная	от 490 ₽ в месяц за калькулятор
Расчёт	собираете сами, любая формула	готовый шаблон под нишу, свои цены
Доставка заявок	почта хостинга, остальное зависит от версии	почта, Telegram, CRM, SMS, повтор при сбоях
Обновления	плагин обновляете вы	на стороне сервиса
Работает на других движках	нет	да

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

Попробуйте Qalca на WordPress 7 дней бесплатно

Выберите шаблон, поставьте свои цены и вставьте калькулятор блоком «Пользовательский HTML». Первые 7 дней бесплатно, вход в кабинет по коду из почты.