Інтеграція квізу з веб-сайтом

Serhii Uhnivenko

Останнє оновлення 25 днів тому

Зверніть увагу на нюанси попередньо

  1. Всі зміни на будь-якому встановленому віджеті будуть відображатись автоматично на вашому вебсайті.

  2. Не забудьте ЗБЕРЕГТИ проєкт після будь-яких змін віджета квізу.

  3. Будь-який встановлений віджет зчитує основні URL параметри з вашого сайту (utm_source, gclid, fbclid і т.д.)

  4. Ви можете встановлювати (або копіювати) віджети на вашому сайті без обмежень

Встановіть базовий код на ваш сайт

1. Відкрийте проєкт квізу в адмін панелі, прогорніть сторінку до низу та розверніть вкладку "Віджети квізу":

2. Скопіюйте і вставте код в секцію <head></head> вашого сайту:

<script src="https://app.easyquizy.site/public/js/quiz-widget.js"></script>
<link rel="stylesheet" href="https://app.easyquizy.site/public/css/quiz-widget.css">

Перший метод: “Встановлення квізу на сайт”

  1. Клікніть на "Додати віджет квізу" та виберіть тип віджета “Встановити квіз на сайт”
  2. Додайте домен вашого сайту (або декілька через кому). Також, можете змінити розміри та графічне відображення віджета за необхідністю.
  3. Скопіюйте код та вставте його між тегами <body></body> в потрібне місце на вашому сайті. ЗБЕРЕЖІТЬ проєкт!

Другий метод: “Кнопка на сайті”

  1. Клікніть на "Додати віджет квізу" та виберіть тип віджета “Додати кнопку на сайт”
  2. Додайте домен вашого сайту (або декілька через кому). Також, можете змінити розміри та графічне відображення pup-up вікна квізу за необхідністю.
  3. Налаштуйте стиль вашої кнопки
  4. Скопіюйте код та вставте його між тегами <body></body> в потрібне місце на вашому сайті. ЗБЕРЕЖІТЬ проєкт!

Третій метод: “Тригерне pop-up вікно”

  1. Клікніть на "Додати віджет квізу" та виберіть тип віджета “Додати pop-up вікно”
  2. Додайте домен вашого сайту (або декілька через кому). Також, можете змінити розміри та графічне відображення pup-up вікна квізу за необхідністю.
  3. Встановіть час активації або/та відсоток прокрутки, як умову, для активації pop-up вікна квізу на вашому сайті
  4. Скопіюйте код та вставте його між тегами <body></body> в потрібне місце на вашому сайті. ЗБЕРЕЖІТЬ проєкт!

Чи була ця стаття корисною?

0 з 0 сподобалась ця стаття

Ще потрібна допомога? Повідомте нас