Установка на сайт

Общая инструкция

После завершения создания квиза и его отладки по прямому URL вы, вероятно, захотите разместить его на сайте.

Чтобы получить код, в списке квизов нажмите Действия - Получить код

step1

Появится окно с тремя формами:

step1

1. Установка в область head

Скопируйте первый код:

<script type="text/javascript" src="https://show.enquiz.io/js/quizloader.js"></script>

Откройте исходный код вашего сайта, и вставьте код в любом месте между тегами <head> и </head>

2. Вызов самого квиза

В настоящее время есть 2 способа показа квиза на сайте:

  • Встроенный в сайт
  • В диалоговом окне

Если вам необходимо показывать квиз в самом сайте, например так:

step1

то оставьте в настройках 6-го шага Вид отображения: встроенный в сайт и вставьте код для встроенного варианта

step1

Помните, что возможно встраивать обложку квиза в сайт и при этом открывать сам квиз в диалоге. Для этого выберите вид отображения Смешанный на 6-м шаге квиза.

Диалоговый вариант выглядит примерно так:

step1

Для такого варианта вставьте код из поля для диалогового типа:

step1

Вам необходимо заменить YourButtonId на ID кнопки, которая будет вызывать окно квиза. В настройках отображения на 6 шаге мастера надо выбрать Вид отображения: Диалог

step1

Дополнительные параметры иницилизации квиза

  • width - поумолчанию 100%. Влияет на ширину квиза (встроенный вариант). Можно задать в px: 800px
  • height - по умолчанию 600px. Влияет на высоту квиза(встроенный вариант).
  • contacts: Пример: {email:"mail@mail.net", name:'John', skype: 'johny', phone:"32132132122", telegram: "@johnB", whatsapp:"873827382"}. Подставляет заранее известные данные в форму контактов
  • type: float или built-in или built-in-dialog. Принудительно задает вид отображения квиза: диалоговый или встроенный или смешанный.
  • show_on_load: true - Открывает диалоговый вариант сразу при загрузке страницы, без необходимости нажимать на кнопку.
  • async: false - Загружает данные квиза только в момент нажатия на кнопку (для диалогового варианта)
  • force_show: true - показывает квиз независимо от статуса публикации