# Formulaire de collecte de données

Ce bloc vous permet d’ajouter un formulaire de collecte de données, par exemple un numéro de téléphone, un nom, des réponses à des questions, etc., et de définir des boutons pour accéder aux messageries dans le chatbot.

Vous pouvez facilement configurer l’apparence des boutons de messagerie à l’aide des paramètres standard des boutons dans ce bloc.

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

### Comment créer un formulaire de collecte de demandes

Lors de l’ajout d’un formulaire, trois types de champs de collecte de données sont créés d’un seul coup grâce aux paramètres prédéfinis du formulaire :

1\) Nom ;

2\) E-mail ;

3\) Numéro de mobile.

<figure><img src="/files/05b21a8deada0803310c24621b0d4863bc9fb2bf" alt=""><figcaption></figcaption></figure>

Si vous devez ajouter d’autres questions au formulaire, cliquez sur le bouton « Ajouter une autre question » :

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

{% hint style="warning" %}
Le **Question** et **Variable** les champs sont obligatoires et sont marqués d’un \*.
{% endhint %}

Pour accéder aux paramètres de la question, cliquez sur la flèche dans la barre de la question :

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

Vous verrez alors les paramètres avancés de la question :

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

**Question obligatoire** **commutateur**&#x20;

La question peut être rendue obligatoire. Dans ce cas, il n’y aura pas de transition vers les messageries tant que l’utilisateur n’aura pas saisi la valeur. Pour ce faire, activez la case à cocher Question obligatoire :

<figure><img src="/files/629914a9507e4c7ea5654c37df07b3334cc57c7d" alt=""><figcaption></figcaption></figure>

Vous pouvez **supprimer une question** en cliquant sur l’icône de corbeille à côté du bouton radio Question obligatoire :

<figure><img src="/files/682f245f0e9d37f1bcf828c336f88bad01e4f2cd" alt=""><figcaption></figcaption></figure>

&#x20;**Bouton Ajouter une autre question**

Si vous devez poser plusieurs questions dans un seul formulaire, vous pouvez ajouter des questions en cliquant sur le bouton Ajouter une autre question.

En cliquant sur le bouton Poser des questions, le formulaire par défaut s’ouvre avec le type de champ Liste déroulante. Vous pouvez ensuite le modifier pour l’un des types disponibles.

**Type de champ.** Vous pouvez choisir l’une des options de question disponibles :

* **Liste déroulante** - la liste des réponses sera affichée sous forme de champ avec une liste
* **Choix multiple** - la réponse peut contenir plusieurs options - choix multiple parmi la liste des réponses possibles
* **Sélection d’une option** - une seule réponse peut être sélectionnée dans la liste des réponses possibles.
* Un **champ de texte** - c’est un champ dans lequel le client doit saisir lui-même la valeur.

Les types de champs suivants ne peuvent être utilisés dans le formulaire qu’une seule fois pour le minilanding réel :

* **Name**&#x20;
* **E-mail**
* **Téléphone mobile**

Si la question est marquée comme **obligatoire** question, le client ne pourra pas fermer le formulaire sans y répondre.

&#x20;**type de champ Liste déroulante**

Dans cette question, les réponses possibles sont cachées dans le menu déroulant. En cliquant sur le champ, un menu avec des options de réponse s’ouvre. Vous pouvez ajouter une nouvelle réponse en cliquant sur le bouton Ajouter une réponse.

Cette fonctionnalité permet également d’ajouter « Votre réponse » à la question « Choisir l’une des options » - cela vous permettra de recevoir des clients non seulement des réponses dans le format prescrit, mais aussi de découvrir de nouvelles options auxquelles les utilisateurs auraient pu penser.

Dans le champ Variable, indiquez le nom de la variable, en tenant compte des recommandations pour leur création. La réponse sera enregistrée dans une variable et transmise au bot.

<figure><img src="/files/39bc5f0a7216293fcf210de66c9ceef2dd551076" alt=""><figcaption></figcaption></figure>

#### type de champ Champ de texte

Vous pouvez sélectionner ce type si l’utilisateur doit fournir une réponse libre.&#x20;

Dans le champ Variable, indiquez le nom de la variable, en tenant compte des recommandations pour leur création. La réponse sera enregistrée dans une variable et transmise au bot.

<figure><img src="/files/28a93a71c9fdc2e476f5d889f5fc85d1ca5cb8e1" alt=""><figcaption></figcaption></figure>

#### type de champ Sélection de plusieurs options

Dans cette question, l’utilisateur peut choisir une ou plusieurs réponses possibles. La mini page d’atterrissage affiche toutes les réponses à la fois. À côté d’elles se trouvent des cases à cocher carrées pour la sélection.\
\
Vous pouvez ajouter une nouvelle réponse en cliquant sur le bouton + Ajouter une réponse.

Dans le champ Variable, indiquez le nom de la variable, en tenant compte des recommandations pour leur création. La réponse sera enregistrée dans une variable et transmise au bot.

<figure><img src="/files/31b3303cd64c76bb8879a1d23c591df95789fa44" alt=""><figcaption></figcaption></figure>

#### type de champ Sélection d’une option

Dans cette question, l’utilisateur ne peut choisir qu’une seule des réponses disponibles. La mini page d’atterrissage affiche toutes les réponses à la fois. Des cases à cocher rondes se trouvent à côté d’elles, mais vous ne pouvez choisir qu’une seule réponse.\
\
Vous pouvez ajouter une nouvelle réponse en cliquant sur le bouton + Ajouter une réponse.

Dans le champ Variable, indiquez le nom de la variable, en tenant compte des recommandations pour leur création. La réponse sera enregistrée dans une variable et transmise au bot.

<figure><img src="/files/5d63898ad000de58e9f876faf229ebc98d942aa3" alt=""><figcaption></figcaption></figure>

#### type de champ : Nom

Le nom de l’utilisateur est saisi dans ce champ. Lors du passage au bot, le nom du site sera écrit dans la variable du client **`name_from_ml`**

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

**Inscription**. Si vous ne remplissez pas ce champ, le libellé par défaut Nom sera indiqué au-dessus du champ de saisie du numéro. Vous pouvez saisir vos descriptions afin que l’utilisateur entre ses informations.

Comment le nom du client est-il affiché sur le site web ? :

<figure><img src="/files/0ce6f689b62eb206fd779f5f0b811e5078da2bc2" alt=""><figcaption></figcaption></figure>

#### type de champ : E-mail

L’adresse e-mail de l’utilisateur est enregistrée dans ce champ. Lors du passage au bot, le nom du site sera écrit dans la variable du client **`e-mail`**

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

**Inscription.** Si vous ne remplissez pas ce champ, l’adresse e-mail par défaut sera indiquée au-dessus du champ de saisie du numéro. Vous pouvez saisir vos descriptions afin que l’utilisateur entre ses informations.

Comment les données reçues sont-elles affichées dans le bot lors de la navigation depuis une mini page d’atterrissage :

![](/files/0ce6f689b62eb206fd779f5f0b811e5078da2bc2)

#### type de champ : Téléphone mobile

Le numéro de téléphone de l’utilisateur est enregistré dans ce champ. Lors du passage au bot, le numéro de téléphone de l’utilisateur provenant du site sera enregistré dans la variable client **`phone`**

![](/files/f8c689ed6ad650f11a0e73b8a045541bbc04d7e8)

Des paramètres supplémentaires sont disponibles sur la mini page d’atterrissage.

**Téléphones personnalisés.** Vous pouvez spécifier quels indicatifs de pays afficher pour la sélection lors de la saisie d’un numéro de téléphone.

<figure><img src="/files/078fee2f9ac0c342d7a03d4cc6c50575837d55bd" alt=""><figcaption><p>Codes pays personnalisés (configurables). </p></figcaption></figure>

**Le code pays par défaut** est +7 Russie. Dans ce champ, vous pouvez modifier ce code pour un autre pays si nécessaire.

**Le commutateur Détection du code pays par adresse IP** .

<figure><img src="/files/e51f67043436ce74179b8754c75ab4c95b8388b6" alt=""><figcaption><p>Détermination du code pays par adresse IP</p></figcaption></figure>

Lorsque le commutateur « Détection du code pays par adresse IP » est activé, le code pays est déterminé automatiquement à partir du numéro de téléphone via la base de données IP (champ 1 sur la capture d’écran, « Téléphones personnalisés »). Si le code pays n’est pas trouvé, alors le code indiqué dans le champ « Code pays par défaut » (champ 2 sur la capture d’écran ci-dessus) est utilisé.

Ainsi, si vous indiquez, par exemple, le Kazakhstan dans le champ « Téléphones personnalisés » et activez la détection automatique du code pays par adresse IP, le code sera d’abord recherché à partir du numéro de téléphone dans la base de données Téléphones personnalisés (adresses IP). Si le numéro est trouvé, le code pays sera pris à partir du numéro de téléphone, sinon à partir du champ « Code pays par défaut », c’est-à-dire le code pays par défaut.

{% hint style="info" %}
En raison de contraintes de temps au niveau du pays, ce paramètre peut ne pas fonctionner correctement.
{% endhint %}

**Inscription.** Si vous ne remplissez pas ce champ, le libellé par défaut Numéro de téléphone sera indiqué au-dessus du champ de saisie du numéro. Vous pouvez saisir vos descriptions afin que l’utilisateur entre son numéro de téléphone.

&#x20;

<figure><img src="/files/878c3f90a421546e988fc43e009eae81bc083746" alt=""><figcaption><p>Exemple de configuration du libellé au-dessus du numéro de téléphone</p></figcaption></figure>

### Comment créer un formulaire dans un bouton

{% hint style="warning" %}
Cette fonctionnalité ne fonctionne pas pour la page d’abonnement VKontakte. Le formulaire sera ajouté à la page automatiquement.
{% endhint %}

Dans ce cas, utilisons la section pop-up.

{% hint style="info" %}
En savoir plus sur la section pop-up dans l’article du même nom. lien [nous en avons parlé dans l’article du même nom.](broken://pages/c975a83b38e1b6fefb2b8ee0e2d8fe45d8c0017f)&#x20;
{% endhint %}

Passez en mode édition de la page du site et trouvez le bouton « + » pour ajouter la section « Pop-up » :

<figure><img src="/files/8698b7cac42f321eb048328168649e606e7683a6" alt=""><figcaption></figcaption></figure>

La section sera alors ajoutée à la page du site :

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

Vous devez maintenant remplir le pop-up en cliquant sur le bouton correspondant dans la section :

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

Ensuite, sélectionnez la section que vous souhaitez ajouter au pop-up — il s’agit de la section « Formulaire » :

<figure><img src="/files/968913a7696adcef82dda8b8dda89df1951e89a9" alt=""><figcaption></figcaption></figure>

En cliquant dessus, le formulaire sera ajouté au pop-up et une fenêtre s’ouvrira à droite pour remplir le contenu du formulaire :

Remplissez maintenant le contenu du formulaire comme décrit dans les sections ci-dessus.

<figure><img src="/files/805016337367a77bacb3b1a5ca5e50c7b132397d" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
Vous pouvez ajouter n’importe quel nombre de sections au pop-up, créant ainsi un mini-site qui s’ouvre lorsque vous cliquez sur le bouton.
{% endhint %}

Nous allons maintenant spécifier l’ID du pop-up comme lien dans le bouton (le bouton peut être n’importe lequel) :

<figure><img src="/files/2fba8b8d3b443816e34a269d8321dd8571c0ecc1" alt=""><figcaption></figcaption></figure>

Ensuite, allez dans la section menu (l’en-tête de la page du site) et spécifiez la valeur du pop-up dans le bouton avec la fonction de lien :

1. Cliquez sur « Modifier » dans la section requise (cela peut être soit la section « Menu », soit la section « Boutons ») :

<figure><img src="/files/464fccac08c28b7a2e2828baa8aa63859f595047" alt=""><figcaption></figcaption></figure>

La barre de droite s’ouvrira alors avec l’édition du contenu :

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

2. Ensuite, créez un bouton avec la fonction « Lien » :

<figure><img src="/files/3a5e5c71820d18cbffb01785affa6c12c5850cea" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
Attention !

L’action doit être « Dans la fenêtre actuelle », sinon le bouton pop-up ne s’ouvrira pas.
{% endhint %}

C’est prêt ! Vous pouvez maintenant ouvrir le formulaire via le bouton du menu ou un autre bouton sur la page du site :

<figure><img src="/files/21ce2fca076eff231ae8787a2133b0b4ae3a1418" alt=""><figcaption></figcaption></figure>

### Comment ajouter une transaction à MavibotCRM depuis le site web

{% hint style="warning" %}
Cela ne fonctionne que si le canal Whatsapp ou l’e-mail est connecté au projet : vérifiez si le client est dans la base de données et ajoutez-lui une nouvelle transaction ou un nouveau client, et une transaction sera créée pour lui.

Si les deux canaux sont connectés, un client Whatsapp est créé !
{% endhint %}

<figure><img src="/files/838bc036c7d1c258c2b9045a1fc06e14d0bc5ad2" alt=""><figcaption></figcaption></figure>

### Politique de confidentialité

Ajouter un lien vers votre politique de confidentialité est simple et facile :

activez les cases à cocher et ajoutez un lien vers la page de la politique ou laissez les paramètres par défaut.

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

Afficher la politique de confidentialité

Par défaut, ces paramètres sont désactivés. Pour les activer, cochez la case dans le **case à cocher Politique de confidentialité.**\
Vous pouvez également vérifier s’il est nécessaire d’activer la case à cocher « J’accepte la politique de confidentialité » sur la page d’atterrissage. Pour ce faire, cochez la case dans les paramètres de la page d’atterrissage pour «**Afficher la case cochée immédiatement : »**

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

#### Boutons

Dans cette section, vous pouvez configurer l’affichage des boutons sur le site.

#### Style du bouton (menu déroulant) &#x20;

Afficher les boutons uniquement avec les icônes des messageries (icône seule) ou ajouter le nom de la messagerie (icône avec texte).

<figure><img src="/files/6604b4d96a9b5a8d048cf61e657ab6b2adc72388" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Si vous sélectionnez le type de bouton Icône avec texte, vous pouvez modifier le texte du bouton.&#x20;
{% endhint %}

Vous pouvez également choisir quels boutons des messageries connectées à Mavibot seront affichés sur le site. Pour ce faire, cochez les cases correspondantes.

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

Si votre projet n’a pas de canaux connectés, les boutons de messagerie dans le formulaire ne seront pas affichés.
{% endhint %}

#### Les boutons de ce formulaire prendront les données de tous les formulaires du site (un commutateur)

Lors de la création d’une grande page, vous pouvez avoir besoin d’utiliser plusieurs fois le formulaire de collecte de données avec des boutons de messagerie pour passer au bot. Par souci de commodité, ce commutateur a été créé afin que les données puissent être transmises au bot depuis n’importe lequel des formulaires.


---

# 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/forms.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.