Поделиться через


Разработка пользовательского мини-приложения чата

Корпорация Майкрософт предоставляет возможность создать пользовательское мини-приложение динамического чата, которое можно подключить к учетной записи Службы клиентов Dynamics 365. Каждый компонент пользовательского мини-приложения динамического чата можно настроить как для функциональных возможностей, так и для пользовательского интерфейса.

В зависимости от требований и результатов можно настроить мини-приложение чата с помощью одного из следующих вариантов:

  • Использование настраиваемого мини-приложения чата 2.0
  • Разработка собственного мини-приложения

Использование настраиваемого мини-приложения чата 2.0

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

Новое мини-приложение динамического чата 2.0 основано на пакете SDK для чата Omnichannel и библиотеке компонентов пользовательского интерфейса мини-интерфейса динамического чата.

Разработчик портала— настройка пользовательского интерфейса на основе скрипта

Параметр разработчика портала позволяет персонализировать пользовательский интерфейс мини-приложения чата, но не изменяет стандартные параметры функциональности в Центре администрирования Copilot Service. Для настройки можно использовать скрипт обратного вызова данных, который подключает мини-приложение вне поля к функции JavaScript. Функция может содержать настройки стилей CSS для компонентов чата с теми же прецедентами, что и библиотека компонентов пользовательского интерфейса мини-интерфейса мини-интерфейса омнканеля Live Chat.

Изменение скрипта мини-приложения динамического чата для включения мини-приложения live chat 2.0

Чтобы использовать мини-приложение динамического чата 2.0 и настройку на основе скрипта, измените фрагмент кода встроенного мини-приложения чата 2.0 следующим образом.

  1. В Центре администрирования Службы Copilot откройте поток чата и выберите "Копировать live Chat Widget 2.0", чтобы скопировать фрагмент кода.
  2. Создайте новую функцию JavaScript со всеми стилями компонентов. Дополнительные сведения: мини-приложение чата Omnichannel
  3. Добавьте "v2" после атрибута скрипта.
  4. Добавьте функцию JavaScript "data-customization-callback" и сослаться на функцию JavaScript.

Обновленный фрагмент кода будет выглядеть следующим образом.

Снимок экрана: настраиваемый код мини-приложения чата.

Пример снимка экрана мини-приложения чата 2.0, который настраивается для увеличения его размера, выглядит следующим образом.

Пример снимка экрана мини-приложения live chat 2.0.

Просмотрите пошаговое видео о настройке мини-приложения live chat.

Использование оркестрации веб-взаимодействия для настройки мини-приложения

Оркестрация веб-взаимодействия позволяет перемещать конфигурацию из JavaScript страницы и в центр администрирования. Дополнительные сведения см. в разделе "Развертывание мини-приложений чата на веб-сайтах с помощью одного тега".

Разработка собственного мини-приложения

Используйте сведения в следующих разделах для создания собственного мини-приложения.

Библиотека компонентов пользовательского интерфейса мини-интерфейса мини-приложения Live Chat Omnichannel

Библиотека компонентов пользовательского интерфейса мини-интерфейса мини-приложения Live Chat Omnichannel предоставляет платформу повторно используемых компонентов React. Компоненты создаются с помощью библиотеки пользовательского интерфейса Fluent. Узнайте больше о библиотеке компонентов пользовательского интерфейса мини-интерфейса мини-интерфейса Live Chat Omnichannel.

Пакет SDK для чата Omnichannel

Пакет SDK для чата Omnichannel — это пакет с открытым исходным кодом, который предоставляет методы и функции чата для добавления функций в мини-приложение динамического чата. Дополнительные сведения о пакете SDK для чата Omnichannel.

Настройка мини-приложения динамического чата

После установки последней версии пакета SDK для Чата Omnichannel настройте мини-приложение динамического чата с помощью методов пакета SDK для Чата Omnichannel и изменив базовые стили CSS компонентов пользовательского интерфейса мини-интерфейса мини-приложения Omnichannel Live Chat.

Замечание

Пакет SDK для чата Omnichannel является необходимым условием для установки библиотеки компонентов пользовательского интерфейса мини-интерфейса омнканель Live Chat.

Настройка мини-приложений динамического чата для мобильных приложений
начатьЧат
closeChat
lcw:закрытьЧат
lcw:threadUpdate
lcw:chatRetrieved
lcw:chatQueued