Публікація та вбудовування

Як опублікувати квіз

Щойно ви задоволені квізом — опублікуйте його щоб зробити доступним для відвідувачів.

1. 1У конструкторі натисніть «Опублікувати» або перейдіть на вкладку Publish у верхньому меню.
2. 2Система автоматично перевірить квіз на помилки. Якщо є проблеми — виправте їх і натисніть знову.
3. 3Квіз отримає статус «Опублікований» і стане доступним за публічним посиланням.

Публічне посилання

Після публікації квіз доступний за адресою:

https://qwizoo.com/q/your-quiz-slug

Цим посиланням можна ділитись напряму: в соцмережах, месенджерах, рекламних оголошеннях або email-розсилках.

• Slug — унікальний ідентифікатор квізу. Генерується автоматично з назви, але можна змінити вручну на сторінці Publish.
• Посилання активне поки квіз має статус «Опублікований». Архівований квіз більше не приймає відповіді.

Вбудовування на сайт

Qwizoo пропонує кілька способів вбудувати квіз на ваш сайт:

Inline embed

Скопіюйте код зі сторінки Publish → вкладка «Вбудувати»і вставте у HTML вашого сайту:

<!-- Qwizoo inline embed -->
<div id="qwizoo-quiz" data-quiz="your-quiz-slug"></div>
<script src="https://qwizoo.com/embed.js" async></script>

• Квіз автоматично підлаштовується під ширину батьківського контейнера.
• Щоб зафіксувати висоту — встановіть атрибут data-height="600".
• Працює на будь-якому сайті: WordPress, Tilda, Wix, custom HTML.

Popup модальне вікно

Додайте кнопку яка відкриває квіз в модальному вікні:

<!-- Qwizoo popup trigger -->
<button data-qwizoo-popup="your-quiz-slug">
  Пройти квіз
</button>
<script src="https://qwizoo.com/embed.js" async></script>

UTM-параметри та відстеження

Qwizoo автоматично захоплює UTM-параметри з URL квізу і зберігає їх разом з кожним лідом. Це дає змогу відстежувати звідки приходять ліди.

Підтримувані параметри:

• utm_source — джерело трафіку
• utm_medium — канал (cpc, email тощо)
• utm_campaign — назва кампанії
• utm_content — варіант оголошення
• utm_term — ключове слово

Приклад посилання з UTM:

https://qwizoo.com/q/your-quiz?utm_source=facebook&utm_medium=cpc&utm_campaign=spring

Власний домен

На тарифі Premium квіз можна опублікувати на вашому домені, наприклад:

https://quiz.yourbrand.com/q/your-quiz-slug

Налаштування

1. 1У розділі Settings → Custom Domain введіть ваш субдомен (наприклад, quiz.yourbrand.com).
2. 2Додайте CNAME-запис у DNS вашого домену:

   quiz.yourbrand.com  CNAME  cname.qwizoo.com

3. 3Зачекайте від 5 хвилин до 48 годин поки DNS-зміни поширяться.
4. 4Qwizoo автоматично видасть SSL-сертифікат для вашого домену. Статус можна відстежити в налаштуваннях.

Повний білий лейбл

На тарифі Premium можна повністю прибрати будь-яку згадку Qwizoo — ваші клієнти бачитимуть тільки ваш бренд. Білий лейбл складається з трьох компонентів:

• Бейдж «Powered by Qwizoo» — приховайте його у Settings → White Label. Доступно від тарифу Comfort.
• Власний домен — квіз публікується за вашою адресою (наприклад, quiz.yourbrand.com). Налаштування описані нижче.
• Власний email відправника — Follow-up листи надсилаються з вашої адреси (наприклад, team@yourbrand.com). Налаштовується у Settings → Email Domains після підтвердження домену через DNS-записи (SPF/DKIM).

Коли всі три компоненти налаштовані — у статусі White Label на сторінці налаштувань з'являється зелена позначка «Qwizoo повністю прихований».

SEO та мета-теги

На сторінці Publish → вкладка «SEO» можна налаштувати:

• Title — заголовок сторінки для пошуковиків.
• Description — опис для сніпету в Google.
• OG Title / OG Description — текст що відображається при поширенні у соцмережах.
• OG Image — зображення-прев'ю для соцмереж (рекомендований розмір: 1200×630 px).

Popup та Float embed

Окрім стандартного inline embed, Qwizoo підтримує ще два способи відображення квізу на сайті:

Popup (модальний оверлей)

Квіз відкривається у центральному модальному вікні поверх сторінки — при кліку на будь-який елемент з атрибутом data-qwizoo-popup. Фон блокується оверлеєм.

<!-- Popup: відкривається при кліку на кнопку -->
<button data-qwizoo-popup="your-quiz-slug">
  Пройти квіз
</button>
<script src="https://qwizoo.com/embed.js" async></script>

Float (плаваюча кнопка)

У кутку сторінки з'являється плаваюча кнопка. Клік відкриває квіз у компактному вікні поруч з кнопкою. Ідеально для ненав'язливого залучення відвідувачів без перекривання контенту.

<!-- Float: плаваюча кнопка у правому нижньому куті -->
<div
  data-qwizoo-float="your-quiz-slug"
  data-label="Пройти квіз"
  data-position="bottom-right"
></div>
<script src="https://qwizoo.com/embed.js" async></script>

Динамічний контент

Qwizoo підтримує підстановку змінних з URL-параметрів прямо у текст квізу за допомогою синтаксису {{назва_параметра}}.

Приклад: якщо квіз відкрито за посиланням https://qwizoo.com/q/your-quiz?name=Олег, то текст Welcome-кроку «Привіт, {{name}}!» автоматично перетвориться на «Привіт, Олег!».

• Синтаксис подвійних фігурних дужок працює у будь-якому текстовому полі квізу.
• Якщо параметр відсутній в URL — змінна замінюється порожнім рядком.
• Зручно для персоналізованих email-розсилок і рекламних кампаній — кожен відвідувач бачить квіз зі своїм ім'ям.

Hidden fields

Hidden fields — URL-параметри які автоматично зберігаються разом з кожним лідом, але не відображаються відвідувачу. Це дозволяє передати у квіз додаткову контекстну інформацію з вашої реклами або CRM.

Приклад посилання з hidden fields:

https://qwizoo.com/q/your-quiz?source=google&campaign=spring&manager_id=42

У деталях ліда будуть збережені поля source=google, campaign=spring і manager_id=42 — зручно для атрибуції лідів і автоматичного призначення менеджерів у CRM.

Плагін WordPress

Офіційний плагін Qwizoo для WordPress дозволяє вбудовувати квізи на WordPress-сайт без копіювання embed-коду — через нативний блок Gutenberg або шорткод [qwizoo].

Встановлення

1. 1Перейдіть у Settings → API Keys у вашому акаунті Qwizoo і згенеруйте новий ключ з назвою «WordPress Plugin».
2. 2У WordPress Admin перейдіть до Plugins → Add New, знайдіть «Qwizoo» і встановіть плагін. Або завантажте ZIP з wordpress.org/plugins/qwizoo.
3. 3Активуйте плагін і перейдіть до Qwizoo у боковому меню WordPress. Вставте API ключ і натисніть Connect.
4. 4Ваш список квізів завантажиться автоматично — плагін готовий до роботи.

Gutenberg-блок

У редакторі блоків натисніть +, знайдіть блок Qwizoo Quiz і вставте його на сторінку. У панелі інспектора (праворуч) оберіть квіз зі списку та налаштуйте режим вбудовування.

Шорткод

Працює в будь-якому page builder, класичному редакторі або віджеті:

[qwizoo slug="your-quiz-slug"]

[qwizoo slug="your-quiz-slug" height="800"]

[qwizoo slug="your-quiz-slug" mode="popup" trigger="Пройти квіз"]

[qwizoo slug="your-quiz-slug" mode="float" position="bottom-right"]

Режими вбудовування через плагін

Шейринг результатів

Після завершення квізу відвідувач може поділитися своїм результатом у соцмережах. На Result-кроці відображаються кнопки нативного шерингу:

• X (Twitter) — публікує твіт з заголовком результату і посиланням на квіз.
• Facebook — відкриває діалог поширення з OG-прев'ю.
• WhatsApp — надсилає повідомлення з текстом результату.
• Telegram — відкриває Telegram із попередньо заповненим текстом.
• LinkedIn — публікація у стрічку LinkedIn.

Кнопки шерингу вмикаються у налаштуваннях Result-кроку → перемикач «Дозволити поширення результату». Текст поста формується автоматично з заголовка результату, але його можна налаштувати вручну.