12 июля 2026 · Инструкция

Как поставить калькулятор на Tilda (и WordPress) — без программиста

Вы собрали сайт сами — отлично. Калькулятор ставится так же: скопировать готовый код и вставить в нужный блок. Ниже — по шагам, как это сделать за 10–15 минут.

Что понадобится

• Сайт на Tilda или WordPress (доступ в редактор).
• Любой калькулятор из раздела «Инструменты» на KalkPlace — они бесплатные.
• На странице калькулятора кнопка «Вставить на сайт» — оттуда копируете код целиком.

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

Tilda — по шагам

1. Скопировать код
2. Вставить в блок с кодом
3. Опубликовать страницу

1. Откройте нужную страницу в редакторе Tilda.
2. Добавьте блок T123 с кодом (в каталоге блоков ищите «код»).
3. Вставьте скопированный код целиком — не вырезайте куски.
4. Нажмите «Опубликовать» и откройте страницу с телефона: калькулятор должен быть виден полностью, без полоски прокрутки внутри блока.

Если используете Zero Block — добавьте элемент с кодом и вставьте его туда.

Картинки и пояснения — в подробном руководстве на нашем сайте.

WordPress — по шагам

1. Откройте страницу или запись в редакторе.
2. Добавьте блок «Произвольный код» в редакторе WordPress.
3. Вставьте тот же код из «Вставить на сайт».
4. Сохраните и проверьте на телефоне.

Если сайт обрезает код — попросите хостинг включить вставку произвольного кода для администратора или поставьте простой плагин для вставки кода (это решается за один раз).

Что написать над калькулятором

Не оставляйте страницу пустой — добавьте заголовок и пару абзацев:

• «Рассчитайте стоимость онлайн» — заголовок;
• кратко: что считает калькулятор и что клиент получит (ориентир по цене, PDF, заявка).

Так и посетителю понятнее, и страница лучше находится в поиске. Подробнее — в статье про поиск и калькулятор.

Если нужен калькулятор с вашими ценами

Бесплатные инструменты — универсальные (НДС, площадь). Для расчёта ваших услуг с прайсом, PDF и заявкой смотрите демо: стекло, балконные ограждения. Вставляется так же — код на ваш сайт, мы помогаем с настройкой.