# Paramètres de la page

Cliquez sur le **« Paramètres »** bouton du panneau supérieur pour accéder aux paramètres généraux de la page.

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

Cela ouvre un menu avec les sections suivantes : **Général**, **Messageries**, **Statistiques**, **Couleurs**, **Polices**, et **HTML**.

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

## **Général**

### **Informations sur la page**

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

#### Nom dans la liste

Vous pouvez saisir n’importe quel texte ici. Ce nom n’est visible que par vous dans la liste des pages.

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

#### URL

Ce champ vous permet de définir un lien personnalisé (URL) pour la page. S’il est laissé vide, un nom unique sera généré automatiquement à partir de lettres et de chiffres.

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

{% hint style="warning" %}
Exigences :

Seuls les caractères suivants peuvent être utilisés :

* Lettres latines (a–z)
* Chiffres (0–9)
* Symbole de soulignement (\_)

Le nom doit être **unique** sur la plateforme. S’il est déjà utilisé par un autre utilisateur, vous ne pourrez pas l’utiliser à nouveau.
{% endhint %}

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

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

{% hint style="success" %}
Vous pouvez connecter votre propre domaine au site web.
&#x20;Si vous ne parvenez pas à modifier le nom dans le lien, cela signifie que le nom est déjà pris.
&#x20;Vous pouvez ajouter des caractères supplémentaires ou en choisir un autre.
{% endhint %}

#### **Nom de l’onglet du navigateur**

Par défaut, le **nom de l’onglet du navigateur** correspond au champ **nom du site** , mais vous pouvez le personnaliser pour qu’il soit plus concis ou plus descriptif.

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

Le nom de l’onglet du navigateur est affiché dans la barre d’adresse de la page.

### **Tag**

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

Un tag est une étiquette envoyée à votre bot au moment où un utilisateur clique sur l’icône du messenger. Elle vous permet de lancer instantanément des parcours bot spécifiques, sans attendre le premier message de l’utilisateur.

Saisissez le nom du tag dans le champ **« Déclencheur »** d’un bloc déclencheur.

{% hint style="warning" %}
Le tag est attribué dans les paramètres de la page.
{% endhint %}

{% hint style="success" %}
La valeur indiquée dans le champ **Tag** sera enregistrée dans la variable **tag** du client. Cette variable pourra ensuite être utilisée à des fins d’analyse.
{% endhint %}

Un message contenant ce tag déclenchera une action spécifique dans l’entonnoir de votre bot, comme l’envoi d’une réponse ou le passage à l’étape suivante.

Saisissez un tag, par exemple : `welcome_offer`

<div data-with-frame="true"><figure><img src="/files/679bb9c01934b63f7f328623c93d89bcb66ffe91" alt="" width="358"><figcaption></figcaption></figure></div>

Le tag enregistré sera visible dans le panneau d’informations de la page.

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

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

**Comment utiliser un tag de messenger**

Tout d’abord, attribuez un tag comme `main_flow` dans les paramètres de votre site. Ensuite, saisissez exactement ce tag dans le bloc déclencheur de votre chatbot.

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

**Définir un point d’entrée de chat**

Définissez un bloc spécifique (par exemple, le début de votre entonnoir principal) comme point d’entrée pour la logique de votre bot. Lorsqu’un utilisateur clique sur l’icône du messenger sur votre site, il entre dans le messenger et commence immédiatement à ce point prédéfini.

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

{% hint style="info" %}
Pour configurer les blocs de formulaire et les boutons de redirection vers le messenger, consultez le guide **« Réponses du formulaire »** dans les **paramètres de contenu**.
{% endhint %}

Lorsque l’utilisateur clique sur le bouton, il est invité à aller directement dans le messenger.

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

* L’utilisateur passe du site web au messenger.
* L’utilisateur appuie sur le bouton **« Démarrer »** ou **« Lancer »** (selon l’appareil). Même si l’utilisateur a déjà interagi avec le bot, il doit appuyer sur ce bouton pour lancer le bot depuis le site web — il s’agit d’une exigence imposée par la plateforme de messenger pour les bots.
* Au lieu de **/start**, le bot recevra le **tag spécifié dans les paramètres du site web**.
* Le client reçoit le premier message de l’entonnoir déclenché par le tag spécifié.
* Le profil du client contient la variable suivante :

<div data-with-frame="true"><figure><img src="/files/179463816b6a31a2811b2e7815fc2b12332d0092" alt="" width="285"><figcaption></figcaption></figure></div>

Pour voir les statistiques d’un tag, allez dans la section **section « Analytique »** et ouvrez la **« Clients »** .

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

Ensuite, créez un nouveau widget dans lequel vous indiquez les principaux paramètres :

* **Période d’analytique**: par exemple, « Mois dernier », « Toute la période », etc. ;
* **Nom du widget**: un nom au choix ;
* **Spécifiez un tag** à suivre.

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

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

Ensuite, ajoutez un widget.

{% hint style="success" %}
C’est fait ! Vous pouvez maintenant suivre combien de fois votre bot est lancé depuis votre site à l’aide d’un tag.
{% endhint %}

{% hint style="info" %}
Les statistiques intégrées de MaviBot vous permettent de suivre les chats, l’efficacité des opérateurs, l’avancement des cours et les indicateurs clients sans frais, sans avoir besoin d’outils externes.

En savoir plus dans les **« Statistiques MaviBot »** article.
{% endhint %}

### Paramètres de l’image

Image d’aperçu

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

Il s’agit de la miniature ou de l’image de couverture utilisée lorsque votre site est partagé (par exemple, sur les réseaux sociaux ou dans les applications de messagerie). Par défaut, la première image de votre page est utilisée. Pour définir un aperçu personnalisé, téléversez l’image de votre choix dans ce champ.

### **Paramètres de protection du site / reCAPTCHA**

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

Pour configurer **reCAPTCHA**, vous devez fournir une paire de clés (clé publique et clé secrète) dans les **paramètres généraux** de votre site web, et activer la vérification reCAPTCHA dans vos **paramètres de formulaire**.

Vous pouvez choisir n’importe quel service CAPTCHA pour protéger votre site web. Dans cette section, nous verrons comment installer **Google reCAPTCHA**.

1. **Obtention des clés**

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

Pour commencer, vous devez renseigner les informations de base afin d’obtenir les clés : sélectionnez les types de CAPTCHA et ajoutez le domaine du site web sur lequel la protection doit être installée. Ensuite, cliquez sur **« Envoyer ».**

2. **Saisie des clés**

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

Ensuite, vous verrez une paire de clés qu’il faut copier et coller dans les paramètres de la page de votre site web dans MaviBot.

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

3. **Activation du CAPTCHA dans la section « Formulaire »**

{% hint style="info" %}
La création et l’utilisation de la section « Formulaire » sont expliquées dans l’article ici.
{% endhint %}

Une fois la **Formulaire** section configurée, ouvrez ses paramètres.

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

Cliquez **« Paramètres »** pour ouvrir le menu latéral.

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

Une case à cocher permettant d’activer le CAPTCHA y sera visible.

### **Authentification**

Cette option aide à filtrer les utilisateurs qui tentent d’accéder au site sans autorisation. Cependant, il vaut mieux l’activer une fois que tout le reste est configuré et que vous êtes sûr que la configuration est correcte. Une fois activée, le seul moyen d’accéder au site sera via le bouton d’autorisation envoyé par le bot.

Commençons par lier le domaine au bot Telegram connecté à votre projet.

**Étape 1 :** Accédez à **BotFather**, où vous avez créé votre bot Telegram.

<div data-with-frame="true"><figure><img src="/files/39064ffefbafac59b7eccd7227445fa6dde55de3" alt="" width="441"><figcaption></figcaption></figure></div>

**Étape 2 :** Sélectionnez un bot Telegram que vous souhaitez connecter au site web et cliquez dessus.

<figure><img src="/files/7aa1d63f5a7cb1c2892b3264e813103318b4686a" alt="" width="375"><figcaption></figcaption></figure>

**Étape 3 :** Accédez aux paramètres du bot Telegram.

<figure><img src="/files/bbaed6f35aac616c46ec5354678729cc42d04e32" alt="" width="345"><figcaption></figcaption></figure>

**Étape 4 :** Dans les paramètres du bot, allez dans **domaine**.

<figure><img src="/files/9d2bf826cd3124914e90a21db3922c061724f628" alt="" width="294"><figcaption></figcaption></figure>

**Étape 5 :** Cliquez sur **« Définir le domaine »**.

<figure><img src="/files/c91fd8348926a1eedd1eca19c937cff29d988fbd" alt="" width="375"><figcaption></figcaption></figure>

{% hint style="info" %}
Si vous avez déjà lié un domaine au bot, ou si vous devez définir un nouveau domaine pour le même bot, le bouton « Définir le domaine » sera remplacé par « Réinitialiser le domaine ».
{% endhint %}

**Étape 6 :** Envoyez un domaine que vous souhaitez lier au bot Telegram : pour cela, saisissez le domaine dans le champ de saisie du message et envoyez-le au bot.

<figure><img src="/files/31f46f81dbb270ff871179f4468608877ea9bf04" alt="" width="563"><figcaption></figcaption></figure>

Il peut s’agir soit de votre domaine personnel, obtenu auprès d’un registraire de noms de domaine, soit d’un domaine comme mavitbot.ai

À ce stade, la liaison du domaine est terminée.

Après avoir lié le domaine au bot, activez la case à cocher **« Autorisation requise via Telegram »** dans les paramètres du formulaire :

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

### Interface et paramètres d’accès

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

**Accès uniquement par listes**

Cette option vous permet de donner accès au site en fonction de la présence de l’utilisateur dans certaines listes de votre projet.

**Comment masquer le libellé « Créé avec MaviBot »**

&#x20;Pour masquer le libellé, cochez simplement cette case si nécessaire.&#x20;

{% hint style="success" %}
Vous pouvez supprimer le libellé « Créé avec MaviBot » sur n’importe quel forfait payant. Nous apprécions tous ceux qui conservent le libellé « Créé avec MaviBot » sur leurs pages.
{% endhint %}

## HTML/CSS/JS

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

**Vous pouvez remplir cette section si nécessaire.**\
Si vous connaissez le CSS, vous pouvez rendre votre site web encore plus attrayant visuellement. Vous pouvez également y insérer du code d’analyse, un Facebook Pixel, et plus encore.

{% hint style="warning" %}
**VEUILLEZ NOTER !**\
Lorsque vous copiez des exemples de scripts, assurez-vous que si une balise est ouverte, elle doit aussi être fermée.\
Par exemple : `<script> ... </script>`, `<style> ... </style>`
{% endhint %}

**Comment modifier le lien de la politique de confidentialité**

Dans le bloc de formulaire d’application avec boutons de messenger, vous pouvez afficher une **case à cocher Politique de confidentialité**.\
Par défaut, elle renvoie à la politique de confidentialité du constructeur.<br>

Vous pouvez modifier le lien vers votre propre page de politique de confidentialité à l’aide d’un script.

{% hint style="info" %}
Ajoutez le script dans le champ « Code HTML (body) » de la section CSS et JS.
{% endhint %}

```
<script>
document.getElementsByClassName('salebot-privacy__link')[0].href = "lien de la politique de confidentialité";
</script>
```

#### Comment désactiver l’indexation de la page

Pour désactiver l’indexation de la page, ajoutez le script au champ Code HTML (head).

```
<meta name="robots" content="noindex, nofollow">
```

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

Comment supprimer le bouton Facebook de la page de votre site

{% hint style="info" %}
Ajoutez le script dans le champ « Code HTML (body) » de la section CSS et JS.
{% endhint %}

```javascript
<script>
document.getElementsByClassName('vk_link')[0].remove()
</script>
```

Comment supprimer le titre de la page de votre site

{% hint style="info" %}
**Ajoutez le script dans le champ « Code HTML (body) » de la section CSS et JS.**\
Cela s’applique aux anciennes versions des mini-pages d’accueil.
{% endhint %}

```javascript
<script>
document.getElementsByClassName('title_container')[0].remove()
</script>

```

Comment modifier le lien du bouton Telegram.

{% hint style="info" %}
Ajoutez le script dans le champ « Code HTML (body) » de la section CSS et JS.
{% endhint %}

```javascript
<script>
window.onload = function() {
    let button = document.querySelector('.tg_link')
    if (button) {
        button.setAttribute('data-url', 'la valeur requise')
        button.removeAttribute('onclick')
        let newUrl = button.getAttribute('data-url')
        button.addEventListener('click', () => {
            window.location.href = newUrl
        })
    }
}
</script>
```

Pour d’autres messageries, remplacez `tg_link` par `insta_link`, `fb_link`, etc.

**Comment mettre à jour le texte d’un bouton**

{% hint style="info" %}
**Collez ce code dans le champ « Code HTML (body) » de la section CSS et JS.**
{% endhint %}

1. Pour afficher le bouton de messagerie, créez un bloc de formulaire d’application avec des questions et précisez pour quelles messageries les boutons doivent apparaître

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

Définissez le **style d’affichage du bouton** sur **« Icône avec texte »**

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

{% hint style="info" %}
Plus de détails sur la section Formulaire sont expliqués ici. ссылка
{% endhint %}

2. Dans la section Paramètres du site, sous l’onglet CSS et JS, collez le code suivant dans le champ « Paramètres HTML » → « Code HTML (body) » :

<pre class="language-javascript"><code class="lang-javascript">&#x3C;style>
.tg_link {
font-size: 0 !important;
padding: 15px 15px !important;
}
.viber_link {
font-size: 0 !important;
padding: 15px 15px !important;
}

<strong>.tg_link:after {content: "Inscrivez-vous sur Telegram";font-size: 15px;color: white}
</strong>.viber_link:after {content: "Inscrivez-vous sur Viber";font-size: 15px;color: white}
&#x3C;/style>
</code></pre>

Ce code modifiera le texte du bouton pour Telegram et Viber. Pour les autres messageries, ajoutez un code similaire en suivant l’exemple.

**Comment aligner les boutons sur une ligne**

Collez le script suivant dans le champ « Code JS » des paramètres principaux de votre mini-page d’accueil.

```
$(function() {
$('.link_group').css("flexWrap", 'noWrap')
})
```

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

**Comment changer une favicon**

{% hint style="info" %}
Ajoutez le script dans le champ « Code HTML (head) » de la section CSS et JS.
{% endhint %}

Ce code peut être utilisé pour modifier la favicon — l’icône d’un site web ou d’une page web.

<pre class="language-html"><code class="lang-html"><strong>&#x3C;link rel="shortcut icon" type="image/x-icon" href="lien de l’icône" />
</strong></code></pre>

#### Comment transmettre toutes les variables/paramètres d’URL lors de l’ouverture de votre site web

{% hint style="warning" %}
Vous devez placer le script sur toutes les pages de VOTRE site web qui contiennent un lien proxy. Le script doit être ajouté juste après la `<body>` balise.

Si vous utilisez votre propre domaine pour les liens proxy, vous devez remplacer `sbsite.pro` par votre domaine.
{% endhint %}

Si votre site web contient des liens proxy vers des messageries depuis la page du site, vous pouvez ajouter ce script — il transmettra toutes les variables utilisées pour ouvrir le site au bot.

```javascript
<script>
var links = document.getElementsByTagName("a")
for (let i of links) {
    if (i.href.startsWith("https://mavibot.site/")) {
        if (i.href.split("?").length > 1) {
            i.href += "&" + location.search.split("?")[1]
        } else {
            i.href += location.search
        }
    }
}</script>
```

**Comment transmettre les cookies d’analyse au bot**

{% hint style="warning" %}
Le script doit être placé sur toutes les pages de VOTRE site web qui contiennent un lien proxy. Il doit être ajouté juste après la `<body>` balise.

Si vous utilisez votre propre domaine pour les liens proxy, vous devez remplacer `mavibot.ai` par votre domaine.
{% endhint %}

Si vous devez transmettre les cookies d’analyse au bot, ajoutez le script suivant à votre site :

```javascript
<script>
setTimeout(function() {
    var links = document.getElementsByTagName("a");
    var cookies = ['_fbc', '_fbp', '_ga', '_ym_uid', 'roistat_visit'];
    var cookies_string = '';

    cookies.forEach(function(cookie_name){
        let cookie_val = get_cookie(cookie_name);
        if (cookie_val !== undefined) {
            cookies_string += (cookies_string != '' ? "&" : '') + cookie_name + "='" + cookie_val + "'";
        }
    });

    for (let i of links) {
        if (i.href.startsWith("https://salebot.site/")) {
            if (i.href.split("?").length > 1) {
                i.href += "&" + cookies_string;
            } else {
                i.href += "?" + cookies_string;
            }
        }
    }

    function get_cookie(name) {
        let matches = document.cookie.match(new RegExp("(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"));
        return matches ? decodeURIComponent(matches[1]) : undefined;
    }
}, 3000);
</script>
```

**Comment modifier le lien de la politique de confidentialité**

{% hint style="warning" %}
Dans l’onglet CSS et JS, collez le code suivant dans le champ « Paramètres HTML » → « Code HTML (body) » :
{% endhint %}

Ce script vous permet de remplacer le lien de la politique de confidentialité par le vôtre.

```
<script>
document.getElementsByClassName('salebot-privacy__link')[0].href = "lien de la politique";
</script>
```

## Messageries

**Message initial WhatsApp**

Le texte que vous saisissez ici apparaîtra automatiquement comme brouillon dans leur WhatsApp lorsqu’ils cliqueront sur le lien depuis votre site.

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

Ils peuvent simplement appuyer sur **« Envoyer »** dans la messagerie.

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

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

1. Créez un **« Départ »** bloc dans le constructeur.
2. Saisissez-y le texte de votre message initial.

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

## Analyses

Activez le bouton **« Enregistrer les données d’analyse pour la conversion »** paramètre afin de conserver le suivi des conversions de votre site.

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

Cela vous permettra de suivre les conversions dans le **Statistiques** .

<figure><img src="/files/779cc168596101d0a8d8979f409243e55066202b" alt=""><figcaption></figcaption></figure>

## Exportation / importation de page du site web

Le constructeur de sites web vous permet d’exporter et d’importer des pages entières. C’est utile pour transférer un site d’un projet à un autre sans le reconstruire, tout en conservant tout le contenu.

**Comment exporter/importer une page :**

1. Tout d’abord, assurez-vous que toutes vos modifications sont enregistrées en cliquant sur le **« Enregistrer »** .

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

Cliquez **« Exporter la page »** dans l’éditeur pour exporter votre page.

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

Une fois le fichier téléchargé (vous le verrez dans votre dossier de téléchargements et recevrez une confirmation), allez dans les paramètres du site de votre projet cible. Là, cliquez sur **« Créer »** pour créer une page identique.

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

Sélectionnez le fichier de page exportée que vous avez enregistré précédemment. Une fois le téléchargement confirmé par une notification, vous serez redirigé directement vers l’éditeur pour commencer à travailler sur la page importée.

{% hint style="success" %}
Si nécessaire, effectuez les ajustements requis et cliquez sur **le bouton « Enregistrer »**.
{% endhint %}

## **Où trouver l’ID de la page ?**

L’ID de la page du site dans la liste des sites peut être transmis aux fonctions du bot — par exemple, pour envoyer un lien vers votre site via le bot ou l’ouvrir comme mini-application dans Telegram.

{% hint style="info" %}
En savoir plus sur Telegram WebApp dans cet article.
{% endhint %}

{% hint style="info" %}
Le numéro du site est attribué automatiquement avec le `#` symbole.
{% endhint %}

Vous pouvez trouver l’ID de la page en survolant la page du site souhaitée.

<div data-with-frame="true"><figure><img src="/files/5255c5bf53e8f73a3a1182cdd2f89570ee34d1ca" 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/page-settings.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.