П.ВИН
Tool

Call Widget — Tool из портфолио Паши Вина

Браузерный софтфон, встроенный прямо в карточку клиента CRM: звонок в один клик через SIP.js WebRTC, история вызовов, теги и пропущенные — без установки отдельной телефонии.

01. КатегорияTool
02. РольFull-stack, Product
03. Датамар 2026

Что это?

Браузерный софтфон, встроенный прямо в карточку клиента CRM: звонок в один клик через SIP.js WebRTC, история вызовов, теги и пропущенные — без установки отдельной телефонии.

Какую задачу решает?

Было: менеджер копировал номер из CRM в отдельный софтфон, дозванивался вручную и терял контекст звонка → Стало: клик по карточке клиента — и разговор идёт прямо в браузере, с историей и тегами, привязанными к сделке.

Как реализовано?

Реализовано на стеке: Next.js, React, TypeScript, SIP.js. Виджет встраивается в карточку Person в Twenty CRM и превращает браузер в полноценный софтфон.

Next.jsReactTypeScriptSIP.jsWebRTCWebSocketNext.jsReactTypeScriptSIP.jsWebRTCWebSocketNext.jsReactTypeScriptSIP.jsWebRTCWebSocketNext.jsReactTypeScriptSIP.jsWebRTCWebSocket
Менеджер по продажам живёт в CRM, но звонит из отдельного приложения — и на каждом звонке теряет и время, и контекст сделки. Цель — стереть эту границу: встроить телефонию прямо в карточку клиента, чтобы звонок начинался в один клик, а история и теги сами оставались в CRM.
Call Widget
Call Widget — Менеджер по продажам живёт в CRM, но звонит из отдельного приложения — и на каждом звонке теряет и время, и контекст сделки.

Вызов

Разрыв между CRM и телефонией

Отдел продаж работал в CRM и в софтфоне одновременно, теряя время и контекст на каждом звонке.

  • — Номер приходилось вручную копировать из карточки в стороннее приложение
  • — История и результат звонка не привязывались к клиенту автоматически
  • — Пропущенные и входящие терялись между двумя разными интерфейсами

Решение

Телефония внутри CRM

Виджет встраивается в карточку Person в Twenty CRM и превращает браузер в полноценный софтфон.

  • + Звонок в один клик прямо из карточки клиента через SIP.js WebRTC
  • + Экраны набора, активного звонка, входящего и пропущенных в одном окне
  • + Теги во время и после разговора сразу фиксируются в CRM

Архитектура & Стек

Mindmap

[ Mindmap Процессов / v2.0 ]
NODE.01

Виджет

Интерфейс звонков
Next.js · React · TypeScript

NODE.02

SIP-движок

Голос в браузере
SIP.js · WebRTC

NODE.03

Bridge

Связь с телефонией
REST · WebSocket

NODE.04

CRM-интеграция

Контекст клиента
Twenty CRM · JWT

COREEngine

Смоделировано 100 предпринимателями

Бизнес Импакт

1 клик

звонок из карточки

0

переключений на софтфон

100%

звонков привязано к клиенту

Открыть проект
Следующий кейс

Slide Renderer →