Voir toute la documentation

Stella AI Chatbot : Guide d'Installation et Utilisateur

Stella AI Chatbot pour sites web et support client

Guide de Stella AI Chatbot couvrant l'automatisation FAQ, capture de leads, conversations IA, RAG, transfert humain et analytiques Pro pour tout site.

Ce guide couvre les éditions Free et Pro au même endroit. Lorsqu’une fonctionnalité est réservée à Pro, elle est marquée (Pro).

1. Installation

1.1 Prérequis

  1. Node.js 18+ - Environnement requis pour exécuter le serveur backend du chatbot.
  2. npm - Requis pour installer les dépendances du projet.
  3. Navigateur moderne - Requis pour accéder au panneau admin et tester le comportement du widget.
  4. PostgreSQL 13+ (optionnel en Pro) - Requis uniquement si vous choisissez le mode de stockage PostgreSQL.
  5. pgvector (optionnel en Pro) - Requis pour la recherche de similarité vectorielle PostgreSQL en mode RAG.
  6. Ollama (optionnel en Pro) - Requis uniquement si vous souhaitez des embeddings locaux sans coût API.

1.2 Télécharger et préparer

  1. Extraire le package - Décompressez stella-ai-chatbot-free ou stella-ai-chatbot-pro.
  2. Ouvrir le dossier dans le terminal - Exécutez toutes les commandes d’installation/démarrage depuis ce répertoire.
  3. Installer les dépendances - Télécharge toutes les bibliothèques backend nécessaires.
npm install

1.3 Configurer l’environnement

  1. Créer .env - Copiez .env.example vers .env.
  2. Définir les variables obligatoires:
    • NODE_ENV - Définit le mode d’exécution (development ou production).
    • APP_SECRET - Utilisé pour signer/vérifier les tokens et sessions sécurisés.
    • ADMIN_USER - Nom d’utilisateur admin.
    • ADMIN_PASS - Mot de passe admin.
    • INSTALL_TOKEN - Protège l’installateur contre les accès non autorisés.
    • CORS_ORIGINS / ALLOWED_ORIGINS - Contrôle quels origins peuvent appeler les API.
    • DATA_ENCRYPTION_KEY - Utilisé pour chiffrer les données sensibles (si pris en charge).
  3. Variables optionnelles:
    • PORT - Port serveur (la plateforme peut le remplacer dynamiquement).
    • TRUST_PROXY=true - Active une détection IP correcte derrière reverse proxy/CDN.

1.4 Démarrer l’application

npm start
  • /install - Assistant de configuration initiale.
  • /admin - Connexion admin et tableau de bord.

1.5 Étapes d’installation

  1. Ouvrir l’installateur - /install initialise le système chatbot.
  2. Saisir le token d’installation - Confirme une installation autorisée.
  3. Sélectionner le mode de stockage:
    • Free: stockage JSON.
    • Pro: JSON ou PostgreSQL.
  4. Terminer l’installation - Crée les paramètres/valeurs par défaut requis.
  5. install.lock généré - Empêche une réinstallation accidentelle et se trouve dans le dossier data.

1.6 Intégrer le widget sur n’importe quel site

  1. Ouvrir la section Embed Code - Génère le script d’intégration frontend.
  2. Copier le script - Inclut le chargeur de widget et l’URL API de base.
  3. Coller avant </body> - Garantit le chargement du widget après le contenu.
  4. Rafraîchir le site - Vérifie que le chatbot apparaît et fonctionne.

1.7 Checklist production

  1. Activer HTTPS - Protège le trafic et les identifiants.
  2. Utiliser des secrets robustes - Empêche la compromission de tokens/sessions.
  3. Restreindre les domaines - Évite l’usage abusif du widget/API sur des sites non autorisés.
  4. Protéger l’installateur - Bloque les attaques de réinstallation publique.
  5. Activer CSRF/contrôles sécurité - Protège les écritures admin.
  6. Définir une politique de rétention - Garde les logs gérables et conformes.

2. Guide utilisateur (Étape par étape)

2.1 Connexion admin

  1. Ouvrir /admin - Accède à la page d’entrée admin.
  2. Se connecter - Utilise les identifiants de .env.
  3. Naviguer dans le menu - Overview, Settings, FAQs, Logs.

2.2 Page Overview

  1. Statistiques d’usage - Affiche un résumé d’activité du chatbot.
  2. Matched vs unmatched - Affiche la tendance de qualité des réponses.
  3. Top matched keywords - Identifie les requêtes bien traitées.
  4. Top unmatched questions - Montre les lacunes FAQ/IA à améliorer.

2.3 Page Settings

A. Core Identity

  1. Chatbot Name - Titre affiché dans l’en-tête du chat.
  2. Avatar Upload - Image de marque affichée dans le launcher et le chat.
  3. Avatar Shape - Détermine si l’avatar est rond ou carré.
  4. Show Live Preview - Active/désactive la prévisualisation en temps réel dans l’admin.

B. Messaging & Engagement

  1. Welcome Message - Message affiché à l’ouverture du chat.
  2. No Match Message - Réponse de secours si aucune réponse n’est trouvée.
  3. Fuzzy Match - Associe des mots-clés/questions proches sans correspondance exacte.
  4. Fuzzy Threshold - Définit le niveau de tolérance de la correspondance floue.
  5. Lead Capture - Collecte nom/email avant ou pendant la conversation.
  6. Lead Capture Prompt - Message affiché pour demander les informations utilisateur.

C. Widget Appearance

  1. Widget Position - Place le launcher à gauche ou à droite.
  2. Widget Size - Contrôle la taille visuelle du launcher.
  3. Brand/Theme Colors - Harmonise le widget avec la charte du site.
  4. Avatar Size - Contrôle la taille de l’avatar dans l’UI de chat.
  5. Animation - Ajoute des effets comme pulse/shake/float.
  6. Chatbox Width/Height - Contrôle les dimensions du panneau de conversation.

D. System & Performance

  1. Items Per Page - Taille de pagination des tableaux admin.
  2. Log Retention Days - Nombre de jours de conservation des logs.
  3. Auto Cleanup - Supprime automatiquement les anciennes données selon la règle de rétention.
  4. Enforce HTTPS - Bloque les requêtes non HTTPS (hors localhost).
  5. Enforce Admin CSRF - Exige un token CSRF pour les écritures admin.

E. Categories

  1. Add Category - Crée de nouveaux groupes pour FAQ/flux de chat.
  2. Recommended Categories - Jusqu’à 3 catégories affichées en priorité dans le widget.
  3. Delete Category - Supprime les catégories inutilisées (ou applique fusion/réaffectation).

F. Embed Code

  1. API Base URL - Définit l’URL backend utilisée par le script widget.
  2. Allowed Widget Domains - Restreint les domaines où le widget peut fonctionner.
  3. Widget Domain Policy - restricted impose une liste de domaines autorisés.
  4. Regenerate / Copy Code - Régénère et copie le script d’intégration.

2.4 Fonctionnalités Pro dans Settings (Pro)

A. Human Handoff (Pro)

  1. Enable Handoff - Active l’escalade vers un support humain.
  2. Escalate After Unmatched - Nombre d’échecs avant escalade.
  3. Handoff Message - Message affiché lors du déclenchement de l’escalade.
  4. Support URL - Lien vers le support humain.
  5. Business Hours - Plage horaire optionnelle pour le comportement handoff.

B. AI Powered Responses (Pro)

  1. AI Provider - Sélectionne le fournisseur LLM backend.
  2. API Key - Clé d’authentification du fournisseur.
  3. Load Models - Charge les modèles disponibles pour ce fournisseur/clé.
  4. AI Model - Modèle utilisé pour générer les réponses.
  5. Test Connection - Vérifie la configuration fournisseur/modèle/clé.
  6. Max Tokens - Longueur maximale de sortie des réponses IA.
  7. System Instructions - Définit comportement, ton et règles du bot.
  8. AI Disclaimer - Message d’avertissement optionnel sous les réponses IA.

C. Vector Retrieval (RAG) (Pro)

  1. Enable RAG - Permet la récupération depuis le contenu indexé du site.
  2. Use PostgreSQL pgvector - Active le stockage/recherche vectorielle scalable.
  3. Embedding Provider - Service qui convertit le texte en vecteurs.
  4. Embedding API Key - Authentification du fournisseur d’embeddings.
  5. Fetch Models - Charge les modèles d’embedding disponibles.
  6. Embedding Model - Modèle utilisé pour indexation et requêtes.
  7. Test Embedding Connection - Vérifie le bon fonctionnement de l’endpoint embedding.
  8. Crawl Root URL / Sitemap - Définit les points de départ du crawl.
  9. Max Pages / Max Depth - Contrôle l’ampleur et la profondeur du crawl.
  10. Chunk Size / Overlap - Contrôle la segmentation du texte pour une meilleure qualité RAG.
  11. Include / Exclude Patterns - Contrôle fin des URLs à crawler.
  12. Resume Mode - Ignore les URLs déjà indexées lors d’un recrawl.
  13. Crawl Website Content - Lance le job d’indexation.
  14. RAG Ranking Mode - Contrôle la stratégie de classement (Balanced / Exact Product First).

2.5 Page FAQs

  1. Add FAQ - Création manuelle Q&A avec mot-clé unique.
  2. Edit/Delete FAQ - Maintient et corrige les réponses existantes.
  3. Import File - Import en masse depuis TXT/CSV/CSB/DOCX.
  4. Delimiter Option - Analyse les formats personnalisés (:, ,, |, etc).
  5. Duplicate Keyword Handling - Ignore ou suffixe les doublons lors de l’import.
  6. Category Handling - Crée les catégories manquantes ou applique une catégorie fallback.
  7. Import Summary - Affiche les compteurs ajoutés/rejetés/doublons.

2.6 Page Logs

  1. Session Filters - Recherche par clé de session, nom ou email.
  2. Show Chat - Ouvre l’historique uniquement de la session sélectionnée.
  3. Leads Table - Affiche les coordonnées visiteurs collectées.
  4. Pagination - Navigue efficacement dans les gros volumes via contrôles haut/bas.

2.7 Comportement frontend

  1. Widget Open - L’utilisateur ouvre le launcher et entre dans le chat.
  2. Welcome/Categories - Introduction et recommandations s’affichent (si activé).
  3. User Query Handling:
    • Free: flux FAQ + fuzzy match.
    • Pro: FAQ + IA + RAG + règles de handoff.
  4. Lead Collection - Formulaire nom/email affiché quand activé.
  5. Logging - Sessions/messages/leads enregistrés pour l’analytique.

2.8 Dépannage

  1. Widget non visible - Vérifiez embed code, policy de domaine et console navigateur.
  2. Réponses IA courtes - Essayez un autre modèle/fournisseur, augmentez max tokens, vérifiez metadata fournisseur.
  3. RAG ne répond pas - Vérifiez crawl, config embedding et mode de ranking.
  4. Installation bloquée - Vérifiez install token et comportement lock/maintenance.

2.9 Plan de déploiement recommandé

  1. Commencer par FAQ + catégories - Construire une base de réponses fiable.
  2. Activer fuzzy match - Améliorer la tolérance aux variations de questions.
  3. Activer lead capture - Commencer la collecte de contacts qualifiés.
  4. (Pro) Activer IA - Gérer des requêtes en langage naturel plus larges.
  5. (Pro) Activer RAG - Ancrer les réponses dans votre propre contenu.
  6. (Pro) Activer handoff - Escalader les besoins complexes vers des humains.
  7. Finaliser sécurité + déployer - Verrouiller les politiques et passer en production.