вконтакте
telegram
В редакторе квиза откройте «Публикация» и выберите тип установки
Выберите способ размещения «На сайт», а ниже — как квиз появится на странице: кнопкой, блоком на сайте, виджетом, баннером или автооткрытием. Способ можно переключить в любой момент — настройки и код обновятся ниже.
Скопируйте код инициализации
Нажмите «Копировать» под кодом для блока
<head>. Этот скрипт нужен один на весь сайт — если он уже стоит на страницах, второй раз вставлять его не нужно.
В редакторе сайта LPGenerator нажмите «Скрипты»
Инструмент находится в верхней панели, справа — рядом с «Мета-теги» и «Цели конверсии».
Создайте новый скрипт и вставьте код инициализации
В окне «Добавить скрипты» создайте новый скрипт, вставьте скопированный код в поле «Скрипты» и обязательно выберите в поле «Положение» вариант «Внутри тега <HEAD>» — с другим положением квиз не заработает. Нажмите «Сохранить».
Вернитесь в LeadForms и настройте вид кнопки
Разберём на примере типа установки «Кнопка». На вкладке «Конструктор» задайте текст, цвета и вид кнопки — справа сразу видно, как она будет выглядеть на странице. Настройки сохраняются автоматически.
Если кнопка уже нарисована на вашей странице в LPGenerator, вместо конструктора используйте вкладку «Своя кнопка».
Если кнопка уже нарисована на вашей странице в LPGenerator, вместо конструктора используйте вкладку «Своя кнопка».
Скопируйте код кнопки
Ниже настроек вида появится второй код — с ним кнопка встанет на страницу. Нажмите «Копировать».
Вставьте код кнопки в блок HTML на странице
В редакторе LPGenerator нажмите в верхней панели инструмент «HTML» и поставьте блок туда, где должна быть кнопка. В окне «Добавить html» вставьте скопированный код и нажмите «Сохранить».
Перетащите блок на нужное место и сохраните страницу
В редакторе блок выглядит серой заглушкой с надписью «Это просто заглушка» — так и должно быть. Настоящая кнопка появится на опубликованной странице, посмотреть её можно через «Просмотр».
Поставьте блок туда, где нужна кнопка, и нажмите «Сохранить» в левом верхнем углу.
Поставьте блок туда, где нужна кнопка, и нажмите «Сохранить» в левом верхнем углу.
Нажмите «Просмотр» и проверьте кнопку
Вместо серой заглушки вы увидите настоящую кнопку — ровно такую, какой настроили её в LeadForms. Нажмите на неё: должен открыться квиз.
Готово! Квиз установлен на сайт — осталось опубликовать страницу, чтобы кнопку увидели посетители.
Готово! Квиз установлен на сайт — осталось опубликовать страницу, чтобы кнопку увидели посетители.
Если хотите использовать кнопку самого LPGenerator
Способ для случая, когда квиз должен открываться по кнопке, нарисованной в конструкторе LPGenerator, а не по коду из LeadForms.
Код инициализации при этом всё равно нужен — вставьте только его через «Скрипты», как показано в шагах 2–4 выше. Код кнопки в этом случае не понадобится.
Код инициализации при этом всё равно нужен — вставьте только его через «Скрипты», как показано в шагах 2–4 выше. Код кнопки в этом случае не понадобится.
Скопируйте ссылку кнопки
В редакторе квиза откройте «Публикация» → «На сайт» → тип «Кнопка» и перейдите на вкладку «Своя кнопка». Внизу будет ссылка вида
Если кнопка не ссылка, а элемент с обработчиком, используйте вариант ниже — событие
#popup:Leadforms_ID — её и нужно указать у своей кнопки.Если кнопка не ссылка, а элемент с обработчиком, используйте вариант ниже — событие
onclick="Leadforms.showModal('ID')".
Добавьте кнопку в редакторе LPGenerator
В верхней панели нажмите инструмент «Кнопка» и поставьте её туда, где она нужна на странице.
Вставьте ссылку в настройках кнопки и сохраните
В окне «Добавить кнопку» в поле «Действие» выберите «Ссылка», а в поле «Ссылка» вставьте скопированную
В поле «Открывать» оставьте «В том же окне» — квиз открывается поверх страницы, новая вкладка не нужна.
#popup:Leadforms_ID. Задайте текст кнопки и нажмите «Сохранить».В поле «Открывать» оставьте «В том же окне» — квиз открывается поверх страницы, новая вкладка не нужна.
Расположите кнопку и сохраните изменения
Перетащите кнопку туда, где она нужна, и нажмите «Сохранить» в левом верхнем углу.
Готово! Квиз будет открываться при нажатии на кнопку. Проверить можно через «Просмотр» — до публикации страницы кнопка видна только в редакторе.
Готово! Квиз будет открываться при нажатии на кнопку. Проверить можно через «Просмотр» — до публикации страницы кнопка видна только в редакторе.
Не получается настроить?
Если что-то не получается, вы можете — поможем разобраться.
