ВойтиПопробовать бесплатно

Как установить калькулятор на сайт Nethouse

Калькулятор Qalca ставится на сайт Nethouse через блок «HTML-код». Ниже шаги, ограничения тарифа и что делать, если блок не принял скрипт.

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

  • Калькулятор в кабинете Qalca. Если его ещё нет, выберите готовый в каталоге шаблонов и задайте свои цены.
  • Доступ к редактору сайта на Nethouse.
  • Тариф Nethouse «Профессионал» и шаблон «Новый». По справке Nethouse блок «HTML-код» доступен именно в таком сочетании. Если у вас другой тариф, уточните в поддержке Nethouse, можно ли вставить сторонний HTML-код.

Пошаговая установка

  1. Шаг 1. Скопируйте код в кабинете Qalca

    Откройте калькулятор в кабинете и перейдите на вкладку «Код вставки». Код выглядит так:

    <div data-qalca="ID"></div>
<script src="https://qalca.ru/widget.js" async></script>

    Вместо ID там будет номер вашего калькулятора. Копируйте код из кабинета целиком.

  2. Шаг 2. Добавьте домен сайта

    Калькулятор работает только на доменах, добавленных в кабинете на вкладке «Домены». Добавьте адрес, на котором открывается сайт. Если сайт пока на техническом адресе Nethouse, добавьте его, а после подключения своего домена добавьте и свой. На первый домен даётся 7 дней бесплатно.

    Добавьте домен, иначе калькулятор не покажется.

  3. Шаг 3. Добавьте на страницу блок «HTML-код»

    В редакторе Nethouse откройте страницу, где нужен калькулятор, и добавьте блок «HTML-код». Блок можно поставить на любую страницу и использовать несколько раз, например по калькулятору на каждую услугу.

  4. Шаг 4. Вставьте код

    Нажмите на значок шестерёнки у блока, чтобы открыть его редактор. Там уже есть пример кода: удалите его и вставьте код из шага 1. Сохраните блок.

    Высоту подбирать не нужно: калькулятор показывается во встроенном окне, которое само меняет высоту под содержимое.

  5. Шаг 5. Если блок не принял скрипт

    В справке Nethouse сказано, что в блок «HTML-код» нельзя добавить iframe и script, и для скриптов предлагается блок GTM (Google Tag Manager). Если после сохранения строка со <script> пропала или калькулятор не появился, сделайте так:

    1. В блоке «HTML-код» оставьте только <div data-qalca="ID"></div>.
    2. Подключите скрипт через Google Tag Manager: создайте тег типа «Пользовательский HTML» с кодом <script src="https://qalca.ru/widget.js" async></script>, триггер «All Pages», опубликуйте контейнер.
    3. Подключите контейнер GTM к сайту через блок GTM в Nethouse.

    Скрипт достаточно подключить один раз на сайт, даже если калькуляторов несколько.

  6. Шаг 6. Опубликуйте и проверьте

    Сохраните изменения и откройте сайт по его адресу в новой вкладке, не из редактора. Пощёлкайте варианты, проверьте сумму и отправьте тестовую заявку. Она придёт туда, куда настроены уведомления в кабинете Qalca, вместе с адресом страницы и UTM-метками.

Калькулятор во всплывающем окне (кнопка «Рассчитать»)

Чтобы калькулятор открывался поверх страницы по клику, вставьте в блок «HTML-код» кнопку с атрибутом data-qalca-open:

<button data-qalca-open="ID">Рассчитать стоимость</button>

Скрипт widget.js при этом должен быть подключён на странице: в том же блоке или через GTM, как в шаге 5.

Ещё вариант: «ушко» сбоку экрана.

<div data-qalca="ID" data-qalca-mode="popup" data-qalca-tab="Рассчитать стоимость"></div>

С атрибутом data-qalca-delay="20" окно откроется само через 20 секунд, с data-qalca-scroll="50" после прокрутки половины страницы.

Если калькулятор не появился

  • Домен не добавлен. Проверьте вкладку «Домены» в кабинете Qalca: там должен быть точный адрес сайта, в том числе технический адрес Nethouse, если своего домена ещё нет.
  • Nethouse убрал script. Откройте редактор блока и посмотрите, осталась ли строка со скриптом. Если нет, подключите widget.js через GTM (шаг 5).
  • Блока «HTML-код» нет в списке. Проверьте тариф и шаблон: по справке Nethouse блок доступен на тарифе «Профессионал» в шаблоне «Новый».
  • Смотрите из редактора. Проверяйте калькулятор на опубликованном сайте.
  • Кеш браузера. Обновите страницу с очисткой кеша (Ctrl+F5) или откройте её в режиме инкогнито. Если скрипт подключён через GTM, убедитесь, что контейнер опубликован.

Шаблоны для сайта на Nethouse

  • Строительство и ремонт

    Пластиковые окна

    Стоимость ПВХ-окна с монтажом, подоконником, отливом и откосами.

    Стоимость
  • Клининг

    Уборка квартиры

    Поддерживающая, генеральная и послестроительная уборка с доп. услугами.

    Стоимость
  • Экономика и финансы

    Кредит

    Ежемесячный платёж и переплата по потребительскому кредиту.

    Стоимость
  • Экономика и финансы

    Депозит

    Доход по вкладу с капитализацией или без и пополнениями.

    Стоимость
  • Автоуслуги

    Такси

    Цена поездки по тарифу, расстоянию и времени в пути.

    Стоимость
  • Автоуслуги

    ОСАГО

    Предварительная цена полиса по мощности, стажу и региону.

    Стоимость

Все шаблоны →

Вопросы

Частые вопросы: калькулятор на Nethouse

Не нашли ответ?Напишите на hello@qalca.ruНаписать
Можно ли поставить калькулятор на Nethouse на бесплатном тарифе?

По справке Nethouse блок «HTML-код» доступен на тарифе «Профессионал» в шаблоне «Новый». Про другие тарифы лучше уточнить в поддержке Nethouse. Если своего сайта пока нет, используйте прямую ссылку на калькулятор (ответ ниже).

Подойдёт ли калькулятор для интернет-магазина на Nethouse?

Да, если нужно посчитать стоимость услуги или заказа под размер: калькулятор ставится на любую страницу с блоком «HTML-код» и собирает заявку с параметрами и итоговой суммой. Это не корзина магазина, оплата идёт по заявке.

Нужно ли менять код на сайте, когда меняются цены?

Нет. Цены, подписи полей и уведомления меняются в кабинете Qalca, на сайте они обновятся сами.

Куда приходят заявки?

На почту, в Telegram или вебхуком в CRM, как настроите в кабинете Qalca. В заявке видны выбранные параметры, сумма, страница, где её оставили, и UTM-метки.

Можно ли обойтись без сайта?
Не нашли ответ?Напишите на hello@qalca.ruНаписать

Другие платформы

Да. У калькулятора есть прямая ссылка на странице qalca.ru, её можно отправить в мессенджере или поставить в соцсетях. Ссылка работает, пока у калькулятора есть оплаченный домен. Инструкции для других конструкторов есть в общем разделе.

Поставьте калькулятор на Nethouse сегодня

Выберите шаблон, поменяйте цены и получите первую заявку с расчётом. 7 дней бесплатно.

Попробовать бесплатно