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

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

Сервис FormDesigner.ru

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

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

1. Зарегистрируйтесь на сайте FormDesigner.ru. И после регистрации войдите в свой аккаунт.

2. Нажмите создать форму.

3. Далее вы можете выбрать шаблон для вашего калькулятора или создать пустой шаблон (без элементов).

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

5. Переключитесь во вкладку Сторонний код и скопируйте код из поля Код для вставки на сайт. JavaScript (рекомендуем).

6. В системе управления сайтом откройте страницу, на которой вы хотите разместить калькулятор, и добавьте Виджет Встроенный код, перетянув его в нужную область страницы.

7. Нажмите кнопку Добавить код и вставьте код, который был скопирован ранее.

8. Сохраните настройки.

Сервис Stepform.io

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

1. Пройдите регистрацию в сервисе

2. Далее вы можете выбрать создание пустой формы или готовый шаблон. который можно переделать под свою услугу.

3. После создания калькулятора, перейдите в раздел Публикация и скопируйте код из поля Код для вставки (javascript).

4. В системе управления сайтом откройте страницу, на которой вы хотите разместить калькулятор, и добавьте Виджет Встроенный код, перетянув его в нужную область страницы.

5. Нажмите кнопку Добавить код и вставьте код, который скопировали ранее.

6. Сохраните настройки виджета и всей страницы.

Онлайн-калькулятор будет хорошо работать в комплексе с другими мотивирующими блоками на сайте: на странице с отзывами, на странице с описанием преимуществ работы с вами, поближе к бонусам и скидкам и т.д. Поэтому рекомендуем добавлять калькулятор не на пустой отдельной странице.

ВАЖНО: данное руководство не является инструкцией по использованию сервисов FormDesigner.ru и Stepform.io. Мы лишь рассказываем о возможности и способах добавления онлайн-калькулятора на сайт. Вы можете использовать и любые другие сервисы, которые предоставляют код вставки калькулятора и походят вам больше по условиям. О всех возможностях FormDesigner.ru и Stepform.io рекомендуем уточнять в поддержке этих сервисов.

Последнее изменение: 24/03/2026