КАК СДЕЛАТЬ ТЕСТ КВИЗ В ВОРДПРЕСС

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

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

О чем пойдет речь

• Что важно при выборе квиза для Вордпресс
• Quiz Maker не самый простой плагин для опросов на Вордпресс
  • Как создать тело опроса
  • Как сделать дизайн опроса
• Как добавить тест на страницу WordPress
  • Как выглядит опрос на WordPress
• Выводы

Что важно при выборе квиза для Вордпресс

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

Quiz Maker не самый простой плагин для опросов на Вордпресс

На странице разработчика я нашла описание на четыре пункта, но если бы все было так просто [слезы отчаяния].

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

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

Нажмите Add New. По умолчанию в системе уже есть один готовый опрос: Mathematic Quiz, поэтому можете редактировать его, а не создавать собственный.

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

Затем нажмите Добавить вопросы.

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

Здесь у вас будет две опции:

• Создать совершенно новый вопрос
• Выбрать из уже созданных

Давайте создадим новый, выберите 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 — укажите, какой считаете правильным. Я указываю 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 уже заждался ?