Скопируйте код LeadForms
В редакторе квиза откройте «Публикация» → «На сайт» и раскройте блок «Код на сайте». Скопируйте код вида
Код один на весь сайт: он подключает все ваши квизы и виджеты. Если код уже стоит на странице, второй раз вставлять его не нужно.
<script async src="https://script.leadforms.ru/v1.js" data-key="ВАШ_КЛЮЧ"></script> — ваш ключ в нём уже подставлен.Код один на весь сайт: он подключает все ваши квизы и виджеты. Если код уже стоит на странице, второй раз вставлять его не нужно.
Добавьте новый блок
Перейдите в конструктор Bloxy и добавьте новый блок «HTML код» (иконка </>). Если будете ставить кнопку LeadForms в странице — добавьте блок туда, где должна быть кнопка.
Вставьте код LeadForms
Перейдите к редактированию добавленного блока «HTML код» и вставьте скопированный код LeadForms. Код нужен на каждой странице, где должен работать квиз.
Выберите, как показывать квиз, и нажмите «Опубликовать»
Вернитесь в LeadForms, во вкладку «Публикация» → «На сайт». В шаге «Где проходит квиз» выберите «Окно поверх сайта» или «Панель сбоку», в шаге «Чем открывается» — «Кнопка на странице», чтобы кнопка LeadForms стояла в блоке Bloxy. Можно добавить и другие способы — например, «Кнопка LeadForms — в углу или кнопкой-баннером» или «Автооткрытие».
Скопируйте код кнопки на странице вида
Нажмите «Опубликовать» внизу вкладки «Публикация». Без этого изменения на сайт не попадут.
Скопируйте код кнопки на странице вида
<div data-leadforms-button="ID"></div> (ID — номер вашего квиза).Нажмите «Опубликовать» внизу вкладки «Публикация». Без этого изменения на сайт не попадут.
Вставьте код кнопки
Перейдите в конструктор Bloxy и в созданный блок «HTML код» вставьте код
Для кнопки LeadForms в углу и автооткрытия этот шаг не нужен.
<div data-leadforms-button="ID"></div> после кода LeadForms. Сохраните.Для кнопки LeadForms в углу и автооткрытия этот шаг не нужен.
Сохраните или нажмите на предпросмотр
Квиз будет открываться при нажатии на кнопку. Проверить установку можно в LeadForms: в блоке «Код на сайте» нажмите «Проверить страницу» и введите адрес страницы.
Если хотите открывать квиз своей кнопкой Bloxy
Код LeadForms на странице нужен и здесь — как в шагах 1–3 выше. В LeadForms, во вкладке «Публикация» → «На сайт», в шаге «Чем открывается» раскройте «Ссылки и кнопки вашего сайта» и скопируйте ссылку — такие ссылки работают всегда, отдельно включать и публиковать ничего не нужно. Затем в настройках кнопки Bloxy укажите ссылку
#leadforms-ID — вместо ID номер вашего квиза.Если квиз должен быть прямо в странице
В LeadForms, в шаге «Где проходит квиз», выберите «Блок в странице» и нажмите «Опубликовать». В Bloxy добавьте блок «HTML код» туда, где должен быть квиз, и вставьте в него строку
<div data-leadforms-block="ID"></div>. Код LeadForms на странице нужен и здесь.Не получается настроить?
Если что-то не получается, вы можете — поможем разобраться.