О программе • Установка • Возможности • Документация • Демо • Участие • Автор • Поддержка • Лицензия
Leopard Chat UI — это многофункциональный чат-клиент для Teneo. Teneo способен возвращать обширные данные вместе с каждым ответом, а Leopard использует эти ответы для предоставления интерактивного чата. Leopard можно использовать как в производстве, так и в режиме продаж. Режим Sales Engineering позволяет легко настраивать многочисленные диалоговые демонстрации, глубоко связывать их с другими или делиться ими. Предоставляется интерфейс администрирования, в котором вы можете настроить внешний вид пользовательского интерфейса чата для каждого диалогового решения. Построен с
|
Если вы разрабатываете для Windows, вам, скорее всего, придется установить node-gyp
прежде чем пытаться запустить npm install
. Вам нужно будет скомпилировать несколько собственных модулей узла. Чтобы включить это в Windows, вы можете запустить этот один лайнер. Это займет некоторое время, но его нужно запустить только один раз. Запустите PowerShell от имени администратора и выполните:
npm install --global windows-build-tools
git clone https://github.com/jolzee/leopard-chat-ui-teneo
cd leopard-chat-ui-teneo
npm install
Leopard настраивается с использованием /config/default.js
, который представляет собой комментируемый модуль JavaScript. Вы можете либо напрямую добавить свою конфигурацию в default.js, либо в соседний local.js
, который имеет приоритет и добавляется в .gitignore. Диалоговые решения настраиваются через файл .env.solution.json
в корне проекта. Если вы хотите внести некоторые изменения перед запуском/сборкой Leopard, сделайте это сейчас.
npm run serve
Процесс сборки запускает исходный код через Webpack и создает окончательную сборку в папке /dist
.
npm run build
Скопируйте все файлы из /dist
на любой веб-сервер, например https://mydomain.com/leopard/
.
Пользовательский интерфейс чата можно затем использовать в режиме Sales Engineering, посетив https://mydomain.com/leopard/
Вы можете внедрить пользовательский интерфейс Leopard Chat в определенный элемент на странице. Это может быть полезно, если вы хотите разместить его в определенном порядке табуляции. Чтобы включить это, добавьте <div id="leopardChatWindow"></div>
в любом месте страницы. Однако это не обязательно, и если его нет, пользовательский интерфейс будет автоматически вставлен в начало тела.
< script type =" text/javascript " >
window . TENEOCTX || ( TENEOCTX = { } ) ;
TENEOCTX = {
init : {
trustedDomain : "" , // something like http://localhost:8080 // "" = receive and post messages to all domains
allowScripts : true // false = if you want to disable potential eval
} ,
ctx : {
eventSource : "leopard-embed" ,
pageTitle : document . title ,
pageUrl : window . location . href ,
pageTopic : "Help" ,
message : "This was sent from the customer's web site"
}
} ;
</ script >
< div id =" leopardChatWindow " > </ div >
< script src =" https://mydomain.com/leopard/static/embed-leopard.js " > </ script >
Поддерживается | |
---|---|
АСР и ТТС | ✔️ |
Оповещения | ✔️ |
Все современные браузеры и IE 11. | ✔️ |
Форматирование текста ответа — HTML и Markdown | ✔️ |
Аудиоплеер | ✔️ |
Решения для автоматического переключения | ✔️ |
Кнопки | ✔️ |
Карты | ✔️ |
Пользовательские формы | ✔️ |
Пользовательские HTML-модали | ✔️ |
Значки персонализированных ответов | ✔️ |
Темный режим | ✔️ |
Выбор даты и времени | ✔️ |
Глубокая ссылка на вопрос | ✔️ |
Динамические изменения тем | ✔️ |
Аварийная кнопка | ✔️ |
Дорогие операции | ✔️ |
Помощник по расширению (Groovy) | ✔️ |
Формы обратной связи | ✔️ |
Полевые маски | ✔️ |
Типы полей – [адрес электронной почты/пароль/местоположение/загрузка] | ✔️ |
Социальная аутентификация Firebase | ✔️ |
Захват географического контекста | ✔️ |
Гиперссылки, которые отправляют данные обратно в Teneo | ✔️ |
Карусели изображений | ✔️ |
Изображения | ✔️ |
Текст справки по полю ввода | ✔️ |
LiveChatInc.com | ✔️ |
Карты | ✔️ |
Проактивные диалоги | ✔️ |
Sentry и LogRocket — ведение журнала и отчетность | ✔️ |
Разделить ответы | ✔️ |
Таблицы | ✔️ |
Тематический | ✔️ |
тосты | ✔️ |
Видеоплеер (YouTube, Vimeo, mp4) | ✔️ |
i18n | ✔️ |
Вам нужна помощь ? Проверьте полную документацию .
Есть что-то интересное, чем бы вы хотели поделиться ? Узнайте о вкладе.
Питер Джоулс |
Свяжитесь со мной в одном из следующих мест:
Распространяется по лицензии Apache 2.0. См. ЛИЦЕНЗИЮ для получения дополнительной информации.
Иконки, созданные Pixel Perfect с www.flaticon.com