> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.weblium.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Creating a quiz

A quiz is an effective tool for boosting conversion rates and engaging with your audience.

It allows you to learn more about your visitors and, based on the quiz results, offer them relevant solutions, products, or services.

**Contents**:
* [Adding a quiz](#1-adding-a-quiz)
* [Configuring a quiz](#1-configuring-a-quiz)
* [Viewing quiz responses](#1-viewing-quiz-responses)

# Adding a quiz

1. Click the **Add Block** button in the desired location on your page:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/stvorennya-formi-opituvannya-k_1lkk5rc.png)
2. Go to the **Quiz** category and select the `quiz-1` block:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/stvorennya-formi-opituvannya-k_mmvz0z.png)
|| ${color}[#ffa800](Note:) It is currently not possible to add a quiz as a separate element within an existing block.

# Configuring a quiz

1. Hover over the quiz form and click the gear icon to open its settings:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/stvorennya-formi-opituvannya-k_1079n74.png)
2. In the **Steps** tab, you can manage the questions you’ve created. To add a new step, click **Add Step** and select the desired field type:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/stvorennya-formi-opituvannya-k_mrrjso.png)
| ${color}[#1aa900](Tip:) Add the Cover step type as the first step to provide visitors with the necessary information before they begin the quiz. 

3. Click the gear icon to open the step settings:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/stvorennya-formi-opituvannya-k_4rbcrx.png)
4. In the step settings, you can set the desired **name** (title) and **description** (subtitle):
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/stvorennya-formi-opituvannya-k_r0a3ps.png)
5. Depending on the selected field type, you’ll have access to settings you may have encountered in contact forms, such as **add item** (for Radio Button or Checkbox types), **placeholder**, **default values** (Short/Long text, Name, etc.) or **phone number mask** (for the Phone Number field type):
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/stvorennya-formi-opituvannya-k_1ppz0px.png)
| ${color}[#1aa900](Tip:) The article [Customizing the fields in a contact form](https://help.weblium.com/en-us/article/customizing-the-fields-in-a-contact-form-1fgzcyj/) provides detailed information about the available settings.

6. If you create a **Form** field type, you can add several fields in its settings—for example, to collect contact information:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/stvorennya-formi-opituvannya-k_7bmnza.png)
7. Toggle the **Make this step required** switch so that visitors cannot skip this question:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/stvorennya-formi-opituvannya-k_nl5gh0.png)
8. To **clone** or **delete** a specific step, click the three dots next to the gear:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/stvorennya-formi-opituvannya-k_1tl0fyb.png)
9. You can also change the order of the steps. To do this, tap and hold the icon to the left of the step title and drag it to the desired location:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/stvorennya-formi-opituvannya-k_72nn9j.png)
10. In the **Action** tab, you can configure what happens after the quiz is completed:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/stvorennya-formi-opituvannya-k_1r1vlo5.png)
| ${color}[#1aa900](Tip:) These settings are similar to those for a contact form. Check out the article [Actions of a contact form when it is submitted](https://help.weblium.com/en-us/article/actions-of-a-contact-form-when-it-is-submitted-zc2c1o/) where we explain each option in detail.

11. The **Style** tab lets you change the appearance of your quiz:

* In **Button** mode, you can customize the text and appearance of the **Next** (go to the next step) and **Submit** (complete the quiz) buttons:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/stvorennya-formi-opituvannya-k_jkzqc4.png)
|| ${color}[#ffa800](Note:) As of now, the button to return to the previous step will use the Secondary button design, and its text cannot be changed.

| ${color}[#1aa900](Tip:) Learn more about editing button designs in our [article](https://help.weblium.com/en-us/article/changing-the-design-of-a-button-les3mi/).

* In **Fields** mode, you can customize the appearance of your quiz fields:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/stvorennya-formi-opituvannya-k_j1f36y.png)
12. You can preview how your steps will look using the arrows in the upper-left corner:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/stvorennya-formi-opituvannya-k_igo31m.png)
13. In the **Integrations** tab, you can name your quiz and enable the transfer of responses to one of the available services:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/stvorennya-formi-opituvannya-k_vrdd3a.png)
|| ${color}[#ffa800](Note:) Currently, notifications can be sent via email, Telegram, and webhooks. You can also enable reCAPTCHA to protect against bots.

||| ${color}[#f97700](Important:) The setup process is similar to that for contact forms.

14. Once you’ve finished customizing the settings, don’t forget to [publish your site](/en-us/article/publishing-a-site-tgxmch/) so the changes appear on it.

# Viewing quiz responses

Just like form responses, quiz results are stored in your site settings, under the **Form Management** section. Click the eye icon to view all the information:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/stvorennya-formi-opituvannya-k_16llrdh.png)
