# Как создать интернет-магазин

Перейдите в раздел сайтов и нажмите на **«Создать»** :

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

Нажатие на кнопку «Создать» открывает выпадающее меню с типами сайта. Оттуда выберите «Интернет-магазин»

<figure><img src="/files/4d0bafb26eb0c3729530291e088923f00dc6b32d" alt=""><figcaption></figcaption></figure>

После нажатия на кнопку «Интернет-магазин» вы перейдете в настройки сайта, где нужно открыть вкладку «Товары»:

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

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

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

<figure><img src="/files/12cd0a2d18a691d35a1adf765e33f1681c6b0f19" alt=""><figcaption></figcaption></figure>

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

Для этого нажмите на значок шестеренки:

<figure><img src="/files/420568db4c255c9714ab2c818376af7a3a8f9c8a" alt=""><figcaption></figcaption></figure>

После этого справа откроется меню с настройками категории:

<figure><img src="/files/4c5fbb3f957c32193ddb8144a1b9feefd1cd9fbb" alt=""><figcaption></figcaption></figure>

Нажмите на кнопку «Создать категорию»:

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

В открывшемся окне введите название категории и выберите цвет (он будет отображаться в таблице товаров).

Также вы можете изменить отображение колонок в настройках категории:

<figure><img src="/files/5ea5f407391ca82070dfa9a42c689938851018a8" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
После настройки категории можно перейти к настройкам карточки товара.
{% endhint %}

### Как импортировать товары с другой платформы

Например, мы загрузили таблицу с товарами, которые создали вручную в [**Таблицы** ](/doc/ru/websites/saity/blocks/sheets.md)разделе Mavibot.

Если вам нужно перенести интернет-магазин с одного сайта или другого сервиса в Mabibot, используйте вкладки для загрузки товаров в настройках категории:

<figure><img src="/files/420568db4c255c9714ab2c818376af7a3a8f9c8a" alt=""><figcaption></figcaption></figure>

В настройках категории есть **Импорт** вкладка. Нажмите на кнопку с таким же названием, чтобы загрузить таблицу с карточками товаров:

<figure><img src="/files/6d0dc3ee8c13b101644149bcd9f0585adf648f6a" alt=""><figcaption></figcaption></figure>

После загрузки файла с вашими карточками товаров (экспортированного с другой платформы) вам нужно будет сопоставить столбцы.

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

1. **Первый столбец таблицы:** в нем отображаются названия ваших столбцов из загруженной таблицы. Столбцы соответствуют названиям столбцов в таблице.
2. **Второй столбец таблицы:** в нем отображается пример значений, взятых из второй строки, сразу после заголовков столбцов.
3. **Столбец товара:** помогает сопоставить (или пропустить, если столбец не нужен) значения столбцов загруженной таблицы со столбцами товара.

Далее нажмите **«Загрузить товары»**.

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

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

При необходимости вы можете отредактировать карточку товара, нажав на значок лупы в строке товара.

### **Как экспортировать карточки товаров**

Чтобы экспортировать созданные карточки товаров с одного сайта на другой, используйте вкладку экспорта в настройках категории.

<figure><img src="/files/420568db4c255c9714ab2c818376af7a3a8f9c8a" alt=""><figcaption></figcaption></figure>

В настройках категории есть **«Экспорт товаров»** вкладка в настройках категории.

**Экспорт товаров:** здесь вы можете настроить, какие столбцы из таблицы карточки товара вы хотите экспортировать (загрузить на свое устройство) и перенести в другой проект.

<figure><img src="/files/85894b9bca49998857647f43286f92a5089be371" alt=""><figcaption></figcaption></figure>

Чтобы убрать ненужные столбцы, достаточно снять галочку в строке с названием столбца.

Далее нажмите «Экспорт товаров» — после этого карточки товаров будут загружены на ваше устройство в табличном формате:

<figure><img src="/files/423b54b37e10779d86ad3931d8cd56cc2512c650" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
Вы можете экспортировать карточки товаров в формате cvs с любой платформы, чтобы быстро настроить и запустить интернет-магазин.
{% endhint %}

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

Чтобы создать новую карточку, нажмите на круглую кнопку «+».

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

Откроется окно настроек товара.

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

Чтобы отредактировать существующую карточку товара, нажмите на лупу в строке товара.

<figure><img src="/files/3681e8813fb0826cea51d009cce386443ac47481" alt=""><figcaption></figcaption></figure>

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

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

Далее укажите цену товара и другие детали:

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

<figure><img src="/files/0b4ba67bbc7aad1d1b13233a521f18aa514340b9" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Внимание!&#x20;

Сначала создайте хотя бы один товар, прежде чем добавлять категории товаров
{% endhint %}

Затем при необходимости добавьте характеристики товара и нажмите «Сохранить».

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

После этого карточка товара появится в таблице на вкладке «Товары».

Чтобы добавить больше товаров, нажмите на круглую кнопку «+»:

<figure><img src="/files/6cc8e93b8d23368847b7a947468aab6a12dfcd8c" alt=""><figcaption></figcaption></figure>

## Настройки сайта

После создания необходимых категорий и заполнения карточек товаров перейдите к настройкам сайта. Для этого нажмите на название вашего сайта в верхней панели навигации.

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

Затем вы вернетесь в настройки сайта, где нужно нажать на страницу, чтобы перейти к настройкам раздела.

<figure><img src="/files/1ac3dd79f89e3f173ce07049f7bb02cc2c376ba5" alt=""><figcaption></figcaption></figure>

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

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

В правом меню выберите раздел «Каталог товаров»:

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

Карточки товаров из вкладки «Товары», включая все детали, цены и изображения, автоматически появятся в настройках раздела:

<figure><img src="/files/75742ced0ce344d39469a929dc403d946be37827" alt=""><figcaption></figcaption></figure>

Вы уже в нескольких шагах от результата:

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

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

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

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

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

<figure><img src="/files/303cdc8f55f990a960cfe50809094dc92963ce96" alt=""><figcaption></figcaption></figure>

4. Далее включите переключатели, если хотите, чтобы ваши клиенты могли сортировать товары по категориям и фильтрам, а также видеть краткое описание товара:

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

Теперь нажмите «Сохранить».

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

Теперь наведите курсор на раздел и нажмите «Настройки», чтобы настроить его.

Теперь наведите курсор на раздел и нажмите на **«Настройки»** значок, чтобы настроить его.

В настройках раздела вы можете:

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

{% hint style="success" %}
Подробнее о глобальных настройках раздела вы можете узнать [здесь](/doc/ru/websites/saity/blocks/settings.md).
{% endhint %}

Теперь перейдите к предпросмотру.

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

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

Вам нужно лишь заполнить карточки товаров, а настройки раздела могут быть минимальными для быстрого запуска.
{% endhint %}

### Как изменить адрес сайта

Чтобы вместо автоматически сгенерированного URL (как показано ниже) задать сайту аккуратный и краткий адрес, вы можете настроить ссылку на страницу. Для этого перейдите в настройки сайта.

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

Далее в основных настройках обновите поля, как показано на изображении ниже.

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

1. **Название сайта**. Это имя отображается в **Сайты** разделе. Изменение поможет вам позже легче идентифицировать и находить сайт в списке.

<figure><img src="/files/891a1f528b6e80abf6cf6f215aac5db7be0cfa35" 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/ru/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.