# Section de notification (cookies)

**Cookies (ou cookies HTTP)** sont des données spéciales stockées dans le navigateur pour conserver des informations sur l’activité de l’utilisateur sur le site.

Ils permettent au système de reconnaître l’utilisateur : de cette façon, vous pouvez suivre les visiteurs du site dans les analyses, consulter le nombre d’utilisateurs uniques, le nombre de connexions de bots, les requêtes, la conversion totale et le nombre de sessions.

<figure><img src="/files/c37736a93895b90752863a2f3d2569633820d7bd" alt=""><figcaption><p> onglet « Sites » dans la section « Analytique »</p></figcaption></figure>

Pour informer les utilisateurs que le site collecte des informations anonymisées sur les visiteurs, vous avez besoin d’une bannière de cookies (fichiers cookie) :

<figure><img src="/files/cf5108a9763127e3eaf1be1f4a37abf4f382be3c" alt=""><figcaption><p>Exemple d’affichage d’une notification de cookie sur le site</p></figcaption></figure>

Il existe une section dans le constructeur de sites Mavibot qui aidera à informer les utilisateurs de l’utilisation des cookies sur le site.

## Comment ajouter une section

Tout d’abord, vous devez passer en mode édition de la page du site. Pour ce faire :

1. Accédez à la section « Sites » :

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

2. Sélectionnez le site à la page duquel vous souhaitez ajouter une notification de cookie, puis cliquez sur la bannière du site :

<figure><img src="/files/17301783936076be8364c19f1b4081393fdbcdec" alt=""><figcaption></figcaption></figure>

a) s’il s’agit d’un site multipage, vous accéderez alors aux paramètres du site dans la section affichant toutes les pages existantes du site :

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

Sélectionnez la page sur laquelle afficher l’avis relatif aux cookies — généralement la page d’accueil. Vous accéderez alors au mode d’édition de cette page.

**Pour les sites monopage** (pages d’atterrissage, formulaires, quiz, sondages) : en cliquant sur la bannière du site, vous accédez à une section d’informations générales. Cliquez sur le **« Modifier »** bouton à cet endroit pour entrer dans le mode d’édition de la page.

### Comment créer la section Notification sur un site

Dans l’éditeur de page, survolez l’espace de travail pour faire apparaître le **"+"** bouton.

<figure><img src="/files/97144f06cf5f8c7eca8c84a6987fe92e746c3f0a" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
La section de notification de cookies peut être placée n’importe où sur une page — en haut, au milieu ou en bas. La notification s’affichera immédiatement lorsqu’un utilisateur visitera cette page sur un site multipage ou arrivera sur un site monopage (comme une page d’atterrissage, un formulaire, un quiz ou un sondage).
{% endhint %}

Ensuite, cliquez sur le plus pour ouvrir la barre de droite avec la liste des sections de la page :

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

Ensuite, cliquez sur « Notification » pour ajouter une section de cookies au site :

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

La section Notification sera ajoutée au site, et la barre latérale d’édition du contenu des cookies s’ouvrira automatiquement à droite.

<figure><img src="/files/9810629881bf682f7e4260326fd6546f05b3c253" alt=""><figcaption></figcaption></figure>

## Comment modifier le contenu de la section Notification

Utilisez le champ « Texte » pour modifier le contenu de la notification.

<figure><img src="/files/91eb49507bc581e13bd58073d9e10c4560055ad0" alt=""><figcaption></figcaption></figure>

Par défaut, la section affiche le texte : « Nous utilisons des cookies pour garantir la meilleure expérience sur notre site Web. »

Vous pouvez également modifier le texte du bouton.

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

Le texte du bouton est défini par défaut sur « J’AI COMPRIS, NE PLUS AFFICHER CE MESSAGE ».

Vous pouvez mettre en forme la notification et le texte du bouton à l’aide des options standard de l’éditeur de texte, notamment :

* Style (gras, italique, souligné)
* Taille et couleur de la police
* Alignement du texte
* Ajout de listes (à puces ou numérotées)
* Insertion de liens hypertextes
* Surlignage du texte

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

Par exemple, vous pouvez mettre en évidence le texte de la notification pour l’accentuer ou ajouter un lien hypertexte (dans le texte ou sur le bouton) qui dirige les utilisateurs vers un fichier contenant des informations détaillées sur la politique de cookies.

Une fois que vous avez terminé avec les éléments de texte, vous pouvez accéder aux paramètres de la section. Cliquez sur « Enregistrer et fermer » pour fermer la barre latérale droite d’édition du contenu.

## Paramètres

Pour accéder aux paramètres de la section, survolez la section des cookies et cliquez sur le bouton « Paramètres » :

<figure><img src="/files/5504ae766ed9ffb161f68ce817da0511985e6de8" alt=""><figcaption></figcaption></figure>

Vous verrez la barre de droite pour les paramètres du contenu (section et boutons), les polices, l’arrière-plan, l’affichage :

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

### Paramètres de la section

#### Position

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

La notification des cookies peut être positionnée en bas à gauche (position par défaut), en bas à droite ou sur toute la largeur en bas.

### Paramètres du bouton

Par défaut, un bouton bleu est affiché dans la section :

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

Le bouton peut être entièrement personnalisé pour s’adapter au design de votre site à l’aide de ces paramètres :

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

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

Voici les paramètres de personnalisation disponibles pour le bouton :

1. **La couleur et la taille** de la bordure du bouton :

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

2. **La couleur du texte à l’intérieur du bouton :**

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

3. **Couleur d’arrière-plan du bouton :**

<figure><img src="/files/7868b3e3a752754f3fa6aede07d308e17b6a9187" alt=""><figcaption></figcaption></figure>

4. Marge intérieure et marge extérieure

Ces paramètres vous permettent d’ajuster l’espacement. Utilisez **Rembourrage** pour définir l’espace intérieur à l’intérieur du bouton (entre le texte et sa bordure). Utilisez **Marge** pour définir l’espace extérieur entre le texte de notification et le bouton lui-même.

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

### Paramètres d’arrière-plan

Pour modifier l’arrière-plan de la section de notification, accédez aux **Arrière-plan** paramètres.

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

Développez l’onglet **Arrière-plan** des paramètres. À partir de là, vous pouvez :

• Téléverser une image pour l’arrière-plan.\
• Choisir une couleur d’arrière-plan ou créer un dégradé.

<figure><img src="/files/69ed7596921a50fcbd285b6daec7997898aa2c57" alt=""><figcaption></figcaption></figure>

&#x20;Cliquez sur la pastille de couleur pour ouvrir la palette de couleurs. Ensuite, sélectionnez le type de dégradé (linéaire ou radial) dans la liste déroulante.

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

Puis, sélectionnez les couleurs de votre dégradé.

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

{% hint style="info" %}
Les paramètres d’arrière-plan sont globaux et affectent toutes les sections de la page.
{% endhint %}

### Paramètres de police de la notification

Les paramètres de police sont **globaux** et s’appliquent à toutes les sections des pages du site.

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

Vous pouvez choisir n’importe quelle police pour la section et le bouton, ou téléverser la vôtre. Vous pouvez également définir le style de police, la taille et d’autres propriétés.

{% hint style="info" %}
Les paramètres de police sont globaux et affectent toutes les sections de la page.
{% endhint %}

### Réglages d’affichage

À l’aide des paramètres d’affichage, vous pouvez ajuster :

• Taille de la section
\
• Rayon de la bordure (arrondi)
\
• Visibilité sur différents appareils
\
• Et plus encore

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

{% hint style="info" %}
Les paramètres d’affichage sont globaux et affectent toutes les sections de la page.
{% endhint %}

{% hint style="success" %}
Terminé !

Vous savez maintenant comment créer et modifier la section Notification (cookies).
{% endhint %}


---

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