# Налаштування сторінки

Натисніть на верхній панелі **«Налаштування»** кнопку, щоб перейти до загальних налаштувань сторінки.

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

Тут відкриється меню з такими розділами: **Загальні**, **Месенджери**, **Аналітика**, **Кольори**, **Шрифти**, і **Поля введення HTML**.

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

## **Загальні**

### **Інформація про сторінку**

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

#### Назва у списку

Тут можна ввести будь-який текст. Ця назва буде видна лише вам у списку сторінок.

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

#### URL

Це поле дає змогу встановити власне посилання (URL) для сторінки. Якщо залишити його порожнім, унікальну назву буде автоматично згенеровано з літер і цифр.

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

{% hint style="warning" %}
Вимоги:

Можна використовувати лише такі символи:

* Латинські літери (a–z)
* Цифри (0–9)
* Символ підкреслення (\_)

Назва має бути **унікальною** у межах платформи. Якщо вона вже зайнята іншим користувачем, ви не зможете використати її знову.
{% endhint %}

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

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

{% hint style="success" %}
Ви можете підключити власний домен до вебсайту.
&#x20;Якщо вам не вдається змінити назву в посиланні, це означає, що назва вже зайнята.
&#x20;Ви можете додати додаткові символи або вибрати іншу назву.
{% endhint %}

#### **Назва вкладки браузера**

За замовчуванням, **назва вкладки браузера** відповідає полю **назва сайту** але ви можете налаштувати її, щоб вона була коротшою або більш описовою.

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

Назва вкладки браузера відображається в адресному рядку сторінки.

### **Тег**

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

Тег — це мітка, яка надсилається вашому боту в момент, коли користувач натискає на іконку месенджера. Вона дає змогу миттєво запускати певні сценарії бота, не чекаючи першого повідомлення від користувача.

Введіть назву тега в **"Trigger"** полі блоку тригера.

{% hint style="warning" %}
Тег призначається в налаштуваннях сторінки.
{% endhint %}

{% hint style="success" %}
Значення, вказане в **Тег** полі, буде збережено у **tag** змінну клієнта. Згодом цю змінну можна буде використовувати для аналітики.
{% endhint %}

Повідомлення з цим тегом запустить у воронці вашого бота певну дію, наприклад надсилання відповіді або перехід до наступного кроку.

Введіть тег, наприклад: `welcome_offer`

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

Збережений тег буде видно в панелі інформації про сторінку.

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

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

**Як використовувати тег месенджера**

Спочатку призначте тег, наприклад `main_flow` у налаштуваннях вашого сайту. Потім введіть цей самий тег у блоці тригера вашого чат-бота.

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

**Налаштування точки входу в чат**

Встановіть певний блок (наприклад, початок вашої основної воронки) як точку входу для логіки бота. Коли користувач натисне іконку месенджера на вашому сайті, він перейде в месенджер і одразу почне з цього заздалегідь визначеного місця.

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

{% hint style="info" %}
Щоб налаштувати блоки форми та кнопки перенаправлення в месенджер, зверніться до **«Відповіді форми»** посібника в **Налаштування вмісту**.
{% endhint %}

Коли користувач натискає кнопку, йому пропонується перейти безпосередньо в месенджер.

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

* Користувач переходить із вебсайту до месенджера.
* Користувач натискає **«Почати»** або **«Запустити»** кнопку (залежно від пристрою). Навіть якщо користувач уже взаємодіяв із ботом раніше, він має натиснути цю кнопку, щоб запустити бота із сайту — це вимога, встановлена платформою месенджера для ботів.
* Замість **/start**бот отримає **тег, вказаний у налаштуваннях сайту**.
* Клієнт отримає перше повідомлення з воронки, яке запускається вказаним тегом.
* Профіль клієнта містить таку змінну:

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

Щоб переглянути аналітику за тегом, перейдіть до **розділі "Аналітика"** розділу та відкрийте **"Клієнти"** .

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

Далі створіть новий віджет, у якому вкажіть основні налаштування:

* **Період аналітики**: наприклад, «Минулий місяць», «За весь час» тощо;
* **Назва віджета**: будь-яка зручна назва;
* **Вкажіть тег** для відстеження.

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

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

Потім додайте віджет.

{% hint style="success" %}
Готово! Тепер ви можете відстежувати, як часто ваш бот запускається з вашого сайту за допомогою тега.
{% endhint %}

{% hint style="info" %}
Вбудована аналітика MaviBot дає змогу безкоштовно відстежувати чати, ефективність операторів, прогрес курсів і показники клієнтів, без потреби у зовнішніх інструментах.

Дізнайтеся більше в **«Аналітика MaviBot»** статті.
{% endhint %}

### Налаштування зображення

Зображення для попереднього перегляду

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

Це мініатюра або обкладинка, яка використовується, коли ваш сайт поширюють (наприклад, у соціальних мережах або месенджерах). За замовчуванням використовується перше зображення з вашої сторінки. Щоб встановити власний попередній перегляд, завантажте вибране зображення в це поле.

### **Налаштування захисту сайту / reCAPTCHA**

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

Щоб налаштувати **reCAPTCHA**, вам потрібно вказати пару ключів (публічний і секретний ключі) у **загальних налаштуваннях** вашого сайту та увімкнути перевірку reCAPTCHA у ваших **налаштуваннях форми**.

Ви можете обрати будь-який сервіс CAPTCHA для захисту вашого сайту. У цьому розділі ми розглянемо, як встановити **Google reCAPTCHA**.

1. **Отримання ключів**

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

Для початку вам потрібно заповнити основну інформацію для отримання ключів: вибрати типи CAPTCHA та додати домен сайту, на якому планується встановити захист. Потім натисніть **«Надіслати».**

2. **Введення ключів**

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

Далі ви побачите пару ключів, які потрібно скопіювати та вставити в налаштування сторінки на вашому сайті в MaviBot.

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

3. **Увімкнення CAPTCHA в розділі «Форма»**

{% hint style="info" %}
Як створити та працювати з розділом «Форма» описано в статті тут.
{% endhint %}

Після того як **Форма** розділ налаштовано, відкрийте його параметри.

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

Натисніть **«Налаштування»** щоб відкрити бокове меню.

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

Там буде видно прапорець увімкнення CAPTCHA.

### **Авторизація**

Ця опція допомагає відфільтрувати користувачів, які намагаються отримати доступ до сайту без авторизації. Однак краще вмикати її після того, як усе інше буде налаштовано і ви будете впевнені, що конфігурація правильна. Після її увімкнення єдиним способом доступу до сайту буде кнопка авторизації, надіслана ботом.

Почнемо з прив’язування домену до Telegram-бота, підключеного до вашого проєкту.

**Крок 1:** Перейдіть за **BotFather**, де ви створили свого Telegram-бота.

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

**Крок 2:** Виберіть Telegram-бота, якого хочете підключити до сайту, і натисніть на нього.

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

**Крок 3:** Перейдіть до налаштувань Telegram-бота.

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

**Крок 4:** У налаштуваннях бота перейдіть до **домен**.

<figure><img src="/files/6e645a426cfb4410c0d7ff03d09db3093963ecf5" alt="" width="294"><figcaption></figcaption></figure>

**Крок 5:** Натисніть **«Встановити домен»**.

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

{% hint style="info" %}
Якщо ви вже прив’язали домен до бота або якщо вам потрібно встановити новий домен для того самого бота, кнопка «Встановити домен» буде замінена на «Скинути домен».
{% endhint %}

**Крок 6:** Надішліть домен, який хочете прив’язати до Telegram-бота: для цього введіть домен у поле введення повідомлення та надішліть його боту.

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

Це може бути як ваш особистий домен, отриманий у реєстратора доменних імен, так і щось на кшталт mavitbot.ai

На цьому етапі прив’язування домену завершено.

Після прив’язування домену до бота активуйте прапорець **«Вимагати авторизацію через Telegram»** у налаштуваннях форми:

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

### Інтерфейс і налаштування доступу

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

**Доступ лише за списками**

Ця опція дає змогу надати доступ до сайту на основі наявності користувача в певних списках вашого проєкту.

**Як приховати мітку «Made with MaviBot»**

&#x20;Щоб приховати мітку, просто встановіть цей прапорець, якщо це потрібно.&#x20;

{% hint style="success" %}
Ви можете прибрати мітку «Made with MaviBot» на будь-якому платному тарифі. Ми цінуємо всіх, хто залишає мітку «Made with MaviBot» на своїх сторінках.
{% endhint %}

## HTML/CSS/JS

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

**За потреби ви можете заповнити цей розділ.**\
Якщо ви знайомі з CSS, можете зробити свій сайт ще більш привабливим візуально. Тут також можна вставити код аналітики, Facebook Pixel та інше.

{% hint style="warning" %}
**ЗВЕРНІТЬ УВАГУ!**\
Під час копіювання прикладів скриптів переконайтеся, що якщо тег відкрито, він також має бути закритий.\
Наприклад: `<script> ... </script>`, `<style> ... </style>`
{% endhint %}

**Як змінити посилання на Політику конфіденційності**

У блоці форми заявки з кнопками месенджерів ви можете відобразити **прапорець Політики конфіденційності**.\
За замовчуванням він посилається на політику конфіденційності конструктора.<br>

Ви можете змінити посилання на власну сторінку Політики конфіденційності за допомогою скрипта.

{% hint style="info" %}
Додайте скрипт у поле «HTML code (body)» у розділі CSS і JS.
{% endhint %}

```
<script>
document.getElementsByClassName('salebot-privacy__link')[0].href = "посилання на політику конфіденційності";
</script>
```

#### Як вимкнути індексацію сторінки

Щоб вимкнути індексацію сторінки, додайте скрипт у поле HTML code (head).

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

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

Як видалити кнопку Facebook на сторінці вашого сайту

{% hint style="info" %}
Додайте скрипт у поле «HTML code (body)» у розділі CSS і JS.
{% endhint %}

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

Як видалити заголовок сторінки вашого сайту

{% hint style="info" %}
**Додайте скрипт у поле «HTML code (body)» у розділі CSS і JS.**\
Це стосується старіших версій міні-лендінгів.
{% endhint %}

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

```

Як редагувати посилання кнопки Telegram.

{% hint style="info" %}
Додайте скрипт у поле «HTML code (body)» у розділі CSS і JS.
{% endhint %}

```javascript
<script>
window.onload = function() {
    let button = document.querySelector('.tg_link')
    if (button) {
        button.setAttribute('data-url', 'потрібне значення')
        button.removeAttribute('onclick')
        let newUrl = button.getAttribute('data-url')
        button.addEventListener('click', () => {
            window.location.href = newUrl
        })
    }
}
</script>
```

Для інших месенджерів замініть `tg_link` на `insta_link`, `fb_link`, тощо.

**Як оновити текст кнопки**

{% hint style="info" %}
**Вставте цей код у поле «HTML code (body)» у розділі CSS і JS.**
{% endhint %}

1. Щоб відобразити кнопку месенджера, створіть блок форми заявки з питаннями та вкажіть, для яких месенджерів мають відображатися кнопки

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

Встановіть **відображення кнопки** стиль на **«Іконка з текстом»**

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

{% hint style="info" %}
Докладніше про розділ Form пояснюється тут. ссылка
{% endhint %}

2. У розділі Site Settings, на вкладці CSS and JS, вставте такий код у поле «HTML settings» → «HTML code (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: "Зареєструватися в Telegram";font-size: 15px;color: white}
</strong>.viber_link:after {content: "Зареєструватися у Viber";font-size: 15px;color: white}
&#x3C;/style>
</code></pre>

Цей код змінить текст кнопки для Telegram і Viber. Для інших месенджерів додайте подібний код за прикладом.

**Як вирівняти кнопки в рядок**

Вставте такий скрипт у поле «JS code» в основних налаштуваннях вашого міні-лендінгу.

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

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

**Як змінити favicon**

{% hint style="info" %}
Додайте скрипт у поле «HTML code (head)» у розділі CSS і JS.
{% endhint %}

Цей код можна використати, щоб змінити favicon — іконку вебсайту або вебсторінки.

<pre class="language-html"><code class="lang-html"><strong>&#x3C;link rel="shortcut icon" type="image/x-icon" href="посилання на іконку" />
</strong></code></pre>

#### Як передати всі змінні/параметри URL під час відкриття вашого сайту

{% hint style="warning" %}
Потрібно розмістити скрипт на всіх сторінках ВАШОГО сайту, які містять проксі-посилання. Скрипт потрібно додати одразу після `<body>` .

Якщо ви використовуєте власний домен для проксі-посилань, вам слід замінити `sbsite.pro` на ваш домен.
{% endhint %}

Якщо на вашому сайті є проксі-посилання на месенджери зі сторінки сайту, ви можете додати цей скрипт — він передасть боту всі змінні, використані для відкриття сайту.

```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>
```

**Як передати аналітичні cookies боту**

{% hint style="warning" %}
Скрипт потрібно розмістити на всіх сторінках ВАШОГО сайту, які містять проксі-посилання. Його слід додати одразу після `<body>` .

Якщо ви використовуєте власний домен для проксі-посилань, вам потрібно замінити `сайті mavibot.ai` на ваш домен.
{% endhint %}

Якщо вам потрібно передати аналітичні cookies боту, додайте на свій сайт такий скрипт:

```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>
```

**Як змінити посилання на політику конфіденційності**

{% hint style="warning" %}
На вкладці CSS and JS вставте такий код у поле «HTML Settings» → «HTML code (body)»:
{% endhint %}

Цей скрипт дає змогу замінити посилання на Політику конфіденційності на власне.

```
<script>
document.getElementsByClassName('salebot-privacy__link')[0].href = "посилання на політику";
</script>
```

## Месенджери

**Початкове повідомлення WhatsApp**

Текст, який ви введете тут, автоматично з’явиться як чернетка у WhatsApp, коли користувач натисне посилання з вашого сайту.

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

Вони можуть просто натиснути **«Надіслати»** у месенджері.

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

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

1. Створіть **"Start"** блок у конструкторі.
2. Введіть у нього текст свого початкового повідомлення.

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

## Аналітика

Увімкніть перемикач **«Зберігати дані аналітики для конверсії»** налаштування, щоб зберегти відстеження конверсій вашого сайту.

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

Це дасть змогу вам відстежувати конверсії в **Аналітика** .

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

## Експорт сайту / Імпорт сторінки

Конструктор сайту дає змогу експортувати та імпортувати цілі сторінки. Це корисно для перенесення сайту між проєктами без його повторного створення, із збереженням усього вмісту.

**Як експортувати/імпортувати сторінку:**

1. Спочатку переконайтеся, що всі ваші зміни збережено, натиснувши **«Зберегти»** кнопку.

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

Натисніть **«Експортувати сторінку»** в редакторі, щоб експортувати сторінку.

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

Після завантаження файлу (ви побачите його у папці завантажень і отримаєте підтвердження) перейдіть до налаштувань сайту в цільовому проєкті. Там натисніть **«Create»** щоб створити ідентичну сторінку.

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

Виберіть файл експортованої сторінки, який ви зберегли раніше. Після підтвердження завантаження сповіщенням ви одразу перейдете до редактора, щоб почати роботу з імпортованою сторінкою.

{% hint style="success" %}
За потреби внесіть необхідні зміни та натисніть **кнопку «Зберегти»**.
{% endhint %}

## **Де знайти ID сторінки?**

ID сторінки сайту зі списку сторінок можна передавати функціям бота — наприклад, щоб надіслати посилання на ваш сайт через бота або відкрити його як міні-додаток у Telegram.

{% hint style="info" %}
Докладніше про Telegram WebApp читайте в цій статті.
{% endhint %}

{% hint style="info" %}
Номер сайту призначається автоматично з `#` символа.
{% endhint %}

ID сторінки можна знайти, навівши курсор на потрібну сторінку сайту.

<div data-with-frame="true"><figure><img src="/files/626f0ca73aa2041c9266e9a4587db614e14cec4f" 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/uk/websites/saiti/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.