# Section popup

Un popup est une fenêtre qui apparaît par-dessus une page web, généralement déclenchée par l’action d’un utilisateur sur une page d’atterrissage. Il peut contenir un formulaire de collecte de données, un bloc de texte, une galerie ou tout autre type de section disponible dans le constructeur MaviBot.

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

L’action cible pour un popup dans le constructeur MaviBot consiste à cliquer sur le bouton contenant la valeur de la section.

Lisez comment configurer la section et ouvrir la fenêtre à l’aide du bouton.

## Paramètres du popup

Pour créer une section popup, cliquez sur le "+" pour ouvrir le menu des sections. Recherchez ensuite la section Pop-up dans le menu qui s’ouvre. Puis cliquez sur le popup pour ajouter la section à votre site :

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

Vous pouvez ajouter autant de sections que vous le souhaitez au pop-up, par exemple en créant une fenêtre d’information sur la page d’atterrissage.

Pour ajouter une section pop-up, cliquez sur le **« Remplir le popup »** bouton. Une fenêtre modale s’ouvre avec les sections pouvant être intégrées à l’intérieur du popup :

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

Vous pouvez ajouter plusieurs sections du site à l’intérieur d’un popup, créant ainsi une mini page d’atterrissage secondaire. La fenêtre prend en charge un nombre illimité de sections, ce qui permet des mises en page flexibles et complètes.

Les sections à l’intérieur du popup sont configurées de la même manière que celles que vous utilisez pour concevoir votre site principal.

## Paramètres du bouton

Le popup s’ouvrira sur votre site web lorsqu’un bouton sera cliqué. Vous pouvez utiliser soit la **« Menu »** section soit la **« Boutons »** section pour créer ce bouton déclencheur.

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

### Comment ajouter un popup à la section « Menu »

Pour ajouter un pop-up au bloc Menu, copiez la valeur de la section de la fenêtre popup :

<figure><img src="/files/1eafbef80c3ad3914dc1097b77a0489e036a0c2f" alt=""><figcaption></figcaption></figure>

Ensuite, allez dans les paramètres de la section « Menu » :

Étape 1. Ajoutez la section menu et ajoutez le bouton dans les paramètres de contenu de la section Menu :

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

Étape 2. Sélectionnez l’action pour le bouton « Dans la fenêtre actuelle » :

<figure><img src="/files/1ddda5d801dd5f19c80efd80eb723aa666f88e35" alt=""><figcaption></figcaption></figure>

Étape 3. Ajoutez la valeur de l’ID du popup dans le champ du lien :

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

Étape 4. Enregistrez les paramètres du site.

Étape 5. Test

Pour voir comment le popup s’ouvre dans le menu du site, allez sur la page du site et cliquez sur le bouton que vous avez créé dans le menu.

<figure><img src="/files/15cdc5e53ac59a418a34b9fa27966293293cf717" alt=""><figcaption></figcaption></figure>

Comme vous pouvez le voir, le popup ne s’ouvre que lorsque vous cliquez sur le bouton, et vous pouvez spécifier l’action cible pour le client : par exemple, prendre rendez-vous, en savoir plus, etc.

### Comment ajouter un popup à la section Boutons

Pour ajouter un pop-up au bloc Menu, copiez la valeur de la section de la fenêtre popup :

<figure><img src="/files/1eafbef80c3ad3914dc1097b77a0489e036a0c2f" alt=""><figcaption></figcaption></figure>

Ensuite, allez dans les paramètres de la section « Boutons » :

Étape 1. Ajoutez le bloc « Boutons » au site :

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

Étape 2. Ajoutez le bouton dans les paramètres de contenu du bloc :

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

Étape 3. Installez la fonction du bouton lien :

<figure><img src="/files/6869956afad9657c8be978617e1b19e5b39c25da" alt=""><figcaption></figcaption></figure>

Étape 4. Entrez la valeur de la section popup dans le lien du bouton :

<figure><img src="/files/8e7e675b491d870032500474c3b2661d846a677c" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/1eafbef80c3ad3914dc1097b77a0489e036a0c2f" alt=""><figcaption></figcaption></figure>

Étape 5. Cliquez sur le bouton d’enregistrement pour ajouter le bouton avec le lien du popup

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

Étape 6. Test

Enregistrez les paramètres du site. Pour voir comment le popup s’ouvre dans le menu du site, allez sur la page du site :

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

Ensuite, cliquez sur le bouton que vous avez créé avec la fonction d’ouverture du popup :

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

Une fenêtre popup aidera à alléger votre site, à le rendre plus mobile et plus flexible, tout en ajoutant des informations supplémentaires sans enfreindre la logique et la conception de base du site.


---

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