Как создать викторину в WordPress без плагина

Опубликовано: 2023-05-17

Хотите создать викторину в WordPress без плагина? Мы провели исследование, чтобы вам не пришлось! Вот два разных способа + быстрая и простая альтернатива без кода.

Как создать викторину в WordPress без плагина

Примерное время чтения: 5 минут

Если вы ищете способ сделать викторину на WordPress без плагина, вы попали в нужное место! В отличие от большинства других статей на эту тему, мы собираемся дать вам несколько конкретных решений.

Возможно, вы не хотите устанавливать еще один плагин, опасаясь замедления работы вашего сайта. Возможно, вы не хотите, чтобы на ваших страницах был сторонний брендинг. Или, возможно, вы используете свой сайт на WordPress.com?

Formidable Forms — лучший плагин для конструктора форм WordPress. Получите это бесплатно!

В любом случае, мы здесь, чтобы помочь!

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

  • Используйте шорткод викторины WordPress
  • ️ Закодируйте свою викторину
  • Пусть плагин викторины сделает это за вас
    • Лучший плагин для викторин WordPress: Formidable Forms
  • ️ Как сделать викторину в WordPress
    • Шаг 1: Установите и активируйте Formidable Forms
    • Шаг 2. Создайте тест
    • Шаг 3. Настройте подсчет очков за викторину.
    • Шаг 4. Опубликуйте свой тест

Используйте шорткод викторины WordPress

Знаете ли вы, что WordPress.com имеет встроенный шорткод для создания викторин? Это правда! Вам даже не нужен платный план, вам нужно только установить плагин Jetpack — хорошие новости, он, вероятно, был автоматически установлен еще при первой настройке вашего сайта.

Этот малоизвестный лайфхак для создания бесплатной викторины в WordPress так же прост, как копирование и вставка. ️ Но имейте в виду, это работает только на сайтах WordPress.com , а не на WordPress.org .

Просто скопируйте и вставьте следующий код в блок шорткода на любом посте или странице WordPress:

 [quiz-wrapper] [quiz] [question]Insert question one here [/question] [answer]Insert correct answer here [/answer] [wrong]Insert wrong answer here [/wrong] [wrong]Insert wrong answer here [explanation]Add additional information or an explanation for why it's wrong here[/explanation] [/wrong] [/quiz] [quiz] [question]Insert question two here [/question] [answer]Insert correct answer here [/answer] [wrong]Insert wrong answer here [/wrong] [wrong]Insert wrong answer here [explanation]Add additional information or an explanation for why it's wrong here[/explanation] [/wrong] [/quiz] [/quiz-wrapper]

Затем замените текст-заполнитель своими вопросами и ответами, затем сохраните и опубликуйте свою страницу или публикацию.

Вот и все! Теперь вы должны увидеть простой тест на своем веб-сайте WordPress!

Викторина WordPress сделана без плагина
Пример викторины WordPress.com, созданной без плагина

Мы признаем, что это не самая увлекательная или интерактивная викторина. Но это неплохо для бесплатного, простого решения. Кроме того, никаких дополнительных плагинов не требуется!

Хотите создать викторину WordPress, которая действительно впечатляет? Давайте рассмотрим два способа создания более продвинутого интерактивного контента.

️ Закодируйте свою викторину

Если вы не хотите использовать онлайн-конструктор викторин или плагин WordPress для создания своей викторины, пришло время либо заняться кодированием ️, либо нанять разработчика, который сделает это за вас.

Чтобы сделать тест интерактивным, вам придется полагаться не только на HTML. Вам также необходимо знать JavaScript или jQuery, а также CSS и PHP. Вам также придется вручную создать систему подсчета очков.

При этом зная, что если даже скобки не хватает, вы рискуете сломать свой сайт.

Короче говоря? Этот маршрут не для слабонервных и не для тех, у кого мало времени или опыта разработки WordPress.

Пусть плагин викторины сделает это за вас

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

Хотя определенно можно создать викторину без плагина, зачем тратить драгоценные ресурсы, когда есть быстрое, простое и доступное решение?

Вместо того, чтобы тратить часы на борьбу с кодом и возню со стилями, установка конструктора викторин на WordPress занимает всего несколько минут. ️

Если этого недостаточно, стоит отметить, что использование плагина, а не специально разработанного решения, дает дополнительные преимущества:

  • Техническая поддержка ,
  • Готовые шаблоны викторин ,
  • Улучшенная безопасность ,
  • Интеграции и совместимость .

И нет, правильный плагин не замедлит работу вашего сайта!

Итак, какой плагин выбрать?

Лучший плагин для викторин WordPress: Formidable Forms

Баннер «Грозные формы»

Мы протестировали лучшие на рынке плагины для викторин WordPress, и Formidable Forms превосходит их все.

Конечно, мы можем быть немного предвзятыми, но наш плагин говорит сам за себя.

Formidable предлагает больше функций, чем другие создатели викторин, такие как плагин Quiz and Survey Master (QSM) или Interact, в том числе:

  • Конструктор викторин с перетаскиванием
  • Настраиваемая страница результатов
  • Неограниченные викторины
  • Неограниченное количество ответов

Кроме того, у Formidable есть множество шаблонов (викторина, вирусная викторина, викторина о личности и многое другое), а также звездная поддержка клиентов.

И в отличие от сторонних платформ Typeform, Google Forms или Outgrow, Formidable Forms был создан для WordPress.

Но вам не нужно верить нам на слово...

Отзыв клиента о грозных формах

Попробуйте «Грозные формы» прямо сейчас!

Но хватит хвастаться! Давайте строить!

️ Как сделать викторину в WordPress

Готовы пройти викторину? Потрясающий!

Подпишитесь на YouTube

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

  • Шаг 1: Установите и активируйте Formidable Forms
  • Шаг 2. Создайте тест
  • Шаг 3. Настройте подсчет очков.
  • Шаг 4. Опубликуйте свой тест

Шаг 1: Установите и активируйте Formidable Forms

Для начала выберите план Formidable Forms Pro, затем установите и активируйте плагин на своем веб-сайте WordPress.

Далее выбираем плагин Formidable → Add-Ons . Воспользуйтесь строкой поиска или прокрутите вниз, чтобы найти Quiz Maker . Нажмите на дополнение, чтобы установить и активировать его.

Надстройка Formidable Forms Quiz Maker

Шаг 2. Создайте тест

На панели инструментов WordPress выберите Formidable → Forms . Нажмите синюю кнопку + Добавить новый , чтобы создать новый тест или форму.

Выберите один из наших готовых шаблонов викторин WordPress или начните с нуля.

Create a WordPress form drag-and-drop builder

Затем используйте визуальный конструктор форм перетаскивания, чтобы создать викторину. Создавайте вопросы с несколькими вариантами ответов, добавляйте поля с адресами электронной почты, используйте изображения в качестве переключателей и вставляйте reCAPTCHA... нет предела возможностям!

Шаг 3. Настройте подсчет очков за викторину.

После настройки вопросов и ответов перейдите на вкладку «Настройки» и выберите «Действия и уведомления» .

Вы можете решить, проводить ли викторину с оценкой или викторину с результатами.

Варианты оценки викторины WordPress

Не знаете, какой тип викторины вам подходит? Ознакомьтесь с этой статьей базы знаний, чтобы узнать о различиях между тестами с оценкой и результатами.

В зависимости от того, что вы выберете, вы сможете настроить подсчет очков викторины или создать несколько разных результатов, соответствующих различным критериям.

Шаг 4. Опубликуйте свой тест

Осталось только поделиться своим тестом на своем сайте! В форме теста нажмите кнопку «Встроить» в верхней части экрана.

Выберите, следует ли встроить свой тест в существующую страницу, создать новую страницу для вашего теста или скопировать и вставить код теста в любое место на вашем веб-сайте.

Варианты встраивания викторины WordPress

И вот оно! Теперь у вас есть классная интерактивная викторина на вашем сайте WordPress. Путь!

Итак, какие викторины вы будете делать дальше? Дайте нам знать в комментариях и не забудьте подписаться на нас в Twitter, Facebook и YouTube, где вы найдете еще больше руководств и советов по WordPress.

Подробнее читайте в блоге Formidable