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

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

1. 1

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

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

   Скопировать

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

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

2. 2

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

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

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

3. 3

   Шаг 3. Откройте лендинг в редакторе

   В личном кабинете LPgenerator откройте нужную страницу в визуальном редакторе. Решите, в какой секции будет калькулятор. Обычно его ставят сразу после первого экрана или рядом с блоком цен.

4. 4

   Шаг 4. Добавьте элемент «HTML»

   В основном меню редактора выберите инструмент «HTML» (в справке LPgenerator он называется «Произвольный HTML») и поставьте его в нужную секцию. Вставьте в него обе строки кода из шага 1 и сохраните элемент.

   Растяните элемент на нужную ширину секции. Высоту калькулятор подстроит сам: он показывается во встроенном окне, которое меняет высоту под содержимое. Если элемент оказался ниже калькулятора и наезжает на следующий блок, увеличьте высоту секции.

5. 5

   Шаг 5. Если калькуляторов несколько, подключите скрипт один раз

   Скрипт widget.js достаточно подключить на странице один раз. Для этого в LPgenerator есть инструмент «Скрипты» в верхней панели редактора: нажмите «Добавить скрипт», вставьте строку <script src="https://qalca.ru/widget.js" async></script> и выберите положение «Перед тегом ». Тогда в элементы «HTML» достаточно вставлять только <div data-qalca="ID"></div>.

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

6. 6

   Шаг 6. Сохраните и проверьте калькулятор

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

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

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

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

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

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

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

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

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

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

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

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

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

  Кредит

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

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

  Депозит

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

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

  Такси

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

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

  ОСАГО

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

  ПосмотретьСтоимость

Все шаблоны →