Как добавить квиз в сайт на Битрикс24?

Важно! Вставка html-кода в конструктор сайтов Битрикс возможна только на платных тарифах Битрикс.  

Чтобы добавить квиз на сайт конструктора Битрикс24, нужно сделать 4 простых шага:

1. Переходим в конструктор сайта Битрикс и жмём на кнопку
Редактировать:

2. Открываем блок Настройки -> Html код, в котором мы планируем разместить квиз:

3. Копируем поочередно код инициализации и код кнопки, баннера, виджета для вставки в тело сайта в редакторе квиза.
Копируем оба кода во вкладке «Установка»

4. Вставляем код инициализации и код кнопки, баннера, виджета, для вставки в тело сайта в окно Html-код на сайте Битрикс и сохраняем изменения.

Готово! Открываем сайт в новой вкладке браузера.

Для установки ссылки квиза на кнопку сайта Битрикс:

1. Переходим в редактор блока, в котором находится кнопка сайта. 

2. Под нужной кнопкой в блоке «Действие по клику» выбираем Перейти во внешней ссылке.

3. Копируем ссылку кнопки.

Переходим в панели на страницу «Установка» и открываем редактор кнопки. Во вкладке «Своя кнопка» копируем ссылку.
Пример ссылки: #popup:marquiz_5aa84f60ee90d200185234af

4. Добавляем ссылку в кнопку сайта → Нажимаем «Сохранить».

Готово! Открываем сайт в новой вкладке. Квиз будет открываться при нажатии на кнопку.

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

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

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

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

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