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

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

Калькулятор Qalca встаёт на Craftum через стандартный блок «HTML-код». Понадобится около 10 минут, программист не нужен.

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

  • Кабинет Qalca с готовым калькулятором. Его можно собрать из шаблона и задать свои цены.
  • Доступ к редактору сайта на Craftum.
  • Адрес сайта, на котором будет стоять калькулятор: свой домен или технический адрес Craftum.

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

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

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

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

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

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

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

    Если сайт пока открывается по техническому адресу Craftum, добавьте этот адрес. Когда подключите свой домен, добавьте и его, иначе на новом адресе калькулятор не появится.

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

  3. Шаг 3. Добавьте блок «HTML-код»

    1. В разделе «Ваши сайты» выберите сайт и откройте страницу в редакторе.
    2. Нажмите «+» под тем блоком, после которого должен стоять калькулятор.
    3. Перейдите во вкладку «Другое» и выберите блок «HTML-код».

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

    Наведите курсор на добавленный блок и нажмите «Настроить». Появится поле «HTML-код», вставьте в него код из шага 1 и сохраните.

  5. Шаг 5. Опубликуйте страницу

    Нажмите «Опубликовать». Если меняли общие настройки сайта (об этом ниже), переопубликуйте все страницы.

  6. Шаг 6. Проверьте калькулятор

    Откройте опубликованную страницу на сайте, а не в редакторе. Пощёлкайте варианты, убедитесь, что сумма пересчитывается, и отправьте тестовую заявку. Она должна прийти на почту или в Telegram, который вы указали в кабинете, и появиться в списке заявок. В заявке будут адрес страницы и UTM-метки, если посетитель пришёл по рекламе.

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

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

Скрипт widget.js достаточно подключить один раз. Удобно положить его в общий код сайта, а в блоки «HTML-код» на страницах ставить только строку <div data-qalca="ID"></div>.

  1. В разделе «Ваши сайты» выберите сайт и откройте настройки, нажав на шестерёнку.
  2. Перейдите во вкладку «HTML».
  3. Вставьте строку <script src="https://qalca.ru/widget.js" async></script> в поле «Пользовательский HTML </body>» (подойдёт и поле «Пользовательский HTML </head>»).
  4. Сохраните изменения. Настройки обновляются несколько минут, после этого переопубликуйте все страницы.

Так же стоит сделать, если блок «HTML-код» почему-то не выполняет скрипт.

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

Кнопку, которая открывает калькулятор поверх страницы, проще всего вставить кодом. Добавьте блок «HTML-код» там, где нужна кнопка, и вставьте:

<button data-qalca-open="ID">Рассчитать стоимость</button>
<script src="https://qalca.ru/widget.js" async></script>

По клику калькулятор откроется поверх страницы. Если скрипт уже стоит в настройках сайта, вторую строку можно не добавлять. Атрибут data-qalca-open работает и на ссылке <a>.

Другой вариант — «ушко» сбоку экрана, которое видно на всех страницах. Вставьте в поле «Пользовательский HTML </body>»:

<div data-qalca="ID" data-qalca-mode="popup" data-qalca-tab="Рассчитать стоимость"></div>
<script src="https://qalca.ru/widget.js" async></script>

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

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

  • Домен не добавлен в кабинете. Самая частая причина. Проверьте вкладку «Домены»: адрес должен совпадать с тем, что в строке браузера, включая технический адрес Craftum.
  • Страница не опубликована. Изменения в редакторе не видны посетителям, пока вы не нажмёте «Опубликовать». После правок в настройках сайта переопубликуйте все страницы.
  • Настройки ещё не обновились. Код из вкладки «HTML» начинает работать через несколько минут.
  • Смотрите в редакторе. Проверяйте на опубликованном сайте, в редакторе сторонний код может не выполняться.
  • Старая версия в кеше. Обновите страницу с очисткой кеша (Ctrl+F5) или откройте её в режиме инкогнито.

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

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

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

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

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

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

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

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

    Кредит

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

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

    Депозит

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

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

    Такси

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

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

    ОСАГО

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

    Стоимость

Все шаблоны →

Вопросы

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

Не нашли ответ?Напишите на hello@qalca.ruНаписать
Как вставить калькулятор на сайт Craftum?

Через блок «HTML-код»: «+» под нужным блоком, вкладка «Другое», блок «HTML-код», кнопка «Настроить», вставить код из кабинета Qalca и опубликовать. Не забудьте добавить домен сайта в кабинете.

Где в Craftum вставить код в head?

В настройках сайта: шестерёнка, вкладка «HTML», поле «Пользовательский HTML </head>». Для кода перед закрывающим тегом body есть поле «Пользовательский HTML </body>». После сохранения переопубликуйте все страницы.

Можно ли поставить калькулятор на технический адрес Craftum?

Да. Добавьте технический адрес на вкладке «Домены» в кабинете Qalca. Когда подключите свой домен, добавьте и его.

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

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

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

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

Да. Вставьте <div data-qalca="ID"></div> в блок «HTML-код» на каждой странице, а скрипт подключите один раз в настройках сайта. Подробнее о вариантах установки — в общей инструкции.

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

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

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