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

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

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

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

<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-адрес залежно від вашої цільової аудиторії:

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

Після налаштування 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 %}

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

Прапорець **"Сховати мітку"** прибирає текст "Зроблено з MaviBot" з підвалу вебсайту.

{% hint style="success" %}
Salebot щиро дякує всім користувачам, які вирішують залишити мітку **"Зроблено з 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" %}
Докладне пояснення, як працювати з Аналітикою на вебсайті, наведено в цій статті.
{% 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.