# Налаштування сайту

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

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

Або натисніть на іконку шестерні на плитці сайту в **Sites** розділ.

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

Це відкриє меню налаштувань праворуч на екрані.

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

## Загальні

1. **Назва сайту**

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

Вона буде відображатися на інформаційній плитці сайту.

2. **Заголовок вкладки браузера**

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

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

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

4. **Опис сайту**

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

Він з’являтиметься на інформаційній плитці сайту.

4. **URL вебсайту** — унікальна адреса вебсайту.

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

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

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

5. **Іконка сайту**&#x20;

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

За замовчуванням іконкою сайту є унікальний логотип MaviBot. За потреби ви можете замінити його власним зображенням.

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

Іконка буде відображатися у вкладці браузера.

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

Функції багатосторінкового сайту

Якщо ви створюєте багатосторінкові сайти, ви можете призначати окремі сторінки головною та додавати певні сторінки до шапки або підвалу сайту.&#x20;

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

Наприклад, якщо ви створили власну **сторінку помилки 404**, ви можете налаштувати її відображення у разі помилок сайту, задавши це в налаштуваннях сайту.

{% hint style="info" %}
Після того як ви призначите підвал і шапку, вони автоматично з’являться на всіх інших сторінках сайту — вам не доведеться відтворювати ту саму шапку або підвал на кожній сторінці окремо.
{% endhint %}

## домен

Коли ви створюєте сайт у конструкторі, йому автоматично призначається домен за замовчуванням з [**сайті mavibot.ai**](https://mavibot.ai/) розширенням. Якщо ви хочете використовувати власний домен або вже маєте його, ви можете налаштувати його в налаштуваннях сайту в розділі **"Домен"** .

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

**ALIAS-запис**

Рекомендований варіант для вашого домену — це **ALIAS-запис** — спеціальний DNS-запис, який дозволяє кільком доменним іменам вказувати на одну й ту саму IP-адресу.

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

Ви створюєте ALIAS-запис у сервісі, де керується ваш домен, — це може бути будь-який провайдер доменів або DNS-платформа, яку ви віддаєте перевагу.

{% hint style="info" %}
Рекомендуємо ознайомитися з інструкціями з налаштування домену, наданими вашим реєстратором, щоб уникнути будь-яких помилок конфігурації.
{% endhint %}

Далі, під час налаштування домену, введіть **сайті mavibot.ai** у полі значення.

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

{% hint style="danger" %}
Водночас домен, підключений до Mavibot, не повинен **не** мати жодних **AAAA** або **CNAME** записів.
{% endhint %}

Після створення ALIAS-запису зі значенням mavibot.ai перейдіть до налаштувань вашого вебсайту, де потрібно вказати власний домен.

**Як створити A-запис**

{% hint style="warning" %}
Посилання **A-запис** слід створювати лише як резервний варіант — зокрема, якщо ваш реєстратор домену не підтримує ALIAS-записи.
{% endhint %}

Посилання **A-запис** створюється на стороні вашого провайдера домену.

Далі, у **Значення** полі введіть одну з наведених нижче IP-адрес залежно від вашої цільової аудиторії:

* **Міжнародна:** `188.166.193.161`

Після налаштування A-запису зачекайте, доки зміни набудуть чинності (це може зайняти деякий час через поширення DNS). Коли запис стане активним, ви можете продовжити підключення вашого домену до Salebot.

{% hint style="danger" %}
Якщо ви бачите помилку **"Не вдалося створити сертифікат,"** ймовірно, раніше було зроблено забагато спроб. Будь ласка, зачекайте годину і спробуйте ще раз.
{% endhint %}

Ось і все! Усі посилання вебсайту тепер використовуватимуть ваш власний домен.

{% hint style="info" %}
Підтверджений домен працює на всіх вебсайтах, які ви створили.
{% endhint %}

Домен працюватиме з використанням безпечного **HTTPS** протоколу.

{% hint style="success" %}
Посилання **SSL-сертифікат** генерується автоматично.
{% endhint %}

Щоб від’єднати домен, просто видаліть його в налаштуваннях сайту.

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

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

## Дії

У налаштуваннях вебсайту в розділі **"Дії"** ви маєте можливість видалити сайт зі свого проєкту.

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

{% hint style="warning" %}
**Увага!**\
Сайти остаточно видаляються з проєкту і **не можуть бути відновлені!**
{% endhint %}

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

Поле **"Приховати напис"** позначка прибирає текст "Made with MaviBot" з підвалу вебсайту.

{% hint style="success" %}
Salebot щиро дякує всім користувачам, які вирішують залишати **"Made with MaviBot"** позначку на своїх вебсайтах!\
Ваша підтримка допомагає нам зростати й удосконалюватися!
{% endhint %}

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

{% hint style="info" %}
Докладніше про HTML/CSS наведено в розділі нижче. посилання
{% endhint %}

## Аналітика сайту

У **розділі "Аналітика"** вкладці налаштувань ви можете налаштувати коди відстеження для збору різних даних за допомогою **пікселів**, та **Google Analytics**.

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

{% hint style="info" %}
Детальне пояснення того, як працювати з Analytics на вебсайті, наведено в цій статті.
{% endhint %}

## Шрифти й кольори

Використовуйте **Шрифти й кольори** вкладку, щоб обрати колір фону для всього сайту та кольори для ваших контентних секцій.

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

За замовчуванням фон і контейнери білі. Ви можете налаштувати їх за допомогою:

**Суцільного кольору:** натисніть **Піпетка** іконку, щоб вибрати будь-який колір із колірного кола.

**Градієнта:** виберіть плитку з потрібним стилем градієнта.

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

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

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

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

<div data-with-frame="true"><figure><img src="/files/2fed03835751e4e9c180cb3203f9cd61a3e69f60" alt="" width="375"><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/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.