# Як створити інтернет-магазин

Перейдіть до розділу сайтів і натисніть на **«Create»** кнопку:

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

Натискання кнопки «Створити» відкриває випадаюче меню з типами вебсайтів. Звідти виберіть «Інтернет-магазин»

<figure><img src="/files/13d0366fcccebe6168d7d85edc40688390c4ca1d" alt=""><figcaption></figcaption></figure>

Після натискання кнопки «Інтернет-магазин» ви перейдете до налаштувань сайту, де потрібно відкрити вкладку «Товари»:

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

### Категорія товарів

Після переходу до розділу «Товари» ви побачите шаблони карток товарів:

<figure><img src="/files/2f337f5ae00c0bf29c411a044fc400f24ec38a13" alt=""><figcaption></figcaption></figure>

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

Для цього натисніть на іконку шестерні:

<figure><img src="/files/1417996d55ca53ae63fe5f0897d1b7a2902ea65d" alt=""><figcaption></figcaption></figure>

Після цього праворуч відкриється меню з налаштуваннями категорії:

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

Натисніть кнопку «Створити категорію»:

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

У вікні, що відкриється, введіть назву категорії та виберіть колір (він буде відображатися в таблиці товарів).

Також у налаштуваннях категорії можна змінити відображення колонок:

<figure><img src="/files/635e024ede93ceeaf1923de5505bab5a91728cfa" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
Після налаштування категорії можна перейти до налаштувань картки товару.
{% endhint %}

### Як імпортувати товари з іншої платформи

Наприклад, ми завантажили таблицю з товарами, які створили вручну в [**Таблиці** ](/doc/uk/websites/saiti/blocks/sheets.md)розділі Mavibot.

Якщо вам потрібно перенести інтернет-магазин з одного сайту або іншого сервісу до Mabibot, використовуйте вкладки для завантаження товарів у налаштуваннях категорії:

<figure><img src="/files/1417996d55ca53ae63fe5f0897d1b7a2902ea65d" alt=""><figcaption></figcaption></figure>

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

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

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

Після завантаження таблиці товарів ви побачите інтерфейс зіставлення з двома ключовими колонками:

1. **Перша колонка таблиці:** вона відображає назви ваших колонок із завантаженої таблиці. Колонки відповідають назвам колонок у таблиці.
2. **Друга колонка таблиці:** відображає приклад значень, взятих із другого рядка, одразу після заголовків колонок.
3. **Колонка товару:** допомагає зіставити (або пропустити, якщо колонка не потрібна) значення колонок завантаженої таблиці з колонками товару.

Далі натисніть **«Завантажити товари»**.

{% hint style="success" %}
Готово!&#x20;

Так ви можете швидко завантажити товари до MaviBot і запустити свій інтернет-магазин.
{% endhint %}

За потреби ви можете редагувати картку товару, натиснувши на іконку лупи в рядку товару.

### **Як експортувати картки товарів**

Щоб експортувати створені картки товарів з одного сайту на інший, використовуйте вкладку експорту в налаштуваннях категорії.

<figure><img src="/files/1417996d55ca53ae63fe5f0897d1b7a2902ea65d" alt=""><figcaption></figcaption></figure>

Є **«Експорт товарів»** вкладка в налаштуваннях категорії.

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

<figure><img src="/files/9137e9983315abcd33e9a92966d08bc2e43eb645" alt=""><figcaption></figcaption></figure>

Щоб прибрати непотрібні колонки, достатньо зняти позначку в рядку з назвою колонки.

Далі натисніть «Експорт товарів» — після цього картки товарів буде завантажено на ваш пристрій у форматі таблиці:

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

{% hint style="success" %}
Ви можете експортувати картки товарів у форматі cvs з будь-якої платформи, тож можете швидко налаштувати й запустити інтернет-магазин.
{% endhint %}

### Картка товару

Щоб створити нову картку, натисніть круглу кнопку «+».

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

Відкриється вікно налаштувань товару.

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

Щоб редагувати наявну картку товару, натисніть на іконку лупи в рядку товару.

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

Тут потрібно додати назву, завантажити зображення (одне або кілька) та додати опис.

<figure><img src="/files/f6a45de6ab02210478493758f006ba4685d1a802" alt="" width="344"><figcaption></figcaption></figure>

Далі вкажіть ціну товару та інші деталі:

а) Категорія товару\
б) Ціна (наприклад, поточна та стара ціна — корисно для відображення знижок)\
в) Артикул (номер)\
г) Кількість (ви можете вказати, скільки одиниць доступно у вашому магазині)\
д) Короткий опис

<figure><img src="/files/172d688be4e3a484ab076415985d188759dd3c9a" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Увага!&#x20;

Спочатку створіть хоча б один товар перед додаванням категорій товарів
{% endhint %}

Потім, за потреби, додайте характеристики товару та натисніть «Зберегти».

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

Після цього картка товару з’явиться в таблиці на вкладці «Товари».

Щоб додати більше товарів, натисніть круглу кнопку «+»:

<figure><img src="/files/9f86975d44970f73d9b5ff0ce933a17a93fd483c" alt=""><figcaption></figcaption></figure>

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

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

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

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

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

Ви перейдете в режим редагування сторінки, натиснувши кнопку «+»:

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

У правому меню виберіть розділ «Каталог товарів»:

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

Картки товарів із вкладки «Товари», включно з усіма деталями, цінами та зображеннями, автоматично з’являться в налаштуваннях розділу:

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

Ви вже за кілька кроків від мети:

1. Тепер виберіть, які категорії товарів ви хочете відображати в розділі:

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

2. Далі виберіть кількість колонок:

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

3. Вкажіть, скільки товарів відображати спочатку (до натискання кнопки «Показати ще»).

<figure><img src="/files/11a057dce0be430e8b0736ca62be85b1382ba633" alt=""><figcaption></figcaption></figure>

4. Далі увімкніть перемикачі, якщо хочете, щоб ваші клієнти сортували товари за категоріями та фільтрами, а також бачили короткий опис товару:

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

Тепер натисніть «Зберегти».

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

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

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

У налаштуваннях розділу ви можете:

* **Налаштувати типографіку:** Виберіть шрифт і відрегулюйте його розмір для розділу.
* **Оформити фон:** Завантажте зображення або виберіть суцільний колір чи градієнт.
* **Налаштувати макет:** Відрегулюйте ширину, видимість, загальний розмір і вирівнювання.

{% hint style="success" %}
Ви можете дізнатися більше про глобальні налаштування розділу [тут](/doc/uk/websites/saiti/blocks/settings.md).
{% endhint %}

Тепер перейдіть до попереднього перегляду.

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

{% hint style="success" %}
Ви можете додати будь-яку кількість розділів для свого інтернет-магазину — наприклад, щоб у кожному розділі відображати певні категорії товарів або розмістити розділи на різних сторінках вебсайту.

Усе, що вам потрібно, — це заповнити картки товарів, тоді як налаштування розділу є мінімальними для швидкого запуску.
{% endhint %}

### Як змінити адресу сайту

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

<figure><img src="/files/705ca6dc5a432f6b2c0e8775362bcf482c3b6a71" alt=""><figcaption></figcaption></figure>

Далі в основних налаштуваннях оновіть поля, як показано на зображенні нижче.

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

1. **Назва сайту**. Це назва, що відображається в **Sites** розділі. Її зміна допомагає вам легше ідентифікувати та знаходити сайт у своєму списку пізніше.

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

2. **Назва вкладки браузера.** Назва, що відображається у вкладці браузера та в адресному рядку.
3. **URL.** Адреса сайту.

{% hint style="success" %}
Ваш повністю функціональний інтернет-магазин готовий!
{% endhint %}

## Як поділитися посиланням у чатботі

Ви можете поділитися посиланням на свій інтернет-магазин у чатботі. Наприклад, ви можете надіслати пряме посилання (сумісне з більшістю месенджерів) або використати спеціальну **Web App** кнопку в Telegram.

### Telegram Web-app&#x20;

Ви можете поділитися своїм інтернет-магазином у чатботі за допомогою кнопки Telegram Web App або як стандартне посилання (для інших месенджерів).

{% hint style="info" %}
**Спосіб 1: кнопка Telegram Web App**

Цей спосіб відкриває ваш магазин у вбудованому інтерфейсі Telegram.

**Крок 1. Скопіюйте адресу вашого магазину**

Скопіюйте URL з адресного рядка браузера або з картки магазину в **розділі «Сайти»** розділ.

**Крок 2. Створіть або відредагуйте блок**

Створіть новий блок у конструкторі або вставте це в наявний сценарій бота.

**Крок 3. Налаштуйте кнопку Telegram Web App**

1. У вашому блоці перейдіть до **Кнопки** у налаштуваннях і натисніть **«Додати кнопку».**
2. У модальному вікні виберіть **«Telegram Web Application»** функцію.
3. Вставте URL вашого магазину в поле посилання.
4. Назвіть кнопку (наприклад, **«Перейти на сайт»**) і натисніть **«Додати».**
5. Встановіть тип кнопки як **«Inline»** або **«Keyboard»** за потреби, а потім збережіть налаштування блоку.

**Крок 4. Протестуйте бота**

Запустіть блок (наприклад, надіславши слово **«Магазин»**). Бот відповість повідомленням із кнопкою. Натискання на неї відкриє ваш магазин як Telegram Web App.
{% endhint %}

{% hint style="info" %}

#### **Спосіб 2: стандартна кнопка-посилання (для інших месенджерів)**

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

**Крок 1. Скопіюйте адресу вашого магазину**

Скопіюйте URL з адресного рядка браузера або з картки магазину в **розділі «Сайти»** розділ.

**Крок 2. Створіть або відредагуйте блок**

Створіть новий блок у конструкторі або вставте це в наявний сценарій бота.

**Крок 3. Налаштуйте кнопку-посилання**

1. У вашому блоці перейдіть до **Кнопки** у налаштуваннях і натисніть **«Додати кнопку».**
2. У модальному вікні залиште функцію за замовчуванням (зазвичай **«Open URL»**).
3. Вставте URL вашого магазину в поле посилання та назвіть кнопку.
4. Встановіть тип кнопки як **«Inline»** або **«Keyboard»** і збережіть налаштування блоку.
   {% endhint %}

{% hint style="success" %}
**Готово!**\
Ви успішно налаштували свій чатбот для поширення посилання на ваш інтернет-магазин через пряме посилання або вбудований Telegram Web App.
{% 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/uk/websites/online-store/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.