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