Как добавить квиз в сайт на Битрикс 24?
Инструкция для внедрения квиза на сайт Битрикс 24
Чтобы добавить квиз на конструктор Битрикс 24, сделайте несколько простых шагов:
- Скопируйте код инициализации
Скопируйте код инициализации на основной странице Awidget.
- Вставьте код инициализации
Перейдите к настройке сайта «Настройка» → «Настройки страницы». Откройте вкладку «Дополнительно» и активируйте «Пользовательский HTML и CSS». Вставьте скопированный код. Сохраните.
- Скопируйте ссылку кнопки или класс кнопки
Перейдите на вкладку «Код виджета» и скопируйте ссылку из поля "Ссылка (атрибут href)". (Пример ссылки: #s52widgets__modalshow_575)
Если возможно добавить класс к кнопке, то перейдите на вкладку «Код виджета» и скопируйте класс из поля "Класс на ссылку для открытия". (Пример класса: s52widgets__modalshow_575) - Добавьте кнопку
Добавьте блок содержащий кнопку.
- Пропишите код
Нажмите на кнопку для её настройки и в поле «Ссылка» вставьте скопированную ссылку для вызова квиза. (Пример ссылки: #s52widgets__modalshow_575).
Или в шаблоне страницы / на самой странице (в зависимости от способа добавления кнопки) добавьте скопированный класс в блок <div></div> в виде: <div class="ваш_класс">Открыть</div> - Опубликуйте страницу
Готово! Квиз будет открываться при нажатии кнопки.
Чтобы проверить правильность установки квиза необходимо сделать следующие действия:
- Проверьте, добавили ли вы код инициализации в блок head.
- Проверьте, добавили ли вы кнопку открытия квиза из редактора кнопки в нужное место.
- Проверьте, что id квиза в коде инициализации или в кнопке открытия квиза соответствует текущему квизу.
