Quiz

The Quiz plugin provides the capability to add quizzes, enhancing visitor engagement with your site. For example, a media company could create a weekly “How Well Did You Follow This Week’s News?” quiz, consisting of ten questions and answers that are accompanied by hints.

The plugin provides the Quiz content type, which includes a built-in model for questions, answers, and a numeric score. Each quiz page includes an action button that asynchronously updates the quiz page with a response, such as answer feedback or the next question. In the following example, clicking Check Answer returns data about whether the answer is right or wrong.

../../../_images/quiz-question.png

Quiz Page with First Question

The quiz terminates with the scoring results, listing the correct and incorrect answers.

../../../_images/quiz-result.png

Quiz Page with Score Results

Quizzes can be enhanced with images and embedded social posts, referenced in promos, sections, packages, and tags, and optimized for search engine web indexing.

If the Quiz content type is missing from your Brightspot deployment, contact your Brightspot developer.

Creating a Quiz

Editors perform this task.

  1. From the Quick Start widget or the Create widget on the search panel, create a new Quiz item.

  2. On the New Quiz Content Edit page, provide the following information:

    • Headline: The name of the quiz, which continuously displays for all quiz page updates.

      Consider your headline carefully. It drives the URL structure, Brightspot search, SEO, and shared title used in social networks when shared by the action bar.

    • Sub Headline (Optional) : Sub headline, which continuously displays for all quiz page updates.

    • Body (Optional): Additional text. Body text continuously displays for all quiz page updates.

    • Intro (Optional): Introduction to the questions, which can include a lead image, title, and description. The introduction only appears when the quiz page is initially rendered.

    • Questions: For each question and set of answer choices, click add_circle_outline.

      • Image (Optional)

      • Title: The question text.

      • Choice Group: The answer choices expressed as radio buttons. Select Radio Choice Group.

        For each choice, click add_circle_outline.

        • Label: One of the answer choices presented to the quiz taker.
        • Response Message (Optional): A response that corresponds with the answer. The response displays when the quiz page shows that the answer is right or wrong. For example, a response message can be Sorry, this is the wrong Answer.
        • Correct Answer: Indicates whether this answer is the correct one. Only one answer in the choice set can be marked as correct.

      A completed set of questions appears similar to the following:

      ../../../_images/quiz-questions.png
    • Score: Brightspot automatically calculates the number of right and wrong answers and displays them on the quiz page. You can optionally include a title to precede the scoring data, such as Your Results. You can also include a call to action.

    • Author(s) (Optional)

    • Slug: Automatically populated with the headline. As an indexed field, the slug can be used for internal editorial tracking.

    • Section (Optional)

    • Package (Optional)

    • Tags (Optional)

  3. Save the quiz as a draft or publish it.

  4. To view the quiz, click the URL in the URLs widget.