Как добавить квиз в сайт на LP Motor?

Инструкция для внедрения квиза на сайт LP Motor

Добавить квиз в конструктор LP Motor можно двумя способами: вставив кнопку Marquiz или использовать кнопку LP Motor.

Способ 1: Вставка кнопки Marquiz.

  1. Скопируйте код инициализации
    Скопируйте код инициализации на странице «Установка квиза». 
  2. Добавьте новый блок
    Перейдите на LP Motor, нажмите «Добавить элемент» → «Блоки» → «HTML Блок». Перенесите HTML-блок в то место, где должна быть кнопка «Пройти тест».
  3. Вставьте код инициализации
    Нажмите на вставленный блок, нажмите «Редактировать HTML-код» и вставьте код Marquiz. Сохраните.
  4. Скопируйте код кнопки
    Скопируйте код на странице редактора кнопки.
  5. Вставьте код кнопки
    Перейдите в конструктор LP Motor и в уже созданный блок «HTML Блок» вставьте скопированный код. Сохраните.
  6. Опубликуйте страницу
    Нажмите «Посмотреть сайт». Готово! Квиз будет открываться при нажатии кнопки.

Способ 2: Использование кнопки LP Motor.

  1. Скопируйте код инициализации
    Скопируйте код инициализации на странице «Установка квиза». 
  2. Добавьте новый блок
    Перейдите на LP Motor, нажмите «Добавить элемент» → «Блоки» → «HTML Блок». Перенесите HTML-блок в начало сайта.
  3. Вставьте код инициализации
    Перейдите в контент добавленного блока и вставьте скопированный код. Сохраните.
  4. Скопируйте ссылку кнопки
    Перейдите на страницу «Установка квиза», откройте редактор кнопки. Во вкладке «своя кнопка» скопируйте ссылку. (Пример ссылки: #popup:marquiz_5aa84f60ee90d200185234af)
  5. Добавьте кнопку
    Перейдите на LP Motor, нажмите «Добавить элемент» → «Блоки» → «Кнопка». Перенесите кнопку в нужное вам место.
  6. Пропишите код
    Нажмите на кнопку для её редактирования. Уберите галочку рядом с «Открывать в новом окне» и в поле рядом вставьте ссылку вызова квиза.
    (Пример ссылки: #popup:marquiz_5aa84f60ee90d200185234af)
  7. Опубликуйте страницу
    Нажмите «Посмотреть сайт». Готово! Квиз будет открываться при нажатии кнопки.

Чтобы проверить правильность установки квиза необходимо сделать следующие действия:  

  1. Скопируйте адрес сайта
    Скопируйте адрес вашего сайта, на котором установлен квиз.
  2. Найдите раздел «установка квиза»
    На сайте Marquiz, в панели редактирования, перейдите в раздел «установка квиза».
  3. Проверьте установку
    В пункте 3 «проверить правильность установки» вставьте адрес своего сайта в пустую форму, нажмите «проверить».

Если все четыре пункта высвечиваются зеленым цветом, то вы все сделали правильно, кнопка установлена и квиз корректно работает.

Если какой-то то из пунктов высвечивается красным цветом, то следует проверить следующие настройки по пунктам:

«код инициализации не установлен»
Проверьте, добавили ли вы код инициализации в блок head.
«скрипт модального окна не установлен»
Проверьте, добавили ли вы код инициализации в блок head.
«кнопка открытия квиза не установлена»
Проверьте, добавили ли вы кнопку открытия квиза из редактора кнопки в нужное место.
«квиз не установлен или это не тот квиз»
Проверьте, что id квиза в коде инициализации или в кнопке открытия квиза соответствует текущему квизу.

👆 На этом пока всё