Creating an Online Quiz

The following example will create an Online Quiz for the MATR 101 Training Course. The Online Quiz will have a form for users to input their details before beginning the quiz and the quiz itself will contain five multiple-choice questions. Once a user has finished the quiz, their results will be displayed and an email will be sent to their inbox.

Bookmarks to the headings on this page:         

  1. Creating the Online Quiz
  2. Setting Up the User Details Form
  3. Setting Up the Quiz Questions
  4. Configuring the Online Quiz
  5. Defining the Layout of the Online Quiz
  6. Using the Online Quiz

Tip: Remember that you must Commit any asset changes that you make.

Creating the Online Quiz

The setup of the Online Quiz
The Online Quiz

  1. Add an Online Quiz under your Site, titled MATR 101. The quiz will appear in the Asset Map, as shown in the figure to the right.
  2. Under the Online Quiz, create a folder titled MATR 101 Questions. The questions for the quiz will be stored in this Folder.

Setting Up the User Details Form

Adding Questions
  1. Right click on the User Details Form asset and select the Details screen.
  2. In the Questions (not attached to a section) section, add the following questions in the Add Questions field:

    i) Name (Text type)

    ii) Email Address (Email address type)

    iii) Company Name (Text type)

    iv) Address (Text type)

    The questions will be listed in the Current Questions section, as shown in the figure below. The questions will also be added under the User Details Form in the Asset Map.

The Current Questions in the Questions (not attached to a section) section
The Current Questions in the Questions (not attached to a section) section

Formatting the Layout of the Questions

On the Details screen of the User Details Form asset:

  1. In the Customise Format field, select Yes. The Format Bodycopy will appear under the User Details Form in the Asset Map.
  2. Right click on the Format Bodycopy and select the Edit Contents screen.
  3. The content shown in the figure below is entered into the WYSIWYG Editor.

The WYSIWYG Editor on the User Details' Format Bodycopy
The WYSIWYG Editor on the User Details' Format Bodycopy

Tip: Do not forget to add the Form Errors and Submit Button keyword replacements onto the form.

Validating Questions

The Name and Email Address fields need to be filled in before the user can complete the quiz. To do this:

  1. Right click on the Name question under the User Details Form in the Asset Map and select the Details screen.
  2. In the Required Entry field, select Required. This will mean that users will be required to answer this question on the form.
  3. In the Custom Required Error field, enter Please enter your name. This will be displayed on the form if the user does not answer the question.
  4. Repeat the above steps for the Email Address question, to also make it a required field.

Setting Up the Quiz Questions

  1. Add an Online Quiz Multiple-Choice Question asset under the MATR 101 Questions Folder.
  2. On the Details screen of the question, enter the question in the Question Text field, as shown in the figure below.      

    Example Question Text for the Multiple-Choice Question
    An example of Question Text in the Question Text field      

  3. In the New Option field, enter the first answer option for the question.
  4. Click Commit. The option will be listed in the Question Options section, as shown in the figure below.
  5. Repeat the above steps to add three additional questions for the question.      

    A Question Option
    A Question Option in the Questions Options field    

  6. In the Points field for each answer, enter the number of points a user will be awarded for selecting this option on the quiz. For example, enter 1 for the correct answer to award one point if the user answers the question correctly, as shown in the figure below.      

    Points allocated to the Question Options
    Points allocated to the options listed in the Questions Options field      

  7. Repeat the above steps to add four more questions to the Online Quiz.
  8. Once all five Online Quiz Multiple-Choice Questions have been configured, change the Status of each question to Live.

Configuring the Online Quiz

  1. Right click on the Online Quiz in the Asset Map and select the Details screen.
  2. In the Question Pool field, select the MATR 101 Questions Folder. This is where the questions for the quiz will be located.
  3. In the User Details Source field, select Form. This will mean that the user will have to enter their details even if they are logged in.

Defining the Layout of the Online Quiz

User Details Bodycopy

The User Details Bodycopy determines the layout of the User Details Form, allowing users to input their details before beginning the quiz.

To change this layout:

  1. Right click on the User Details Bodycopy and select Edit Contents.
  2. The content shown in the figure below is entered into the WYSIWYG Editor.

The WYSIWYG Editor on the User Details Bodycopy
The WYSIWYG Editor on the User Details Bodycopy

Page Contents Bodycopy

The Page Contents Bodycopy determines the layout of the Online Quiz and its questions.

To change this layout:

  1. Right click on the Page Contents Bodycopy and select Edit Contents.
  2. The content shown in the figure below is entered into the WYSIWYG Editor.

The WYSIWYG Editor on the Page Contents Bodycopy
An example layout on the Page Contents Bodycopy  

Thank You Bodycopy

The Thank You Bodycopy determines the layout of the Thank You page, displaying the user's quiz results.

To change this layout:

  1. Right click on the Thank You Bodycopy and select Edit Contents.
  2. The content shown in the figure below is entered into the WYSIWYG Editor.

The WYSIWYG Editor on the Thankyou Bodycopy
An example layout on the Thank You Bodycopy

Formatting the Email

The email settings need to be configured so that an email is sent to the quiz user with their results. To do this:

  1. Right click on the Online Quiz in the Asset Map and select the Details screen.
  2. Navigate to the Email Settings section of the screen.
  3. In the To field, enter the keyword replacement for the Email Address question on the User Details Form, for example, %user_details_form_100-q2% (where 100 is the asset ID of the User Details Form and q2 is the asset ID of the Email Address question).
  4. In the From field, enter the 'from' email address, for example email@squiz.com.au.
  5. In the Subject field, enter a subject for the email, for example MATR 101 Fundamentals Exam Results.
  6. In the Body field, the content shown in the figure below is added to the WYSIWYG Editor. 

The WYSIWYG Editor in the Email Settings section
The WYSIWYG Editor in the Email Settings section

Using the Online Quiz

  1. The layout of the User Details Form is as defined in the User Details Bodycopy. An example layout is shown in the figure below.      

    An example of the User Details form on the Online Quiz
    The User Details Form page of the Online Quiz    

  2. When the user fills out their details and clicks the submit button, they are brought to the quiz page, as shown in the figure below. The layout of this page is as defined in the Page Contents Bodycopy.      

    An example of the question page on the Online Quiz
    The questions page of the Online Quiz      

  3. The user completes the quiz and clicks the submit button. Their results are displayed on the screen, as shown in the figure below. The layout of this page is as defined in the Thank You Bodycopy.
  4. A results email is also sent to the email address the user specified on the User Details Form.      

    An example of the Thankyou page on the Online Quiz
    The Thank You results page of the Online Quiz