Quiz form section

This article explains how to set up quizzes on your website using the MaviBot builder.

The "Quiz" section in the MaviBot site builder is a functional tool that allows you to create interactive surveys and questionnaires directly on your site.

This tool simplifies the collection of user opinions and data, making client interactions more engaging and insightful. In this article, we will detail how to configure the "Quiz" section to maximize its benefits for your business and enhance the quality of audience feedback.

How to create a quiz form

To create a quiz, follow these steps:

a) Create a new website – if you want to build the quiz on a standalone site.

b) Add the "Quiz" section – if you want to integrate it into an existing website.

Once in the editor, locate the "Quiz" button in the menu.

Click on the "Quiz" section to add it to your site page.

Page-by-page survey

A page-by-page survey (or quiz) is a questionnaire format where questions are split across multiple pages. Users answer sequentially, proceeding from one page to the next. This approach makes the interaction more convenient by presenting questions individually or in small groups, rather than as a single long list.

Page-by-page survey advantages

  • Better focus: users are not overwhelmed by a long list of questions and can concentrate on each one individually.

  • Higher engagement: the step-by-step format is more interactive and helps maintain user interest.

  • Accurate data collection: the structured flow allows for more precise questions and enables adaptive questioning based on previous answers.

Such surveys are ideal for gathering feedback, conducting market research, and generating leads.

Getting started

After creating a site or adding a quiz section, you will see the configuration menu for this block:

Next, in the "number of pages" field, specify the required number of pages where your questions will be located, not counting the start page and the results page:

First you need to click on "Create a question"

Сначала необходимо кликнуть на "Создать вопрос"
Первый вопрос - на первой странице

The first question is on the first page

In the settings menu content, after creating a question, you will find the following drop-down list:

Each page of the quiz (page-by-page survey) contains its own content, which is configured separately from each other.

For example, on the home page you can place images, on the survey pages you can place the questions themselves, as well as the data collection forms, and in the results - the final result of the survey.

Survey Pages

After creating the first question, go to fill it out:

Step 1. Write down the question itself:

Next, select the question type:

For example, you can select the "Numeric Field" type, then your client can enter only a numeric value during the survey.

You can choose other types of questions, depending on what results you need to get and how to account for them.

circle-info

For more information about the types of fields, see the main article "Form Responses" in the section "Content settings: subsection Create a question.

If you choose the types of questions in the form of "Name", "Email", "Phone", etc., then you do not need to enter the text of the question and the answer to it in the content settings - everything is set in advance by the developers.:

Step 2. Add answers if you have selected the types of questions in which the client needs to choose an answer option:

You can enter a link to the image in the URL field: then the image will appear in the field with the question:

To do this, upload the required image to the file storage:

And after the image is uploaded, copy the link to it:

Paste the link into the URL field, and the image will appear in the required question bar:

Next, if you fill in the "Free answer" field, your user can enter the answer to his question in free form:

In this field, enter a text value, for example, "Free answer" or "Your answer":

Then the client can enter the answer to the question in free form:

Step 3. The variable

You can set your own variable to collect data into the system, or leave the set name for the variable:

The value that your client chooses will be inside the variable.

Step 4. Required question

If you need the client to answer the question you have created, then use this checkbox:

During activating the "Required Question" checkbox, the client cannot submit the form if he does not provide an answer to the required question.

This checkbox can be set on any type of question: both when choosing an answer option and when the client enters a phone number or email.

Step 5. Add the following questions to the page

To add any required number of questions on the current page, find the "Add Question" button under the previous question:

Then you will see the next panel with the question settings:

The settings of the newly added questions are identical to steps 1-4.

Step 6. Configure the next page.

After you have fully configured page 1, depending on the number of installed pages in the setup, you need to proceed to configuring the second (and then the third, fourth, etc.) page. To do this, scroll up and find the drop-down list with the page settings option:

Select the page you want to set up and click on it:

Here you will see the "Add another question" button.

circle-check

Start page

The start page settings and the result page are optional, so if you do not want to customize the cover for your quiz, you can skip it, and then your client will immediately see the questions from the first page.

If, for example, you need to customize the cover of your website, then find the drop-down list with pages and click "Home Page":

Select start page.

Step 1. Create a start page:

You will see the settings for uploading the image, title and subtitle.

Step 2. Write the Title and Subtitle for the start page

The Header and Subtitle fields are optional, but, for example, you can specify a unique offer to attract customers:

The settings for the text elements of quizzes are similar to any text editor: you can choose bold, italics, text underlining, font size, color, alignment, and more:

Step 3. Upload the image.

Add an image to make the section and the home page more colorful:

circle-check

How to add messenger buttons to the quiz section?

First, we recommend switching to content editing:

And add checkboxes to the consent form for data processing:

Hover over the section to find the "Settings" button.

Click on the button, then the settings menu opens on the right:

Now expand the "Button Settings" drop-down menu:

And click on the "Messengers" button:

You will see a list of messengers which buttons can be added to the quiz form. Set the checkboxes of the buttons that you want to display on the page:

circle-check

Next, you can customize the button at your discretion by clicking on "Customize" in the line:

For example, you can customize a button to match the color scheme of your site, add text, etc:

Last updated