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

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

Калькулятор Qalca подключается к магазину на InSales в два действия: скрипт один раз в разделе «Счетчики и коды», место калькулятора — в тексте страницы или описании товара.

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

  • Калькулятор в кабинете Qalca. Можно взять готовый шаблон из каталога и поставить свои цены.
  • Доступ к бэк-офису InSales с правом менять настройки сайта и страницы.

Где калькулятор полезен магазину

Корзина InSales хорошо считает обычный товар с фиксированной ценой. Калькулятор нужен там, где цена зависит от параметров: товар под заказ (мебель по размерам, печать, торты, шторы), услуги к товару (доставка с подъёмом на этаж, сборка, монтаж) и сложная доставка (крупногабарит, грузовое такси, межгород). Покупатель сразу видит сумму и оставляет заявку с параметрами. Заявка не попадает в корзину InSales: она приходит в кабинет Qalca, на почту, в Telegram или в CRM. Готовые варианты есть в разделе калькуляторы доставки.

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

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

    Откройте калькулятор в кабинете Qalca, вкладка «Код вставки». Код состоит из двух строк, вместо ID будет номер вашего калькулятора:

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

    На InSales строки удобно разделить: скрипт подключается один раз для всего магазина, а в нужные страницы вставляется только первая строка.

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

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

    Если магазин открывается на техническом адресе вида shopname.myinsales.ru, добавьте его. После подключения своего домена добавьте и его.

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

  3. Шаг 3. Подключите скрипт для всего сайта

    В бэк-офисе InSales откройте раздел «Счетчики и коды». В зависимости от версии бэк-офиса он находится в меню «Сайт» или «Настройки».

    Найдите блок «Блоки кода для вставки на все страницы сайта», выберите вставку в раздел <head> и вставьте строку:

    <script src="https://qalca.ru/widget.js" async></script>

    Нажмите «Сохранить». В старых версиях бэк-офиса поле называется «JavaScript-код для вывода на всех страницах магазина», вставлять туда же.

  4. Шаг 4. Вставьте калькулятор в страницу

    Откройте нужную страницу на редактирование: текстовую страницу «Доставка», «Услуги» или карточку товара. В визуальном редакторе нажмите кнопку «Исходный код», вставьте строку:

    <div data-qalca="ID"></div>

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

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

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

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

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

В режиме «Исходный код» добавьте к ссылке или кнопке атрибут data-qalca-open:

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

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

Для «ушка» сбоку экрана вставьте на страницу:

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

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

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

  • Домен не добавлен в кабинете. Проверьте вкладку «Домены». Адрес на myinsales.ru и свой домен — это разные адреса.
  • Скрипт не подключён. Проверьте «Счетчики и коды»: строка с widget.js должна быть сохранена.
  • Редактор изменил код. Откройте «Исходный код» ещё раз и проверьте, что строка <div data-qalca="ID"></div> осталась целиком, с атрибутом и номером.
  • Код вставлен как текст. На странице видны сами строки кода. Удалите их и вставьте заново через «Исходный код».
  • Старая версия в браузере. Обновите страницу без кеша (Ctrl+F5 или Cmd+Shift+R) или откройте в режиме инкогнито.

Если всё проверили, а калькулятора нет, напишите нам и пришлите адрес страницы.

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

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

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

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

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

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

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

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

    Кредит

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

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

    Депозит

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

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

    Такси

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

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

    ОСАГО

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

    Стоимость

Все шаблоны →

Вопросы

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

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

Скрипт widget.js добавьте в «Счетчики и коды» в раздел <head>. В нужной странице нажмите «Исходный код» и вставьте строку с data-qalca. Добавьте домен магазина во вкладке «Домены».

Можно ли поставить калькулятор в карточку товара?

Да. В описании товара тот же визуальный редактор с кнопкой «Исходный код». Вставьте туда строку с data-qalca или кнопку с data-qalca-open.

Нужно ли расширение из магазина приложений InSales?

Нет. Калькулятор подключается кодом, без установки расширения. Цены и поля меняются в кабинете Qalca.

Попадает ли расчёт в корзину InSales?

Нет. Калькулятор отправляет заявку с параметрами и итоговой суммой на почту, в Telegram или в CRM. Он подходит для товаров под заказ, услуг и доставки, которые не оформить обычной корзиной.

Работает ли калькулятор на адресе myinsales.ru?

Да, если добавить этот адрес во вкладке «Домены». После подключения своего домена добавьте и его.

Не нашли ответ?Напишите на hello@qalca.ruНаписать

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

Инструкции для других платформ собраны на странице Установка. Подобрать калькулятор под свою нишу можно в каталоге шаблонов.

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

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

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