П.ВИН
Tool

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

Встроенный SIP-виджет для Twenty CRM: звонки прямо из карточки клиента, история вызовов, теги и входящие баннеры — всё внутри интерфейса CRM.

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

Что это?

Встроенный SIP-виджет для Twenty CRM: звонки прямо из карточки клиента, история вызовов, теги и входящие баннеры — всё внутри интерфейса CRM.

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

Переключение между CRM и телефонией → звонок в один клик прямо из карточки контакта.

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

Реализовано на стеке: Next.js, SIP.js, TypeScript, WebRTC. SIP-виджет встраивается прямо в Twenty CRM через LINKS-поле и поднимает WebRTC-соединение без выхода из интерфейса.

Next.jsSIP.jsTypeScriptWebRTCWebSocketNext.jsSIP.jsTypeScriptWebRTCWebSocketNext.jsSIP.jsTypeScriptWebRTCWebSocketNext.jsSIP.jsTypeScriptWebRTCWebSocket
Менеджеры теряют контекст на каждом звонке, потому что телефония живёт отдельно от CRM. Цель — встроить полноценный SIP-телефон прямо в карточку клиента, чтобы звонок, история и теги оставались там, где работает менеджер.
Call Widget
Call Widget — Менеджеры теряют контекст на каждом звонке, потому что телефония живёт отдельно от CRM.

Вызов

Телефония вне CRM

Менеджеры вынуждены переключаться между CRM и телефонной системой, теряя контекст и время на каждом звонке.

  • — Звонок требует выхода из карточки клиента в отдельное приложение
  • — История звонков не синхронизируется с контактом в CRM автоматически
  • — Входящий звонок не связан с карточкой — менеджер не знает, кто звонит

Решение

CRM-нативный звонок

SIP-виджет встраивается прямо в Twenty CRM через LINKS-поле и поднимает WebRTC-соединение без выхода из интерфейса.

  • + Один клик по ссылке в карточке — JWT-авторизация и открытие виджета с контекстом контакта
  • + Полный цикл звонка внутри CRM: набор, активный вызов, мьют, тегирование после звонка
  • + Входящий баннер и список пропущенных с кнопкой перезвона прямо в интерфейсе

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

Mindmap

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

SIP Engine

WebRTC-телефония
SIP.js · WebRTC

NODE.02

CRM Bridge

Интеграция с Twenty
REST · JWT · uis-bridge

NODE.03

Widget UI

Экраны звонка
Next.js · React · Lucide

NODE.04

Realtime Layer

События и статусы
WebSocket · Next.js API

COREEngine

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

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

1 клик

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

0

переключений между приложениями

6

экранов полного call-цикла

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

Slide Renderer →