# Section formulaire de quiz

La section « Quiz » dans le constructeur de sites MaviBot est un outil fonctionnel qui vous permet de créer des enquêtes et des questionnaires interactifs directement sur votre site.

<figure><img src="/files/971ac0ea0ddfb6121754871fc7263853a4ae9a30" alt="" width="563"><figcaption></figcaption></figure>

Cet outil simplifie la collecte des opinions et des données des utilisateurs, rendant les interactions avec les clients plus engageantes et plus riches en informations. Dans cet article, nous détaillerons comment configurer la section « Quiz » afin de maximiser ses avantages pour votre entreprise et d’améliorer la qualité des retours de votre audience.

## Comment créer un formulaire de quiz

**Pour créer un quiz, suivez ces étapes :**

**a) Créez un nouveau site web** – si vous souhaitez créer le quiz sur un site indépendant.

**b) Ajoutez la section « Quiz »** – si vous souhaitez l’intégrer à un site web existant.

Une fois dans l’éditeur, repérez le **« Quiz »** bouton dans le menu.

<figure><img src="/files/4c58c057e64696a133020769c1f98b666672f9cf" alt=""><figcaption></figcaption></figure>

Cliquez sur la section « Quiz » pour l’ajouter à la page de votre site.

#### Enquête page par page

Une enquête page par page (ou quiz) est un format de questionnaire dans lequel les questions sont réparties sur plusieurs pages. Les utilisateurs répondent de manière séquentielle, en passant d’une page à l’autre. Cette approche rend l’interaction plus pratique en présentant les questions individuellement ou en petits groupes, plutôt que sous la forme d’une seule longue liste.

<figure><img src="/files/c68a5d5c90527a50f8d3fbf1de0a5b4c3cfd9222" alt="" width="375"><figcaption></figcaption></figure>

**Avantages d’une enquête page par page**

* **Meilleure concentration :** les utilisateurs ne sont pas submergés par une longue liste de questions et peuvent se concentrer sur chacune individuellement.
* **Plus fort engagement :** le format étape par étape est plus interactif et aide à maintenir l’intérêt de l’utilisateur.
* **Collecte de données précise :** le déroulement structuré permet des questions plus précises et autorise un questionnement adaptatif basé sur les réponses précédentes.

Ces enquêtes sont idéales pour recueillir des retours, mener des études de marché et générer des prospects.

**Prise en main**

Après avoir créé un site ou ajouté une section quiz, vous verrez le menu de configuration de ce bloc :

<figure><img src="/files/b122a627135fa87844b5311480b0d9afe152d5bc" alt=""><figcaption></figcaption></figure>

Ensuite, dans le champ « nombre de pages », indiquez le nombre de pages requis où se trouveront vos questions, sans compter la page de démarrage ni la page des résultats :

<figure><img src="/files/4bd5ef708075e999640d972d8af12960d82d480a" alt=""><figcaption></figcaption></figure>

Vous devez d’abord cliquer sur « Créer une question »

<div><figure><img src="/files/35941f33ad8f819d60b06f9d199edf436cb1b3e1" alt="" width="563"><figcaption><p>First click on "Create a question"</p></figcaption></figure> <figure><img src="/files/b598422ae3f6503708251dca2a69819c331c3e07" alt="" width="375"><figcaption><p>Première question — sur la première page</p></figcaption></figure></div>

La première question est sur la première page

Dans le contenu du menu des paramètres, après avoir créé une question, vous trouverez la liste déroulante suivante :

<figure><img src="/files/b5ee9af211584630bb5241d24ae31e0f2047717c" alt="" width="563"><figcaption></figcaption></figure>

Chaque page du quiz (enquête page par page) contient son propre contenu, configuré séparément des autres.

Par exemple, sur la page d’accueil, vous pouvez placer des images ; sur les pages de l’enquête, vous pouvez placer les questions elles-mêmes ainsi que les formulaires de collecte de données ; et dans les résultats, le résultat final de l’enquête.

### Pages de l’enquête

Après avoir créé la première question, passez au remplissage :

Étape 1. Rédigez la question elle-même :

<figure><img src="/files/a0ba52e9496b07dd0314d16129920489806e1827" alt="" width="563"><figcaption></figcaption></figure>

Ensuite, sélectionnez le type de question :

<div><figure><img src="/files/3476a314ca989c92cc23ccf9c235e17c60252f06" alt=""><figcaption></figcaption></figure> <figure><img src="/files/6cc16c5cc07fca4fe4da025402a031f164c255e6" alt=""><figcaption></figcaption></figure></div>

Par exemple, vous pouvez sélectionner le type « Champ numérique » ; votre client ne pourra alors saisir qu’une valeur numérique pendant l’enquête.

Vous pouvez choisir d’autres types de questions, en fonction des résultats que vous souhaitez obtenir et de la manière dont vous voulez les exploiter.

{% hint style="info" %}
Pour plus d’informations sur les types de champs, consultez l’article principal « Réponses du formulaire » dans la section « Paramètres de contenu : sous-section [Créer une question](#creating-a-quiz-form).&#x20;
{% endhint %}

Si vous choisissez des types de questions tels que « Nom », « E-mail », « Téléphone », etc., vous n’avez pas besoin de saisir le texte de la question et sa réponse dans les paramètres de contenu — tout est défini à l’avance par les développeurs :

Étape 2. Ajoutez des réponses si vous avez sélectionné des types de questions pour lesquels le client doit choisir une option de réponse :

<figure><img src="/files/e2d84428edb425fe1f69ce325e6bf24ac7336eed" alt="" width="563"><figcaption></figcaption></figure>

Vous pouvez entrer un lien vers l’image dans le champ URL : l’image apparaîtra alors dans le champ de la question :

<figure><img src="/files/6507b4cd5b7dce8bbbfd07ae908dbfb87dbe2166" alt="" width="563"><figcaption></figcaption></figure>

Pour ce faire, téléversez l’image requise dans l’espace de stockage des fichiers :

<figure><img src="/files/3e4ba4fce35ee47929f168b840e6870e9552c2b7" alt="" width="265"><figcaption></figcaption></figure>

Et après le téléversement de l’image, copiez le lien qui y mène :

<figure><img src="/files/ab11ee1454973b3788ccb16a2691701b6b12b5bd" alt=""><figcaption></figcaption></figure>

Collez le lien dans le champ URL, et l’image apparaîtra dans la barre de question correspondante :

<figure><img src="/files/4c5a8425e580e7f62ca0d7edcf107b241668af53" alt=""><figcaption></figcaption></figure>

Ensuite, si vous remplissez le champ « Réponse libre », votre utilisateur pourra saisir la réponse à sa question sous forme libre :

<figure><img src="/files/84c0dc62f32b8e17587ce8e13b95a61d50027f8d" alt="" width="563"><figcaption></figcaption></figure>

Dans ce champ, saisissez une valeur textuelle, par exemple « Réponse libre » ou « Votre réponse » :

<figure><img src="/files/0969e99d41a7d76ac19f88016fc309ca56ccd60e" alt="" width="563"><figcaption></figcaption></figure>

Le client pourra alors saisir la réponse à la question librement :

<figure><img src="/files/d52ab1b2c770475198659e24f01e9e9c5bece7ac" alt=""><figcaption></figcaption></figure>

Étape 3. La variable

Vous pouvez définir votre propre variable pour collecter les données dans le système, ou conserver le nom de variable défini :

<figure><img src="/files/666e1254475c2b2c0e217eb0fc6e1f88907df538" alt="" width="563"><figcaption></figcaption></figure>

La valeur choisie par votre client sera stockée dans la variable.

Étape 4. Question obligatoire&#x20;

Si vous avez besoin que le client réponde à la question que vous avez créée, utilisez cette case à cocher :

<figure><img src="/files/77ff446ccb19baf9fce3818ee66b8e4caeb0f81c" alt="" width="375"><figcaption></figcaption></figure>

Lors de l’activation de la case « Question obligatoire », le client ne peut pas soumettre le formulaire s’il ne fournit pas de réponse à la question requise.

Cette case à cocher peut être utilisée pour tout type de question : aussi bien lors du choix d’une option de réponse que lorsque le client saisit un numéro de téléphone ou un e-mail.

Étape 5. Ajoutez les questions suivantes à la page

Pour ajouter le nombre requis de questions sur la page actuelle, trouvez le bouton « Ajouter une question » sous la question précédente :

<figure><img src="/files/e7ad27a7b89c2bb0420ef25a2810b3e46f793458" alt="" width="375"><figcaption></figcaption></figure>

Vous verrez alors le panneau suivant avec les paramètres de la question :

<figure><img src="/files/5fb8d224e8dd6b1e0ac1c629d615ea96d042e74f" alt="" width="375"><figcaption></figcaption></figure>

Les paramètres des questions nouvellement ajoutées sont identiques aux étapes 1 à 4.

Étape 6. Configurez la page suivante.

Une fois la page 1 entièrement configurée, selon le nombre de pages défini dans la configuration, vous devez passer à la configuration de la deuxième page (puis de la troisième, quatrième, etc.). Pour cela, faites défiler vers le haut et trouvez la liste déroulante avec l’option des paramètres de page :

<figure><img src="/files/ae0fe7758bc9fc8d2e94dc1979afc60df2ca8876" alt="" width="563"><figcaption></figcaption></figure>

Sélectionnez la page que vous souhaitez configurer et cliquez dessus :

<figure><img src="/files/c1975bebe403e583fe151a61acfb8f4e4605d235" alt="" width="563"><figcaption></figcaption></figure>

Ici, vous verrez le bouton « Ajouter une autre question ».

{% hint style="success" %}
Les questions des pages suivantes sont configurées de la même manière qu’aux étapes 1 à 5.
{% endhint %}

### Page de démarrage

Les paramètres de la page de démarrage et de la page de résultats sont facultatifs ; si vous ne souhaitez pas personnaliser la couverture de votre quiz, vous pouvez l’ignorer, et votre client verra alors immédiatement les questions de la première page.

Si, par exemple, vous devez personnaliser la couverture de votre site web, trouvez la liste déroulante des pages et cliquez sur « Page d’accueil » :

<figure><img src="/files/d5bb74d383c116049ca491fb20180cbc93199491" alt="" width="563"><figcaption></figcaption></figure>

Sélectionnez la page de démarrage.

Étape 1. Créez une page de démarrage :

<figure><img src="/files/79fadda92467562f228ca9cb16aae6560c7a3666" alt="" width="563"><figcaption></figcaption></figure>

Vous verrez les paramètres de téléversement de l’image, du titre et du sous-titre.

Étape 2. Rédigez le titre et le sous-titre de la page de démarrage

Les champs En-tête et Sous-titre sont facultatifs, mais, par exemple, vous pouvez indiquer une offre unique pour attirer les clients :

<figure><img src="/files/e7ae478a72116d79372c9319bdfeb606774200db" alt="" width="563"><figcaption></figcaption></figure>

Les paramètres des éléments textuels des quiz sont similaires à ceux de n’importe quel éditeur de texte : vous pouvez choisir le gras, l’italique, le soulignement, la taille de police, la couleur, l’alignement, et plus encore :

<figure><img src="/files/ea6369eac5c0503ed85681f8c22bdc176a8892de" alt="" width="563"><figcaption></figcaption></figure>

Étape 3. Téléversez l’image.

Ajoutez une image pour rendre la section et la page d’accueil plus colorées :

<figure><img src="/files/b0b719a5638e681b219c06730c54a8cd48f22a1e" alt="" width="563"><figcaption></figcaption></figure>

{% hint style="success" %}
C’est fait !

Vous avez réussi à configurer la page de démarrage de l’enquête page par page.
{% endhint %}

## Comment ajouter des boutons de messagerie à la section quiz ?

Tout d’abord, nous recommandons de passer à l’édition du contenu :

<figure><img src="/files/e9ec65e5c83aa099b07077dcae9b76e7e3d9eb11" alt=""><figcaption></figcaption></figure>

Et d’ajouter des cases à cocher au formulaire de consentement pour le traitement des données :

<figure><img src="/files/8523c2ceac5b64b3cf85548f41794f8efebb433b" alt=""><figcaption></figcaption></figure>

Passez la souris sur la section pour trouver le bouton « Paramètres ».

<figure><img src="/files/c70d3324383f855a276e096898e5c21e8551953b" alt=""><figcaption></figcaption></figure>

Cliquez sur le bouton, puis le menu des paramètres s’ouvre à droite :

<figure><img src="/files/55914ecb59f68914793c31e2aac8bd104646c947" alt=""><figcaption></figcaption></figure>

Développez maintenant le menu déroulant « Paramètres des boutons » :

<figure><img src="/files/606e9c63979fb2f58097710861dd0d100fc677bb" alt=""><figcaption></figcaption></figure>

Et cliquez sur le bouton « Messageries » :

<figure><img src="/files/9d3beef631d03bb45b70a513a1bb1b366e08f46c" alt=""><figcaption></figcaption></figure>

Vous verrez une liste de messageries dont les boutons peuvent être ajoutés au formulaire de quiz. Cochez les cases des boutons que vous souhaitez afficher sur la page :

<figure><img src="/files/3d6a787a38e9517dc911fa67965b63862dac0149" alt="" width="563"><figcaption></figcaption></figure>

{% hint style="success" %}
Attention !&#x20;

Seuls les boutons de messagerie connectés dans la section « Canaux » seront affichés.
{% endhint %}

Ensuite, vous pouvez personnaliser le bouton à votre guise en cliquant sur « Personnaliser » sur la ligne :

<figure><img src="/files/2ede110ff1a486dffebd5f13d9ab65fa0185e56e" alt="" width="563"><figcaption></figcaption></figure>

Par exemple, vous pouvez personnaliser un bouton pour l’adapter à la palette de couleurs de votre site, ajouter du texte, etc.&#x20;


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.mavibot.ai/doc/fr/websites/sites/blocks/section-formulaire-de-quiz.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
