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