Виджет, который не ломает сайт

Технические гарантии

• Изоляция стилей. Виджет рендерится в Shadow DOM, не наследует CSS вашего сайта. Никаких неожиданных «съехал шрифт» или «синяя кнопка стала серой».
• Размер. Bundle ≤ 50 КБ gzip — как иконка PWA. Lighthouse не теряет очков.
• Async-загрузка. Тег `async`, виджет не блокирует рендер. Появляется в правом нижнем углу, когда страница уже интерактивна.
• SSR-friendly. Не требует hydration, работает с любым фреймворком — Next.js, Tilda, WordPress, Bitrix.

Что умеет виджет

Идентификация посетителя

Анонимный Visitor превращается в Contact, когда оставляет имя и email. История переписок сохраняется на этом контакте — даже если человек завтра напишет с другого устройства.

Continue in Telegram

Кнопка «продолжить в Telegram» прикрепляет `telegram_user_id` посетителя к существующему диалогу. Дальше переписка идёт в любимом мессенджере, а оператор видит её в той же супергруппе.

Файлы и изображения

Поддерживается двусторонне — клиент может прислать скриншот, оператор может ответить файлом. Ограничение по размеру настраивается на уровне сайта.

Read-receipts для клиента

Серые ✓ — отправлено, ✓✓ — доставлено в Telegram, синие ✓✓ — оператор открыл и прочитал. Те же семантики, что в самом Telegram.

Установка

<script src="https://widget.tg-desk.com/widget.v1.js"
        data-site-key="sk_live_…" async></script>

В админке создайте проект → откройте «Виджет на сайт» → скопируйте сниппет. У каждого сайта в проекте свой `siteKey` — изоляция гарантирована.

Кастомизация

• Цвета (брендовый, акцентный, фон).
• Логотип и имя компании.
• Приветственное сообщение, плейсхолдеры — отдельно для каждой локали.
• Часы работы — вне расписания виджет показывает «вернёмся в 9:00».