leopard chat ui teneo Télécharger - leopard chat ui teneo Code source télécharger

leopard chat ui teneo

Code Source AI

Release 3.2.1

Télécharger

À propos • Installation • Fonctionnalités • Documentation • Démo • Contribution • Auteur • Support • Licence

À propos

Leopard Chat UI est un client de chat riche en fonctionnalités pour Teneo. Teneo est capable de renvoyer des données riches avec chaque réponse et Leopard exploite ces réponses pour présenter une expérience de chat interactive.

Leopard peut être utilisé aussi bien en mode production qu'en mode Ingénierie Commerciale. Le mode Sales Engineering permet de configurer facilement de nombreuses démonstrations conversationnelles, de les lier profondément ou de les partager.

Une interface d'administration est fournie dans laquelle vous pouvez modifier l'apparence de l'interface utilisateur de chat par solution conversationnelle.

Bavarder avec Léopard

Construit avec

Vue.js
Vuetifier

Installation

Utilisateurs Windows

Si vous développez sous Windows, vous devrez probablement installer node-gyp avant d'essayer d'exécuter npm install . Vous devrez compiler certains modules de nœuds natifs. Pour activer cela sous Windows, vous pouvez exécuter cette seule doublure. Cela va prendre un certain temps, mais il ne doit être exécuté qu'une seule fois. Démarrez PowerShell en tant qu'administrateur et exécutez :

npm install --global windows-build-tools

Étapes de téléchargement et d’installation :

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

Configuration

Leopard est configuré à l'aide de /config/default.js qui est un module JavaScript commenté . Vous pouvez soit ajouter directement votre configuration à default.js, soit à un local.js adjacent qui est prioritaire et ajouté à .gitignore. Les solutions conversationnelles sont configurées via le fichier .env.solution.json à la racine du projet. Si vous souhaitez apporter des modifications avant d'exécuter/construire Leopard, faites-le maintenant.

Exécuter localement en mode développement

npm run serve

Construire pour la production

Le processus de génération exécute le code source via Webpack et produit la version finale dans le dossier /dist .

npm run build

Déploiement

Copiez tous les fichiers de /dist sur n'importe quel serveur Web - Par exemple https://mydomain.com/leopard/ .

L'interface utilisateur de chat peut ensuite être utilisée en mode Sales Engineering en visitant https://mydomain.com/leopard/

Intégrer en production

Vous pouvez injecter l'interface utilisateur de Leopard Chat dans un élément spécifique d'une page. Cela peut être utile si vous souhaitez le placer dans un ordre de tabulation spécifique. Pour activer cela, ajoutez un <div id="leopardChatWindow"></div> n'importe où sur la page. Ce n'est cependant pas obligatoire et en cas d'absence, l'interface utilisateur sera automatiquement injectée au début du corps.

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

Caractéristiques

	Soutenu
ASR et TTS	✔️
Alertes	✔️
Tous les navigateurs modernes et IE 11	✔️
Formatage du texte de réponse - HTML et Markdown	✔️
Lecteur audio	✔️
Solutions de commutation automatique	✔️
Boutons	✔️
Cartes	✔️
Formulaires personnalisés	✔️
Modaux HTML personnalisés	✔️
Icônes de réponse personnalisées	✔️
Mode sombre	✔️
Sélecteurs de date et d'heure	✔️
Lien profond vers la question	✔️
Changements de thème dynamiques	✔️
Bouton d'urgence	✔️
Opérations coûteuses	✔️
Assistant d'extension (Groovy)	✔️
Formulaires de commentaires	✔️
Masques de terrain	✔️
Types de champs - [e-mail / mot de passe / emplacement / téléchargement]	✔️
Authentification sociale Firebase	✔️
Capture de contexte géographique	✔️
Liens hypertextes qui renvoient des entrées à Teneo	✔️
Carrousels d’images	✔️
Images	✔️
Texte d'aide du champ de saisie	✔️
LiveChatInc.com	✔️
Cartes	✔️
Dialogues proactifs	✔️
Sentry et LogRocket - Journalisation et reporting	✔️
Réponses fractionnées	✔️
Tableaux	✔️
Thématique	✔️
Toasts	✔️
Lecteur vidéo (YouTube, Vimeo, mp4)	✔️
i18n	✔️