# Pages du site

Tout site web — qu’il s’agisse d’un site multipage ou d’une page d’atterrissage — se compose d’une ou de plusieurs **pages**, chacune contenant un contenu spécifique.

Comme nous l’avons déjà évoqué, le contenu de la page est divisé en **blocs (sections)**, qui définissent la structure et le type de contenu du site.

{% hint style="success" %}
Dans le constructeur MaviBot, il existe différents types de blocs (sections), chacun étant ajouté au site avec ses propres réglages individuels.

* [**Bloc zéro**](/doc/fr/websites/sites/blocks/zero.md)\
  Il s’agit d’un bloc sans réglages prédéfinis — vous permettant de placer n’importe quel contenu et une grande variété d’éléments du site selon votre design unique. Contrairement aux autres blocs, les éléments d’un Bloc zéro peuvent être disposés en n’importe quelle quantité et dans n’importe quel ordre. Le Bloc zéro peut servir à n’importe quelle section du site web — comme un menu, un pied de page, un formulaire de capture de prospects, une galerie, et plus encore.
* [**Couverture**](/doc/fr/websites/sites/blocks/cover.md)\
  Un bloc conçu pour ajouter une image ou une vidéo accompagnée d’un titre.\
  Traditionnellement, le bloc de couverture est utilisé comme **introduction visuelle** ou **carte de visite** du site — c’est généralement la première chose que les visiteurs voient lorsqu’ils arrivent sur votre site web.
* [**Titre et texte**](/doc/fr/websites/sites/blocks/other.md#title-and-text-section)\
  Un bloc de texte qui comprend un titre et un texte principal. Ce bloc est couramment utilisé pour présenter des informations clés, des descriptions ou des explications sur votre site.
* [**Menu**](/doc/fr/websites/sites/blocks/menu.md)\
  Utilisé pour créer un en-tête ou un pied de page avec des boutons de navigation (peut également être configuré comme menu flottant).
* [**Réservation en ligne**](/doc/fr/booking/settings.md)\
  Vous permet d’ajouter un formulaire de réservation en ligne pour les clients (connecté à des succursales préconfigurées) avec intégration automatique au CRM.
* [**Chronologie**](/doc/fr/websites/sites/blocks/other.md#stages-section)\
  Un bloc permettant de concevoir une mise en page de site unique avec une séquence chronologique d’événements.
* [**Accordéon**](/doc/fr/websites/sites/blocks/accordion.md)\
  Utilisé pour afficher des informations sous forme de questions-réponses rétractables ou de contenu extensible.
* [**HTML**](/doc/fr/websites/sites/blocks/other.md#html-section)\
  Ce bloc vous permet d’insérer directement sur la page du code HTML et CSS personnalisé.
* [**Formulaire**](/doc/fr/websites/sites/blocks/forms.md)\
  Un bloc pour ajouter des boutons de messagerie, des questions, des համաձայնements à la politique de confidentialité, et plus encore.
* [**Formulaires de quiz**](/doc/fr/websites/sites/blocks/section-formulaire-de-quiz.md)\
  Un bloc pour créer des quiz ou des sondages en plusieurs étapes sur le site web.
* [**Média**](/doc/fr/websites/sites/blocks/other.md#media-section)\
  Utilisé pour insérer des images ou du contenu vidéo sur votre site web.
* [**Boutons**](/doc/fr/websites/sites/blocks/buttons.md)\
  Un bloc pour ajouter des boutons qui renvoient vers des URL, des numéros de téléphone, des e-mails ou des pages de paiement.
* [**Citation**](/doc/fr/websites/sites/blocks/other.md#quote-section)\
  Un bloc pour mettre en évidence une citation ou un témoignage.
* [**Liste**](/doc/fr/websites/sites/blocks/other.md#list-section)\
  Vous permet de créer des listes ordonnées (numérotées) et non ordonnées (à puces).
* [**Texte déroulant**](/doc/fr/websites/sites/blocks/other.md#drop-down-text-section)\
  Un bloc pour ajouter du texte qui se déploie/se replie lorsqu’on clique dessus.
* [**Galerie**](/doc/fr/websites/sites/blocks/other.md#gallery-section)\
  Utilisé pour afficher une collection d’images sous forme de galerie.
* [**Pop-up**](/doc/fr/websites/sites/blocks/popup.md)\
  Permet de créer des fenêtres modales pop-up sur le site web.
* [**Cartes personnalisées**](/doc/fr/websites/sites/blocks/cards.md)\
  Idéal pour présenter des témoignages clients ou des informations produit sous forme de carte.
* [**Cartes de cours**](/doc/fr/websites/sites/blocks/course.md#how-to-add-the-course-cards-section)\
  Utilisé pour vendre des cours en ligne directement sur votre site — aucune configuration manuelle nécessaire, car les données du cours sont automatiquement récupérées depuis la section « Cours en ligne ».
* [**Liste des leçons**](/doc/fr/websites/sites/blocks/course.md#how-to-add-the-lesson-lists-block)\
  Sélectionnez un cours dans les réglages du bloc, et toutes les leçons de ce cours s’afficheront automatiquement.
* [**Minuteur de compte à rebours**](/doc/fr/websites/sites/blocks/other.md#timer-section)\
  Un bloc pour ajouter un compte à rebours, utile pour les offres à durée limitée ou les lancements.
* [**Tableaux**](/doc/fr/websites/sites/blocks/sheets.md)\
  Vous permet d’organiser et d’afficher des données structurées sous forme de tableau.
* [**Consentement aux cookies**](/doc/fr/websites/sites/blocks/cookies.md)\
  Un bloc de conformité qui affiche des informations sur la politique en matière de cookies — informant les utilisateurs des données stockées et de la manière dont cela améliore leur expérience.
  {% endhint %}

Pour entrer en mode d’édition d’une page du site web, cliquez sur la vignette du site web souhaité pour ouvrir ses paramètres.

<div data-with-frame="true"><figure><img src="/files/aae3d13231c492b765ff2a7106c7f1757222faf7" alt="" width="563"><figcaption></figcaption></figure></div>

{% hint style="info" %}
Si vous venez de créer un nouveau site web multipage, il n’est pas nécessaire de naviguer ailleurs — vous serez déjà dans l’onglet contenant les paramètres et les pages du site web.
{% endhint %}

Cliquez ensuite sur la page spécifique du site web que vous souhaitez modifier.

<div data-with-frame="true"><figure><img src="/files/b178213452aa31c32e43d5776e0f608e0e47721a" alt=""><figcaption></figcaption></figure></div>

Le formulaire d’édition de la page s’ouvrira alors, où vous pourrez ajouter ou supprimer des blocs (sections) du site, modifier les polices, l’arrière-plan de la page, et plus encore.

<div data-with-frame="true"><figure><img src="/files/c4739fdd50cacda76e7206412c77406f63d6012d" alt=""><figcaption></figcaption></figure></div>

{% hint style="success" %}
Voici les raccourcis clavier pour passer en mode d’édition plein écran :

`Ctrl+shift+X` ou `Cmd+shit+X`
{% endhint %}

## Comment ajouter un nouveau bloc

Pour ajouter un nouveau bloc, survolez n’importe quel espace vide dans la zone de travail. Cliquez sur le **"+"** bouton qui apparaît. Un menu s’ouvrira alors sur le côté droit de l’écran, où vous pourrez sélectionner le type de bloc souhaité.

<div data-with-frame="true"><figure><img src="/files/d9bd0b3e1a00fddc24879e4fc5bacd94ee6d11c4" alt=""><figcaption></figcaption></figure></div>

{% hint style="info" %}
Les réglages détaillés de chaque bloc sont présentés dans [« Blocs du site »](/doc/fr/websites/sites/blocks.md) section.
{% endhint %}

## Comment supprimer un bloc

Pour supprimer un bloc inutile, survolez-le et repérez le **« Supprimer »** .

<div data-with-frame="true"><figure><img src="/files/08c5ad73faca230b770d7f97d0370beae41b5e00" alt=""><figcaption></figcaption></figure></div>

Cliquez **« Supprimer »** pour retirer définitivement la section.

{% hint style="danger" %}

#### **Veuillez noter !**

Cette action est irréversible.
{% endhint %}

## Comment masquer un bloc

Si vous ne souhaitez pas supprimer un bloc ou si vous devez le masquer temporairement, survolez le bloc et cliquez sur le **« Désactivé »** .

<div data-with-frame="true"><figure><img src="/files/c1e222bfef3856795bdbfffbda6c39dbd9f21f40" alt=""><figcaption></figcaption></figure></div>

Cliquez sur le bouton pour masquer la section. Cliquez à nouveau dessus pour l’afficher.

## Comment copier un bloc

Pour dupliquer une section, survolez-la et cliquez sur le **« Copier »** bouton. La copie sera ajoutée automatiquement à la même page. Cela est utile pour créer des variantes avec différents réglages (par exemple, pour des appareils distincts).

<div data-with-frame="true"><figure><img src="/files/c68c6e99c868b1c5cda65ab3923aeddbed9fae2e" alt=""><figcaption></figcaption></figure></div>

Cliquez sur le bouton **« Copier »** bouton pour dupliquer la section. La copie apparaîtra directement sous l’originale.

## Comment modifier le contenu d’un bloc

Pour modifier une section, survolez-la et cliquez sur le **« Contenu »** .

<div data-with-frame="true"><figure><img src="/files/281f04410b9b5f94faf12723a3970e51f4d75b0f" alt=""><figcaption></figcaption></figure></div>

Un menu d’édition du contenu s’ouvrira à droite pour tous les types de blocs, sauf le Bloc zéro.

<div data-with-frame="true"><figure><img src="/files/500771aedc657ee5ac58b7f055c71e38b8a50394" alt=""><figcaption></figcaption></figure></div>

Le Bloc zéro, en revanche, se modifie dans une fenêtre dédiée.

<div data-with-frame="true"><figure><img src="/files/ee2f3a11e2065ec4cbd105c380f33ea5ed61e914" alt=""><figcaption></figcaption></figure></div>

{% hint style="success" %}
Pour apprendre à modifier n’importe quel bloc et comprendre l’utilité des différentes fonctionnalités et réglages, veuillez consulter **«**[**Blocs du site**](/doc/fr/websites/sites/blocks.md)**»** section.
{% endhint %}

## Réglages du bloc

<div data-with-frame="true"><figure><img src="/files/c07af4006271ec8970d8637e3d62f1c23ae3fd9f" alt=""><figcaption></figcaption></figure></div>

Utilisez la **« Modifier »** bouton pour le contenu. Pour tous les autres réglages de style et de visibilité, cliquez sur le **« Paramètres »** bouton (s’applique à tous les blocs sauf le Bloc zéro).

<div data-with-frame="true"><figure><img src="/files/b83208eb5ba6c3f0d79494f19e6cb77c3d3735b8" alt=""><figcaption></figcaption></figure></div>

Les réglages de police, d’arrière-plan et d’affichage sont universels et fonctionnent de manière similaire dans tous les blocs.

{% hint style="success" %}
En savoir plus sur ces réglages universels dans l’ **« Blocs du site »** article, dans la section correspondante.
{% endhint %}

### Réglages d’affichage

Ce menu vous permet de configurer l’affichage du bloc pour la page actuelle et le widget d’abonnement Facebook. Vous pouvez également optimiser son apparence pour différents appareils en contrôlant la visibilité selon la taille de l’écran.

<div data-with-frame="true"><figure><img src="/files/64540d93bcf53690bc7329cbdecc3ae1f54ace29" alt="" width="375"><figcaption></figcaption></figure></div>

{% hint style="warning" %}
Le bloc d’abonnement Facebook a des dimensions fixes. Par conséquent, les **Largeur de la section** et **Largeur du contenu** paramètres ne sont pas disponibles et toute valeur définie ne s’appliquera pas.
{% endhint %}

### Plage de visibilité

Vous pouvez configurer le bloc pour qu’il soit visible uniquement dans une plage de tailles d’écran spécifique à l’aide des réglages d’affichage.

<div data-with-frame="true"><figure><img src="/files/56b1d8d76d24ef61f7aa1cfcd08860c9dea5f541" alt="" width="375"><figcaption></figcaption></figure></div>

Utilisez cela pour créer une version du contenu optimisée pour mobile, conçue pour les smartphones et autres appareils portables.

<div data-with-frame="true"><figure><img src="/files/a2c2e0815491980d467cbfab3f233ac1cffe724e" alt="" width="375"><figcaption></figcaption></figure></div>

Vous pouvez créer une section, la dupliquer et adapter chaque copie à une taille d’écran différente.

<div data-with-frame="true"><figure><img src="/files/4e3e5cbdf1d9f629686249373a3f7631599e3db2" alt=""><figcaption></figcaption></figure></div>


---

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