Quiz Widget

In this article, we'll explore the various use cases and purposes of using quizzes on your website, highlighting how they can enhance user engagement, promote learning, and drive valuable outcomes.

Quizzes have become a popular and effective tool for engaging website visitors and creating interactive experiences. By blending entertainment with education, quizzes offer an enjoyable way to convey information, test knowledge, and capture user interest and leads.

Head over to a new page or existing page where you want to add the Quiz.

Click on the Widget icon, then drag and drop it onto the page.

To add a new quiz field, click on Add Field and select one of the predefined CRM properties that are associated with your customer's contacts card OR select one of the most used fields from the options provided.

💡We recommend that you try out the different field properties to see the features offered and the different styling options for each field property.

Start building your quiz by updating the Fields. Click on Edit Fields in Step 1.

Update the Heading and Description Settings by clicking on Change. Update the Heading, description and style of the Heading & Description as shown below:

The Styling of your field has various different options for customization:

To update the step settings, you can add text to the step, then click on the Settings option next to it to update its settings as shown below:

Add a description for the step you are currently editing.

Select the style you would be applying to the field. Choose between the Box option (field options will be shown as boxes) or the Simple option (a simple dropdown, checkbox or radio button)

Choose a layout for the field. Options include Left alignment, stacked or with an icon.

Set the styling of the image to either fit in a circle or square or retain the image size specifications.

Set whether the radio/checkbox icon should be displayed in the option box.

Set the number of options to display in a single row.

Select this option if you want to offer multiple options in a field.

Select a field to be mapped to the contact card in the CRM.

Select this option to make the field a required field.

To create a new field option, click on Add Option, give the choice a name and then Submit

This opens up the option settings where there are various customization features to select:

Add an image to show on this option box if enabled in the field settings.

Add a description for the option.

Show additional information on the option, for example, a tip or prompt to assist with completing the option.

Select this option to redirect to another step if this option is selected. Useful for splitting the flow of your quiz.

This option allows a tag to be added to the contact completing this quiz option.

Once you have set up all the options for a field, you can also set up a numerical scoring system. The person completing the quiz will get a scoring result based on the options selected in each field and enables you to show different result pages based on the results of the quiz.

To update the overall quiz settings, click anywhere on the quiz area to show the editor menu. Click on the Settings icon on the editor menu as shown below:

Give your Quiz a name that will appear on your dashboard messages and email notifications.

Add the email address where you would like to receive new submission notifications.

Select this option to automatically advance to the next step, instead of having a Next button to click for submission.

📌This option is only possible when an option is not set as multiple-choice.

Enable these options to show the progress of the contact while completing the quiz. See the screenshot below for examples:

Select this option should you wish to enable the contact to go back to previous steps already completed and update the button text.

Update the button styling on this form. Change the colours, fonts, text style, shadow, borders, hover effect and colours.

Click on Select Lists to select your Main List, enabling you to send emails to your contacts under the Emails and Automations section.

Add tags to the contact cards of your contacts when they completed the quiz. This tag will be applied to all completed submissions, irrespective of the results of the completed quiz.

To set up the actions once a quiz is completed, click on Edit Fields in the editor menu and then Manage Quiz Results

Here you can set what is displayed once a contact completed a quiz.

With this option, you can redirect the user to a page based on their score.

Different rules can be created based on the specific requirements as shown below. Set up the page and apply a tag based on the score or quiz results. This is a great way of directing contacts to specific funnels based on their results.

Display a message to the contact once a quiz is completed.

You can set up a scoring rule here and display a specific message depending on the results of the quiz and also add a call-to-action button below the message.

Finally, as always, we highly recommend you test your new quiz. Select different options and answers to view the different results.

There are 2 ways you can view the submitted Quiz/Survey results.

The first option is to open your form and quiz submission section on your CCK website.

You will find these under the Contacts section as shown below.

You have the option to download all of your results into a spreadsheet by using the download button.

You can also view your survey results by ensuring that you receive a copy of each survey submitted emailed to your inbox, as it is submitted by a user.

You can do this by selecting the option shown below inside your survey widget: