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