Создайте платформу для обмена сообщениями с клиентами

Обзор

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

Ключевой результат

Computer создал полностью функциональное приложение для обмена сообщениями в стиле Breeze с двумя основными представлениями: предпросмотром чат-виджета и панелью управления инбокса агента, причем оба работают на одной странице. Представление виджета показывает плавающую анимированную кнопку в правом нижнем углу, которая открывает окно чата с формой перед началом чата (имя и email), приветственным сообщением, пузырями сообщений пользователя/агента с метками времени, индикаторами набора текста и выбором эмодзи. Когда нет доступного агента, простой сценарий бота приветствует пользователя, собирает его email и подтверждает последующие действия.

Представление инбокса агента использует трехпанельную компоновку: левый список бесед с бейджами непрочитанных, фильтрами статусов (Все, Открытые, Отложенные, Закрытые) и поиском; центральная панель с полным тредом сообщений и метками времени; и правая панель с данными пользователя и заметками. Готовые ответы появляются, когда агент вводит /, предлагая шаблоны быстрых ответов для приветствия, завершения, последующих действий и решения вопроса. Статус беседы можно обновлять для каждого треда, а сообщения синхронизируются между представлениями виджета и инбокса через систему событий в памяти, причем все беседы сохраняются в хранилище браузера для персистентности. Переключатель темного режима завершает картину, чтобы службы поддержки могли демонстрировать его или использовать с комфортом в течение всего дня.

Развернуть

Развернуть

Советы

• Уточните свою модель встраивания — добавьте рекомендации вроде: «Оптимизируйте разметку и скрипт виджета так, чтобы их можно было внедрить на любой сайт с помощью одного тега скрипта и минимальных переопределений CSS».
• Ограничьте готовые ответы — укажите тон и категории, например: «Включите шаблоны /greeting, /troubleshoot и /handoff, написанные в дружелюбном, но лаконичном тоне».
• Привяжите статусы к соглашениям об уровне услуг (SLA) — укажите Computer, как должен вести себя статус, например: «Автоматически переводите треды из статуса "Отложенные" в "Открытые", когда клиент отвечает, и подсвечивайте любую открытую беседу без ответа агента по истечении 5 минут».