leopard chat ui teneo Descargar - leopard chat ui teneo Descarga del código fuente

leopard chat ui teneo

Código Fuente de IA

Release 3.2.1

Descargar

Acerca de • Instalación • Funciones • Documentación • Demostración • Contribuyente • Autor • Soporte • Licencia

Acerca de

Leopard Chat UI es un cliente de chat rico en funciones para Teneo. Teneo es capaz de devolver datos enriquecidos junto con cada respuesta y Leopard aprovecha estas respuestas para presentar una experiencia de chat interactiva.

Leopard se puede utilizar tanto en modo de producción como de ingeniería de ventas. El modo Ingeniería de ventas permite configurar fácilmente, vincular profundamente o compartir numerosas demostraciones conversacionales.

Se proporciona una interfaz de administración donde puede modificar la apariencia de la interfaz de usuario del chat por solución conversacional.

Charla de leopardo

Construido con

Vue.js
Vuetificar

Instalación

Usuarios de Windows

Si está desarrollando en Windows, lo más probable es que tenga que instalar node-gyp antes de intentar ejecutar npm install . Necesitará compilar algunos módulos de nodos nativos. Para habilitar esto en Windows, puede ejecutar esta línea. Tardará un poco en completarse, pero sólo es necesario ejecutarlo una vez. Inicie PowerShell como administrador y ejecute:

npm install --global windows-build-tools

Pasos de descarga e instalación:

git clone https://github.com/jolzee/leopard-chat-ui-teneo
cd leopard-chat-ui-teneo
npm install

Configuración

Leopard se configura usando /config/default.js , que es un módulo de JavaScript comentado . Puede agregar su configuración directamente a default.js o a un local.js adyacente que tiene prioridad y se agrega a .gitignore. Las soluciones conversacionales se configuran a través del archivo .env.solution.json en la raíz del proyecto. Si desea realizar algunos cambios antes de ejecutar/compilar Leopard, hágalo ahora.

Ejecutar localmente en modo de desarrollo

npm run serve

Construir para producción

El proceso de compilación ejecuta el código fuente a través de Webpack y produce la compilación final en la carpeta /dist .

npm run build

Despliegue

Copie todos los archivos dentro de /dist a cualquier servidor web, por ejemplo https://mydomain.com/leopard/ .

La interfaz de usuario del chat se puede utilizar en el modo Ingeniería de ventas visitando https://mydomain.com/leopard/

Integrar en producción

Puede insertar la interfaz de usuario de Leopard Chat en un elemento específico de una página. Esto podría resultar beneficioso si desea colocarlo en un orden de pestañas específico. Para habilitar esto, agregue un <div id="leopardChatWindow"></div> en cualquier parte de la página. Sin embargo, esto no es necesario y, si no está presente, la interfaz de usuario se inyectará automáticamente al comienzo del cuerpo.

 < 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 >

Características

	Apoyado
ASR y TTS	✔️
Alertas	✔️
Todos los navegadores modernos e IE 11	✔️
Formato de texto de respuesta: HTML y Markdown	✔️
Reproductor de audio	✔️
Soluciones de cambio automático	✔️
Botones	✔️
Tarjetas	✔️
Formularios personalizados	✔️
Modales HTML personalizados	✔️
Íconos de respuesta personalizados	✔️
Modo oscuro	✔️
Selectores de fecha y hora	✔️
Enlace profundo a la pregunta	✔️
Cambios dinámicos de tema	✔️
Botón de emergencia	✔️
Operaciones costosas	✔️
Ayudante de extensión (maravilloso)	✔️
Formularios de comentarios	✔️
Máscaras de campo	✔️
Tipos de campo: [correo electrónico/contraseña/ubicación/carga]	✔️
Autenticación social de Firebase	✔️
Captura de contexto geográfico	✔️
Hipervínculos que envían información a Teneo	✔️
Carruseles de imágenes	✔️
Imágenes	✔️
Texto de ayuda del campo de entrada	✔️
LiveChatInc.com	✔️
Mapas	✔️
Diálogos proactivos	✔️
Sentry y LogRocket: registro e informes	✔️
Respuestas divididas	✔️
Mesas	✔️
Temable	✔️
Brindis	✔️
Reproductor de vídeo (YouTube, Vimeo, mp4)	✔️
i18n	✔️