ЯК ЗРОБИТИ ТЕСТ КВІЗ У ВОРДПРЕС

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

Я тестувала кілька сервісів з безкоштовним доступом: тести потрібні для маркетингово блогу, тож ті питання, які треба вирішувати вчителям чи бізнесам, які беруть кошти з користувачів за надання результатів — не цікавили.

Про що піде мова

• Що важливо при виборі квіза для Вордпресс
• Quiz Maker не найпростіший плагін для опитувань на Вордпрес
  • Як створити тіло опитування
  • Як зробити дизайн опитування
• Як додати тест на сторінку WordPress
  • Як виглядає опитування на WordPress
• Висновки

Що важливо при виборі квіза для Вордпресс

• Чистий дизайн: світла тема, можливість обрати кольори та додавати фотографії.
• Підказки до відповідей: щоб користувач не тільки бачив правильні чи неправильні відповіді, але й підказки,чому саме вони вірні чи ні.
• Безкоштовний доступ.

Quiz Maker не найпростіший плагін для опитувань на Вордпрес

На сторінці розробника я знайшла опис на чотири пункта, але ж якби все було так просто [сльози відчаю]. 

1. Перейдіть на сторінку запитань і створіть нові запитання.
2. Потім перейдіть на сторінку тестів і створіть свій перший тест, натиснувши кнопку «Додати новий».
3. Заповніть інформацію, додавши заголовок, раніше створені питання тощо.
4. Скопіюйте шорткод тесту та вставте його в будь-яку публікацію. Вітаю! Ви створили свою першу вікторину.

Тож давайте розберемо все по крокам. Спочатку створимо саме тіло опитування, а потім оберемо дизайн для квізу та інші налаштування.

Натисніть Add New. За замовчуванням в системі вже є одне готове опитування: Mathematic Quiz, тож можете редагувати його, а не створювати власний.

Пропишіть Title, Description, додайте фото та поставте статус Published.

Потім натисніть Add questions.

Система перекине в окрему вкладку.

Тут у вас буде дві опції:

• Створити абсолютно нове питання
• Обрати з вже створених

Давайте створимо нове, оберіть Create question.

Додайте картинку, текст питання та тексти відповідей. Також оберіть правильне напроти вірного.

Можна лишити так, але я раджу маркетологам робити корисні тести. Тож оберіть Advanced settings та пропишіть корисні підказки.

На цій сторінці можна додати підказки: підбадьорити в разі правильної відповіді та пояснити, чому вибір невірний. Також є інші варіанти підказок. Я їх не обираю, щоб не перевантажити тест — інформація має подаватися дозовано та структуровано. Тисніть Save.

Тепер якщо перейти на основну вікторину та додати питання, воно вже буде в списку. Активуйте чекбокс та додайте в вікторину.

Тепер тест треба додати в тіло сторінки. Зробити це можна кількома способами: в Elementor чи Classic mode. Я буду тренуватися в класичному редакторі.

Для цього створіть порожню сторінку. Вставте в цю сторінку код теста, який побачите зверху над назвою в панелі квіза.

Тепер тест відображається на сторінці. Я раджу увімкнути режим Privat, бо зараз почнемо працювати з дизайном тесту.

Як зробити дизайн для опитування

Одразу попереджу, що я люблю

• Чисті дизайни — бо вони поза часом і не стражадають від старіння трендів.
• Прості дизайни — без тіней, купи кольорів. Тільки необхідне.
• Легкі дизайни — без паралаксів та анімації: люди. що проходять тест не завжди мають швидкий інтернет, а тест вимагає концентрації, тож довга загрузка понервує ваших користувачів.

Отже, я оберу Classic Light. За уявленням розробників цей стиль уособлює Марк Цукерберг.

Ви можете резулювати кольори, я обрала чорно-сіру гаму.

Залежно від вибору гами ви отримаєте кольори прогрес-бару, вони повя’зані.

Ще я раджу не обирати ніякі іконки відповідей. Правильні відповіді і так підсвічуються зеленим, а неправильні — червоним. Іконки виглядають надлишково.

Ще попрацюйте з кнопкою. Я зроблю на десктопі більшою, ніж на мобльному. Ще можна вставити свій власний CSS, якщо у вас «фірмові» кнопки. 

Тепер розглянемо Налаштування.

Я рекомендую увімкнути чи вимкнути:

• Display all questions on one page — тоді всі питання будуть на одній сторінці. Якщо хочете для кожного питання окрему сторінку — не вмикайте: питання будуть окремо.
• Show questions counter — щоб користувач розумів, де він знаходиться і скільки ще питань попереду.
• Show messages for right/wrong answers та Show question explanation на сторінці результатів та під час тесту.

Тепер попрацюємо зі сторінкою Результатів.

Що я вмикаю:

• Enable progress bar
• Quiz loader icon — я не втрималась і додала про всяк випадок в Quiz loader icon чорного котяру. З ним не так лячно чекати на результати в кінці тесту.

Лишилося заповнити Pass Score — вкажiть, який рахуєте правильним. Я вказую 90%. А також заповніть текст, який користувач побачить наприкінці.

Ще в тестах можна налаштувати:

• Limitation Users
• User Data
• E-Mail, Certificate
• Integrations

Але наразі це не є задачею. Тест не для збору контактів чи розсилки платних результатів. Але якщо ваші тести якраз для цього, то налаштуйте на свій смак.

Як додати тест на сторінку WordPress

Коли ви додасте всі питання до тесту, то опублікуйте його у вільний доступ.

До речі, тест можна і вбудовувати в існуючі сторінки в Elementor, Classic Editor та Gutenberg. 

Як виглядає опитування на WordPress

Опитування створене за цією інструкцією живе на окремій сторінці:

• Тест Google E-E-A-T для вашого сайту

Висновки

• Квізи (тести) зроблять ваш блог інтерактивним. Люди зазвичай лінуються лишати коментарі та вступати в переписку, а пройти тест — залюбки.
• Квізи можуть збільшити продажі — в них ви ненав’язливо покажете клієнтам, чого треба прагнути.
• Опитування круто допомагають в навчанні.
• Можна назвати ще 100 причин полюбити та користуватися квізами, але лише одну проти — це часозатратно. Причому дуже часозатратно. Треба розробити шаблон, знайти ілюстрації, вигадати влучні відповіді — стільки всього. Тож пишіть в коментарях, чи сподобалася інструкція та ваш тест на знання та готовість до алгоритму E-E-A-T Google вже зачекався ?