# Autres sections du site

## Section de titre et de texte

Ce bloc est utilisé pour ajouter du texte à votre site web.

Vous pouvez utiliser un modèle existant ou créer le vôtre (un modèle vide), puis le personnaliser selon vos préférences.

<figure><img src="/files/7e27996fbc309e9dfc3c22416a24ee352b577bdb" alt=""><figcaption></figcaption></figure>

Vous pouvez remplir le champ Titre ou le laisser vide.

<figure><img src="/files/5349d8d4c05add09cda70a242988f93facf40124" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Les champs principaux pour la mise en forme du texte du Titre et du texte principal sont les mêmes que dans la [section Couverture.](/doc/fr/websites/sites/blocks/cover.md)
{% endhint %}

Vous pouvez mettre en forme le texte en appliquant des styles (**Gras**, *Italique*, \~\~Barré\~\~, \<u>Souligné\</u>), en modifiant la couleur du texte sélectionné et en ajustant l’alignement (gauche, centré, droite ou justifié).

Vous pouvez également ajouter des listes (numérotées ou à puces) ou insérer des hyperliens dans le texte.

De plus, des variables peuvent être insérées dans les deux **En-tête** et **Texte** champs.

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

En cliquant sur le bouton, un menu s’ouvre et affiche les variables standard et de projet disponibles. Vous pouvez copier et coller n’importe quelle variable dans le champ sélectionné.

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

## Section HTML

Cette section peut être utilisée pour ajouter des éléments à un site web créé à l’aide de codes HTML et CSS.

<figure><img src="/files/59212726ed085867b09cc7a3923d5f98db642b43" alt=""><figcaption></figcaption></figure>

Le code CSS s’applique à l’ensemble du site, et non à la seule section actuelle !

Il n’est pas recommandé d’insérer dans le bloc du code HTML contenant des balises \<script>.

Ce code HTML est exécuté immédiatement, ici dans l’aperçu.

Pour ajouter un \<script>, utilisez la section CSS et JS dans les paramètres du site.

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

## Section Galerie

La section Galerie vous permet d’améliorer considérablement l’attrait et le caractère informatif de votre site web en ajoutant des images qui présentent visuellement vos produits ou services aux clients. Cela aide à créer un contenu plus engageant et convaincant, ce qui peut renforcer la confiance des utilisateurs et, au final, augmenter le taux de conversion de votre site.

En général, la section Galerie affiche une collection d’images sous forme de diaporama ou de carrousel. Cela peut inclure différents types de visuels tels que des photographies, des captures d’écran, des graphiques, et plus encore.

<figure><img src="/files/08505f2af4a012ddb76ebf0933b4c3aff3ce4fa5" alt=""><figcaption></figcaption></figure>

**Comment ajouter des images à la section Galerie**

Allez dans l’onglet **Contenu** menu et téléchargez-y vos images.

<figure><img src="/files/7b499e8d99b74de5661129975b9117471104a074" alt=""><figcaption></figcaption></figure>

Vous pouvez téléverser jusqu’à 20 images pour une taille totale ne dépassant pas 10 Mo.

Une fois une image sélectionnée, vous pouvez personnaliser le texte qui s’affiche au survol.

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

Pour sélectionner le style de la galerie, allez dans les paramètres :

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

Par défaut, la galerie a une vue « Rayures ». Cependant, vous pouvez la changer en style « Tuiles », « Polygones (pleine largeur) » ou « Tuiles (pleine largeur) ».

<figure><img src="/files/6121137bc744a1c46d21e52c4a97d7a886ac062d" alt=""><figcaption></figcaption></figure>

## Section Média

Cette section vous permet d’ajouter n’importe quel fichier multimédia (image ou vidéo) à votre site web séparément du bloc universel. Vous pouvez utiliser un modèle prêt à l’emploi ou créer le vôtre, vide, puis le personnaliser selon vos besoins.

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

La principale différence entre ce bloc et la galerie est que l’image/vidéo ajoutée au bloc reste statique (c.-à-d. qu’elle ne défile pas comme dans la galerie) :

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

### Comment téléverser une pièce jointe

Après avoir cliqué sur le bouton « Ajouter un bloc », une fenêtre supplémentaire s’ouvre avec les paramètres du fichier multimédia sélectionné. Dans cette fenêtre, vous pouvez configurer les paramètres d’affichage du fichier sur le site web.

<figure><img src="/files/55af74403bb66049877fda8257e83960de6deccb" alt=""><figcaption></figcaption></figure>

Vous pouvez ajouter des fichiers vidéo de tout type en fournissant un lien vers ceux-ci. Vous pouvez également télécharger des images depuis votre ordinateur ou saisir aussi un lien dans le champ URL.

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

Vous pouvez ajouter un lien vers l’image qui permettra à l’utilisateur d’y accéder en cliquant dessus. Vous pouvez ajouter des variables et ajuster la largeur et la hauteur du fichier.

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

Après avoir sélectionné le fichier multimédia, vous pouvez afficher le texte et le titre dans le bloc :

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

Vous pouvez mettre en forme le texte à l’aide des outils standard de l’éditeur, comme dans les autres blocs. Vous pouvez appliquer **gras**, *italique*, \<u>soulignement\</u>, modifier la taille de la police, la couleur, et plus encore.

## Section Citation

Ce type de bloc est nécessaire si vous souhaitez mettre une citation en évidence séparément sur le site. Vous pouvez utiliser un modèle prêt à l’emploi ou créer le vôtre, puis le personnaliser selon vos besoins.

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

Type n°1

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

Type n°2

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

Ce bloc est assez simple à configurer et contient un champ de texte pour une citation :

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

Le champ de texte comprend toutes les fonctionnalités de mise en forme standard : changement de casse, *italique*, **gras**, \<u>soulignement\</u>, et plus encore. Vous pouvez également personnaliser la couleur du texte et la surbrillance.

Dans l’onglet **Paramètres du contenu**, vous pouvez choisir un style d’affichage de la citation, sélectionner une police différente pour le bloc, ajuster l’arrière-plan et modifier son apparence.

<figure><img src="/files/08d5b71a9c28734bfddf009372840899d9134c0f" alt=""><figcaption></figcaption></figure>

## Section Minuteur

Le bloc Minuteur est la solution la plus intéressante pour votre site web, de et jusqu’à la date requise, en mode animation :

<figure><img src="/files/588510a24d52766e3cde13082744a675d8b4d0bc" alt=""><figcaption></figcaption></figure>

Il existe deux types de minuteur dans le bloc :

* Temps réel

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

Comme son nom l’indique, un minuteur de type « réel » commence le compte à rebours jusqu’à une date et une heure données d’un certain événement.

Par exemple, aujourd’hui nous sommes le 22/12/2025 (mardi) et l’événement est une conférence le 30 décembre à 15:00.

Nous définissons la date dans le calendrier - le 30 avril et dans le champ heure - 15:00.

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

Ainsi, le minuteur commencera à compter le temps restant avant l’événement :

<figure><img src="/files/48e314ff1fd75414b9e24012ed7e1e318fc2fd3e" alt=""><figcaption></figcaption></figure>

* Cyclique

Un minuteur de type cyclique ne calcule pas automatiquement le temps : vous définissez donc vous-même les jours et les heures dans les champs disponibles, puis le minuteur commence le compte à rebours :

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

Par exemple, votre remise d’abonnement est valable pendant une semaine : vous pouvez définir la date de fin de la promotion dans 7 jours dans le minuteur. Le système comptera automatiquement le temps jusqu’à cette date, à partir du moment où il est défini.

De plus, dans ce type de minuteur, il est possible de redémarrer le minuteur une fois le temps écoulé :

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

La différence entre les minuteurs de type « réel » et « cyclique » est que, dans le premier cas, le temps est compté jusqu’à une certaine date et heure (jusqu’au 30/04/2025 à 15:00), et dans le second — selon les valeurs de temps définies (expire après 7 jours).

De plus, vous pouvez sélectionner les paramètres de couleur des chiffres et de l’arrière-plan du minuteur. Pour cela, allez dans les paramètres :

<figure><img src="/files/906456831253fa06cda6152792a3cb858847d616" alt=""><figcaption></figcaption></figure>

Ici, vous pouvez ajuster l’affichage des millisecondes, régler la couleur des chiffres, du texte et de l’arrière-plan du minuteur.

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

## Section Liste

Ce bloc vous aidera à afficher les informations nécessaires sous forme de liste numérotée ou autre.

Pour cela, cliquez sur « Ajouter un élément de liste » dans les paramètres du bloc :

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

Vous pouvez ajouter ici n’importe quel nombre de lignes à la liste, et vous pouvez également ajouter une variable à la place du texte en cliquant sur les accolades à gauche :

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

Le style du texte et de la liste peut être modifié dans les paramètres :

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

Le style de la liste peut être चयनné parmi ceux proposés : « Aucun style », « Point », « Cercle », « Carré », « Liste numérotée ».

<figure><img src="/files/81338fb4d8fa6103e4f631a88f403f5df3204638" alt=""><figcaption></figcaption></figure>

Vous pouvez modifier le style du texte dans les paramètres de police :

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

## Section Texte déroulant

Le bloc de texte déroulant permettra d’économiser de l’espace sur le site et, si votre client souhaite lire des informations plus détaillées, il pourra le développer et le consulter :

<figure><img src="/files/925b52adc6f8995bca8e072ab8e371ed1f8dfba5" alt=""><figcaption></figcaption></figure>

Vous pouvez spécifier un titre et des indications, et le texte complet ne s’ouvrira qu’après avoir cliqué sur le bouton :

<figure><img src="/files/4384288e5c0309d21467ed19b0cad40bfe1df125" alt=""><figcaption></figcaption></figure>

Il existe dans le constructeur des champs pour le titre, le texte, l’indication et le texte complet, où pour chaque champ vous pouvez définir le contour de la police, la couleur et d’autres paramètres similaires à ceux d’un éditeur de texte :

<figure><img src="/files/426b2f696103f14497c61136999c04604adc762f" alt=""><figcaption></figcaption></figure>

Ensuite, vous devez choisir une animation pour le texte : instantanée ou fluide. Pour cela, allez dans les paramètres :

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

Après cela, vous pouvez ajuster le style de la police dans les paramètres de police.

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

## Section Chronologie

Cette section vous permet d’afficher clairement des étapes séquentielles sur votre site, que ce soit pour un cours en ligne ou tout autre processus.

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

Pour ajouter un bloc à la page, cliquez sur le **"+"** bouton. Ensuite, sélectionnez **« Chronologie »** dans la liste des sections. Vous pouvez créer un bloc à partir de zéro ou utiliser un modèle prêt à l’emploi.

<figure><img src="/files/37c28ae80f70aca0544b0979747b3a24fd44163f" alt=""><figcaption></figcaption></figure>

Pour ajouter un point d’étape dans les paramètres du bloc, cliquez sur le bouton du même nom :

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

Ensuite, en cliquant sur un point d’étape lui-même, vous ouvrirez des champs pour saisir le **name**, **title**, et **description** pour cette étape.

<figure><img src="/files/8144822de773ab1de6eab5897572bdab78088c58" alt=""><figcaption></figcaption></figure>

Ici, vous pouvez appliquer des paramètres de mise en forme individuels à chaque élément de texte, comme dans un éditeur de texte standard (italique, soulignement, couleur du texte, alignement, etc.).

Ensuite, sélectionnez un style (avec ou sans bordure). Pour cela, allez dans les paramètres :

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

Vous pouvez également personnaliser la couleur de chaque élément individuel dans la section chronologie.

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

## Section Fichiers

Vous aurez besoin de ce bloc pour partager des données pertinentes avec les utilisateurs.

<figure><img src="/files/29ee5804a4d9c22a5f3c105fb764a275b65145d3" alt=""><figcaption></figcaption></figure>

Vous pouvez permettre aux utilisateurs de télécharger des fichiers, avec les limites suivantes : pas plus de 5 fichiers au total, pour une taille cumulée n’excédant pas 20 mégaoctets.

Accédez aux paramètres et sélectionnez les fichiers que vous souhaitez rendre disponibles au téléchargement.

<figure><img src="/files/67eb07f0a38df3a0f1f09f475c4baf69fc066c17" alt=""><figcaption></figcaption></figure>

Une fois le fichier audio téléversé, vous pouvez activer la **« Lire l’audio »** fonction si vous le souhaitez. Cela fera en sorte que l’audio soit lu automatiquement lorsqu’un utilisateur visite la page. Vous pouvez également activer l’ **« Désactiver le téléchargement audio »** et **« Afficher l’aperçu »** options.

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


---

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