Все проекты
// React //// Real-time //

CosinnChat

React 18 · Supabase Realtime · Radix UI
CosinnChat — B2B чат для e-commerce

B2B real-time чат-система для e-commerce, встраиваемая через iframe в WordPress/WooCommerce-сайты. Telegram-подобный мобильный admin-интерфейс, поддержка markdown-форматирования, AI-помощник для операторов, автоответы, история переписок, уведомления. Полная локализация на русский язык.

// О проекте //

CosinnChat — это мой ответ на вопрос: почему B2B-компании вынуждены использовать чаты, созданные для интернет-магазинов одежды? Jivosite, Carrot Quest, Tawk.to — все они заточены под B2C: быстрый ответ, скрипт, закрытие сделки. Но в B2B всё иначе — клиент спрашивает «Какое масло подойдёт для токарного станка 16К20?», и чат-бот предлагает оставить email. Я построил чат-систему, которая понимает контекст промышленных продаж, умеет искать продукты по базе знаний и помогает менеджерам закрывать сделки быстрее. Это не просто виджет — это умный посредник между экспертизой компании и потребностями клиента.

Проблема и контекст

Работая с промышленными B2B-компаниями, я видел один и тот же сценарий: клиент заходит на сайт завода, не находит нужный продукт в каталоге (потому что не знает точное название масла — он знает только свой станок), пишет в чат, а менеджер отвечает через 20 минут стандартным «Оставьте ваш номер, мы перезвоним». К этому моменту клиент уже ушёл к конкуренту. Каждый такой случай — это потерянная сделка, причём часто на десятки или сотни тысяч рублей.

Проблема глубже, чем кажется. Менеджеры промышленных предприятий — не колл-центр, они ведут сложные сделки и не могут сидеть в чате весь день. При этом клиентские запросы требуют экспертных знаний: подбор по оборудованию, технические характеристики, совместимость, интервалы замены, объёмы заправки. Обычный чат-бот с FAQ здесь абсолютно бесполезен — нужен умный ассистент, который разбирается в продукте не хуже самого менеджера. И при этом он должен работать мгновенно, 24 часа в сутки, без выходных и больничных.

Решение: что мы построили

CosinnChat — это real-time чат-система на базе Supabase Realtime, встраиваемая на любой сайт через iframe. На мобильных устройствах — плавающая кнопка в углу экрана, на десктопе — боковая панель. Встраивание занимает одну строку кода, не влияет на скорость загрузки основного сайта. Но основная ценность в ИИ-начинке: Claude анализирует намерение клиента в реальном времени, предлагает менеджеру варианты ответов, генерирует краткое резюме разговора для передачи другому менеджеру. Продуктовый ассистент ищет товары по базе данных и предлагает подходящие варианты прямо в окне чата — клиент получает экспертную консультацию за секунды.

Мы добавили видеозвонки через Jitsi — для сложных консультаций, когда текстового чата недостаточно и нужно показать деталь или оборудование. Голосовые сообщения — для клиентов, которым проще объяснить задачу устно, чем набирать текст. PWA с push-уведомлениями гарантирует, что менеджер получает оповещение на телефон, даже если не за компьютером — ни один запрос не останется без ответа.

Интеграции с CRM закрывают полный цикл продажи: новый диалог в чате автоматически создаёт контакт и сделку в AmoCRM или МойСклад. WooCommerce-интеграция подтягивает актуальный каталог товаров для ИИ-подборщика. Шаблоны быстрых ответов экономят время менеджера на типовых вопросах, а формы сбора данных позволяют получить от клиента всю необходимую информацию для формирования коммерческого предложения.

Ключевые технологии и инновации

  • Supabase Realtime для мгновенной доставки сообщений без задержек — клиент видит ответ в ту же секунду
  • ИИ-модуль на Claude: подсказки ответов менеджеру, резюме диалогов, определение намерений и тональности клиента
  • Продуктовый ассистент: поиск и рекомендация товаров прямо в окне чата по описанию оборудования
  • Видеозвонки (Jitsi) и голосовые сообщения для сложных технических консультаций
  • PWA с push-уведомлениями — менеджер всегда на связи, независимо от устройства
  • CRM-интеграции: AmoCRM, WooCommerce, МойСклад — полный цикл от чата до сделки
  • Встраивание через iframe: одна строка кода, минимальная нагрузка на сайт клиента
  • React 18 + Supabase Realtime + Express.js — надёжный стек для real-time коммуникаций

Результаты и влияние

CosinnChat работает в продакшене на maslachat.ru и обслуживает около 2000 посетителей в день. Система обрабатывает запросы клиентов в режиме реального времени, помогая менеджерам отвечать быстрее и точнее за счёт ИИ-подсказок. Время первого ответа сократилось в разы, а конверсия из чата в заявку выросла благодаря контекстному подбору продуктов. Менеджеры отмечают, что ИИ-подсказки особенно полезны при обработке нетипичных запросов.

Этот проект показал мне, что B2B-коммуникации — это не просто «поставить виджет чата на сайт». Это создание умного посредника между экспертизой компании и потребностями клиента. Когда чат понимает, что клиенту нужно, и сам подбирает подходящий продукт — это меняет правила игры в промышленных продажах. Не менеджер ищет товар в каталоге и перезванивает через час, а система подносит решение на блюдечке за секунды. Вот так должны работать B2B-продажи в современном мире, и я горжусь тем, что мне удалось это реализовать.

// Начнём сотрудничество //
Олег Чернышов
+
Вы

Давайте вместе развивать ваш бизнес!