Приложение в Telegram или VK для клиентов

Пример демо-бота

Пример страницы для встраивания на сайт проката

Для взаимодействия клиентов с системой Rentix можно создать свой Telegram-бот, приложение VK Mini Apps или встроить приложение на сайт. Telegram-бот представляет собой не просто диалоговый бот, а современный формат ботов в виде полноценного web-приложения запускаемый прямо из Telegram. При этом сам бот будет полностью ваш, т.е. вы сможете выбрать его название, описание, иконку бота и т.д. Т.о. для клиента это будет выглядеть как полностью продукт от вашего бизнеса, а не стороннее приложение. На текущий момент (2025 год) рыночная стоимость разработки бота Mini Apps приложения начинается от 150-200тыс. руб, в Rentix же такой бот может настроить любой пользователь нашей CRM-системы.

Бот Telegram/VK на текущий момент обладает следующими функциями для клиента:

• Просмотр своих заказов проката (встроенная авторизация в Telegram/VK по телефону)
• Просмотр определенного заказа по ссылке с Rentix без авторизации
• Оценка инвентаря
• Повтор заказов
• Витрина магазина
• Корзина, оформление заказа (приходит уведомление в Telegram/E-Mail)
• Просмотр обращений в сервис
• Гибкая настройка интерфейса - разделы, страницы и ссылки

Бот будет очень удобен для почасовых тарифов: клиент в любой момент может открыть свой текущий заказ и посмотреть время и стоимость проката.

Ненужные элементы бота можно отключать в настройках Rentix. Интерфейс полностью настраиваемый - страницы, категории, ссылки, сортировка, иерархия и т.д.

Создание бота в Telegram

Подробная видеоинструкция на RuTube

1. В Telegram найдите бота @BotFather
2. Отправьте команду /newbot или выберите пункт меню
3. Укажите название бота (например: "Велопарк Лаба")
4. Укажите username бота (должен заканчиваться на bot, например "rentix_veloprokat_bot")
5. После создания бота вы получите токен - сохраните его (понадобится ниже)

Если у вас возникли трудности на каком либо из этапов, то в интернете есть много инструкций по созданию новых ботов. Ищется в яндекс или рутубе по словосочетанию "Создание бота в BotFather"

Далее необходимо настроить параметры Web App приложения в @BotFather.

⚠️Сперва зайдите на страницу настроек бота в Rentix и скопируйте уникальную ссылку для вашей точки проката "Ссылка WebApp приложения"

• Bot Settings -> Configure Mini App -> Enable Mini App - включите работу Mini App приложения
• Bot Settings -> Configure Mini App -> Edit Mini App URL - перейдите в данный пункт и вставьте сформированную ссылку
• Bot Settings -> Menu Button -> Edit menu button URL - также вставьте ссылку WebApp приложения (кнопка в списке чатов для быстрого запуска бота)
• Bot Settings -> Menu Button -> Edit menu button Title - название кнопки, которое будет отображаться внизу при открытии бота (например "Открыть", "Запустить", "Заказы", "Магазин" и т.д.)

Затем необходимо создать приложение Mini App. Введите команду /newapp и следуйте инструкциям. Примерный список вопрос-ответ:

В конце появится ссылка, например https://t.me/rentix_biz_bot/rentix, которую необходимо будет указать в поле настроек Rentix "URL Telegram Mini Apps" (см. ниже)

Создание бота в VK

1. В VK перейдите в раздел для разработчиков
2. Нажмите кнопку "Создать приложение"
3. Тип приложения - Мини-приложение, введите название и выберите категорию
4. Далее вы перейдете на страницу настроек приложения, где можете привязать ваше сообщество в VK, указать описание, логотип и т.п.
5. Настройки -> Размещение -> Состояние для пользователей - включить
6. Настройки -> Размещение -> Мобильное приложение -> URL - вставьте сформированную ссылку с настроек Rentix
7. Настройки -> Размещение -> Десктопная версия сайта -> URL - вставьте сформированную ссылку с настроек Rentix
8. Справа, вверху страницы будет название вашего приложения и ссылка на него, ID: 528XXXXX. Нажмите на иконку копирования ссылки и вставьте ее в настройки Rentix в поле "URL VK Mini Apps"
9. В меню выберите Разработка -> Ключи доступа и нажмите показать защищённый ключ. Скопируйте полученный ключ и вставьте его в настройки Rentix в поле "Защищённый ключ VK Mini Apps"

Встраивание приложения на сайт

При встраивании приложения на сайт, клиенту будут недоступны список заказов и заказов на сервис/ремонт, т.к. нет взаимодействия с телефоном пользователя. Но будут доступны магазин и любые пользовательские элементы. Для встраивания достаточно прописать в HTML-странице следующий код:
<iframe src="https://tbot.rentix.biz/?startapp=1_0_xxxxxxxxxxxx" style="border: none; min-width: 300px; width: 90vw; height: 90vh;"> </iframe>
В src необходимо прописать ссылку на WebApp приложение. Ширину и высоту контейнера при необходимости можно настроить при помощи width и height. В WordPress код встраивается при помощи элемента блока "Произвольный HTML".

Настройка MiniApp в панели управления

После того, как вы создали бота, получили токен и вставили его в соотв. поле, нажмите "Сохранить". Затем перейдите в раздел "Интерфейс", должны появится системные элементы (прокат, магазин, сервис). Нажмите кнопку "Синхронизировать", данные интерфейса синхронизируются и в случае успеха, вы сможете проверить работоспособность. Для этого перейдите по "Ссылка WebApp приложения" и проверьте работу магазина в браузере. Заказы и сервис проверить через браузер нельзя, т.к. необходимо взаимодействие с Telegram/VK, чтобы получить привязанный к мессенджеру телефон пользователя. Именно по телефону происходит поиск заказов клиента в CRM Rentix.

Перейдите в раздел "Настройки" → "Telegram бот" → "Основные настройки" и настройте следующие параметры:

• Активно - включение/отключение бота
• URL Telegram Mini Apps - вставьте ссылку на ваше WebApp приложение в Telegram, например https://t.me/rentix_biz_bot/rentix
• Токен Telegram бота Mini Apps - вставьте токен, полученный от @BotFather
• URL VK Mini Apps - ссылка на ваше приложение в VK
• Защищённый ключ VK Mini Apps - защищённый ключ с настроек приложения VK
• Название точки проката - для бота можно задать свое название точки проката
• Отображать ссылки в заказе - на странице заказа можно включить отображение ссылок, при переходе по которым пользователь сразу попадает в приложение с информацией о его заказе. При этом поделится номером телефона не требуется. Т.о. можно рассылать уведомления пользователям с ссылкой на их заказ.

Логотип точки проката берется с основных настроек.

Настройка интерфейса приложения

Перейдите в раздел "Настройки" → "Telegram бот" → "Интерфейс". Вы должны увидеть системные элементы (обведены красной рамкой). Если их нет, то вернитесь в основные настройки и нажмите "Сохранить". Системные элементы нельзя удалить, но можно скрыть их, менять название, иконку, сортировку, иерархию.

В данном разделе вы можете настроить любое кол-во элементов с любым уровнем вложенности и иерархией. Слева от каждого элемента находится иконка сортировки, нажмите и удерживайте элемент для перемещения его в новое место или в другой элемент. В системные элементы перемещать нельзя (т.е. сделать его родителем), но сам системный элемент можно переместить в любой, созданный вручную элемент.

Слева от названия элемента можно добавить иконку. Желательно использовать иконки в SVG-формате, они занимают меньше места и масштабируются без потерь качества в любой размер. Большое количество SVG-иконок можно взять с этого сайта: 1
Чтобы задать нужный цвет иконке, необходимо открыть SVG-файл в любом текстовом редакторе (Notepad) и в тэге SVG добавить в любом месте (от символов <SVG и до символа >) color="#FFF" (где FFF - это белый цвет). Для проверки можно открыть SVG-файл в браузере.

Элементы могут быть 2-х видов: ссылка и текст. Если ссылка, то при нажатии по такому элементу происходит открытие указанной страницы в браузере. Если элемент текстовый, то происходит открытие страницы с текстом элемента. Текст прописывается в редакторе. Поддерживается базовое форматирование и вставка изображений. Перед вставкой изображения, проверьте корректность ссылки, скопировав ее и открыв в новом окне браузера: должна открываться только картинка без каких-либо элементов. Ссылка должна заканчиваться .jpg, .gif, .webp, .png.

Элемент интерфейса "Магазин"

Для данного элемента вы можете настроить уведомления для магазина о новом заказе:

• Использовать стандартный Rentix бот - для получения уведомлений через стандартный Telegram-бот системы Rentix
• Токен Telegram бота для уведомлений - можно использовать собственный бот уведомлений. Для этого вставьте токен телеграм-бота, с которого необходимо получать уведомления.
• Сотрудники для уведомлений - кто будет получать оповещения
• E-Mail для уведомлений - сообщение о новом заказе на почту

На текущий момент магазин представляет собой обычную витрину товаров с возможность добавления товаров в корзину и оформления заказа. После этого происходит уведомление сотрудников согласно настройкам. Операций с остатками не производится.

Внимание! Заказы и сервис, категории магазина кэшируются. Поэтому если в магазин добавили новую категорию, товар, изображение и т.п., то необходимо подождать пока не обновится кэш.

Дальнейшие идеи развития

• Акцепт договора оферты
• Вывод каталога проката
• Возможность бронирования с каталога
• Настройка цвета кнопок и фона
• Самостоятельная регистрация клиента
• Автоматические напоминания о просрочках и т.д.
• Рассылка по клиентам приложения Telegram/VK

Пишите в нашей группе идеи и какой функционал хотели бы видеть.