# Как работает телегомагазин

{% hint style="info" %}
Видео-инструкция по подключению Телегомагазина: [ССЫЛКА](https://disk.yandex.ru/i/TSc7Rk-oHzyhhw)\
\
\&#xNAN;***Таймлайн:*** \
00:43 - Как подключить Telegram Bot в личный кабинет RadistWeb

03:48 - Создание и добавление товаров для телегомагазина

07:26 - Создание каталога и добавление в него товаров

08:19 - Создание магазина в Telegram Bot

11:53 - Демонстрация работы магазина/ выставление ссылки на оплату
{% endhint %}

### Текстовая инструкция:

При открытии Телегомагазина в Telegram Bot вы будете видеть товары из каталога, подключенного к магазину в RadistWeb

Так выглядит Телегомагазин, когда в корзину не добавили ни одного товара:&#x20;

<figure><img src="https://2086500725-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MXlY6zVfZf9OqBmsNV0%2Fuploads%2FWBCyy9aKVHVKmAp7l4YL%2FPicture47.png?alt=media&#x26;token=d4d8a874-063b-4703-9563-54ea61cc02cd" alt=""><figcaption></figcaption></figure>

Когда добавлен хотя бы 1 товар в корзину, появится кнопка внизу экрана "Перейти в корзину"&#x20;

<figure><img src="https://2086500725-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MXlY6zVfZf9OqBmsNV0%2Fuploads%2FLchk2AMZ8ejiYowkDJTd%2FPicture48.png?alt=media&#x26;token=30460a6d-b1d9-4904-9e3d-143192025767" alt=""><figcaption></figcaption></figure>

### Страница товара:

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

На странице товара отображаются:

\- название товара

\- фотографии

\- Код товара

\- Описание

\- цена и валюта

Так выглядит страница товара, который не добавлен в корзину:&#x20;

<figure><img src="https://2086500725-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MXlY6zVfZf9OqBmsNV0%2Fuploads%2FbFiYLXtikyTSKNBOzbhb%2FPicture49.png?alt=media&#x26;token=2ed7808b-ff29-4273-a040-616425467991" alt=""><figcaption></figcaption></figure>

Так выглядит страница товара, когда он уже добавлен в корзину:&#x20;

<figure><img src="https://2086500725-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MXlY6zVfZf9OqBmsNV0%2Fuploads%2FfKHdPvaOU2CpyFGL3mAw%2FPicture213.png?alt=media&#x26;token=cd2bae3d-6775-4300-a5bf-34a991500f64" alt=""><figcaption></figcaption></figure>

### Страница корзины:

Когда в корзине есть минимум 1 единица товара, у вас появится кнопка "Перейти в корзину"

\- Здесь отображаются все товары, добавленные в корзину. Можно подкорректировать количество позиций товаров, цена будет соответственно пересчитываться

\- Поле "комментарий": Поле для ввода покупателем дополнительной информации к заказу, вопросов, комментариев.

*Лимит поля: 500 символов.*

При клике "отправить", содержимое корзины вместе с комментарием (если он есть) отправится продавцу и придет в RadistWeb&#x20;

<figure><img src="https://2086500725-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MXlY6zVfZf9OqBmsNV0%2Fuploads%2Fq6th6NwTPC7pQDCfF5tO%2FPicture414.png?alt=media&#x26;token=3a8a402d-90d5-4f35-9343-9a6b38d717bd" alt=""><figcaption></figcaption></figure>

## Как отображается корзина в чате в RadistWeb, выставление ссылки на оплату

Когда ваш клиент добавил в Telegram Bot товары в корзину, и нажал на  "Отправить заказ", в RadistWeb  сообщение с корзиной будет отображаться, как входящее сообщение от клиента&#x20;

<figure><img src="https://2086500725-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MXlY6zVfZf9OqBmsNV0%2Fuploads%2FneSWnv3K1teXg9G9yvae%2FPicture4432.png?alt=media&#x26;token=53bc0f43-2f65-43a9-bf04-581c3c27dccf" alt=""><figcaption></figcaption></figure>

&#x20;**Что отображается в сообщении с корзиной:**

-перечень товаров, коды товаров (если есть), количество единиц, стоимость

-итоговая стоимость

\- комментарий к заказу (если есть)

\- кнопка "Принять оплату" для более быстрого выставления счета на перечень товаров в заказе (Если у сотрудника нет доступа к выставлению счетов (такие настройки можно сделать для кастомной роли), то и кнопка "принять оплату" не будет отображаться)

Но при этом если сотруднику добавить доступ к выставлению счетов, кнопки "принять оплату"  появятся на всех сообщениях о заказах

**При клике на кнопку "Принять оплату" в блоке сообщения с корзиной,  открывается страница для выставления ссылки на оплату**

Сотрудник должен выбрать терминал: &#x20;

<figure><img src="https://2086500725-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MXlY6zVfZf9OqBmsNV0%2Fuploads%2FXQ8LlzYl5wQUPJwGo72m%2FScreenshot%20(25).png?alt=media&#x26;token=9884db61-8480-46ec-8207-731179066882" alt=""><figcaption></figcaption></figure>

И когда откроются все поля для оформления счета, уже должны быть введены данные из заказа (товары, их кол-во, стоимость, ндс, тип - если они указаны)&#x20;

<figure><img src="https://2086500725-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MXlY6zVfZf9OqBmsNV0%2Fuploads%2FaS9sKC2aUmVeWYG5IuNe%2FScreenshot%20(26).png?alt=media&#x26;token=1881c868-f5c2-4cef-8148-5cc798f7c970" alt=""><figcaption></figcaption></figure>

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

При клике "Создать ссылку на оплату" откроется окно с формированной ссылкой на оплату, которую менять может скопировать и отправить клиенту:&#x20;

<figure><img src="https://2086500725-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MXlY6zVfZf9OqBmsNV0%2Fuploads%2FJVyFpHfxBzzfOafeSrDd%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202022-12-14%20%D0%B2%2010.29.19.png?alt=media&#x26;token=49381f7e-1992-4821-837c-6e74ac10b889" alt=""><figcaption></figcaption></figure>

**Поддержка товаров в выставлении ссылок на оплату из чата**

В выставлении счетов из ЛК можно подтянуть уже добавленные товары, чтобы не вводить данные заново.

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

Как выставлять ссылки на оплату, инструкция [тут](https://docs.radist.online/radist.online-docs/nashi-produkty/radist-web/zakazy/vystavit-ssylku-na-oplatu)

![](https://2086500725-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MXlY6zVfZf9OqBmsNV0%2Fuploads%2FoSQAg2Mxs82r2Y0z8CMj%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202022-12-14%20%D0%B2%2010.31.44.png?alt=media\&token=abce977e-2974-49cd-afd1-91448104379e)
