Chatbot d'IA pour WordPress avec WP Suite AI-Kit

AI‑Kit inclut un widget AiChatbot pouvant être affiché sur l'ensemble du site.

Contrairement à AI-Kit Feature, le chatbot n'est pas ajouté via un bloc Gutenberg ni via un shortcode. Vous le configurez dans l'administration WordPress sous AI-Kit Settings → Chatbot Settings.

---

Exigences​

Le chatbot fonctionne actuellement en mode backend uniquement.

Pour l'afficher côté front-end, assurez-vous de disposer de :

• Un abonnement Pro actif
• Un backend configuré (votre point de terminaison backend AI-Kit)
• Enable chatbot activé dans Chatbot Settings
• Des paramètres enregistrés

---

Aperçu vs site public​

Le commutateur Preview vous permet d'essayer immédiatement vos paramètres actuels sans les enregistrer.

Pendant l'aperçu :

• Le bouton du site public est masqué
• Un bouton d'aperçu apparaît à la place

Pour appliquer la configuration sur votre site, activez le chatbot (si nécessaire) puis enregistrez vos modifications.

---

Référence des paramètres​

Chatbot Settings est divisé en plusieurs groupes.

Configuration du chatbot​

• Enable chatbot — active ou désactive le widget pour le site.
• Chat title — titre affiché en haut de la fenêtre modale de chat.
• AI disclosure — un avertissement près de la zone d'état, au-dessus du champ de saisie, rappelant aux visiteurs que les réponses générées par l'IA peuvent contenir des erreurs. Laissez vide pour utiliser le texte par défaut de la langue d'interface sélectionnée, ou fournissez votre propre formulation. L'espace réservé {name} insère le titre de chat localisé.
• Placeholder — texte d'espace réservé du champ de saisie affiché au-dessus de la zone de message.
• Language — langue d'interface utilisée pour les libellés. Laissez vide pour utiliser les valeurs par défaut.
• Direction — direction du texte : ltr | rtl | auto.
• History storage — emplacement de persistance de l'historique de chat :
  • localstorage (par défaut)
  • sessionstorage
  • nostorage

Thème​

Ces options personnalisent le thème Mantine utilisé par l'interface du chatbot :

• Mode de couleur — light | dark | auto.
• Primary color — nom d'une couleur Mantine (ou d'une couleur personnalisée nommée).
• Primary shade (light/dark) — indice de nuance 0…9 utilisé pour la couleur principale.
• Custom colors — ajoutez des couleurs hexadécimales nommées qui deviennent disponibles comme options primaryColor.

Avancé​

Disposition et limites facultatives :

• Open button position — emplacement du lanceur :
  • bottom-right (par défaut)
  • bottom-left
  • top-right
  • top-left
• Open button label — texte du lanceur.
• Open button icon layout — position de l'icône par rapport au titre : top | bottom | left | right.
• Open button icon (base64) — Data URL (par exemple data:image/svg+xml;base64,...).
• Show open button title — afficher/masquer le titre du lanceur.
• Show open button icon — afficher/masquer l'icône du lanceur.
• Max images — nombre maximal d'images autorisées par message. Les pièces jointes sont désactivées par défaut : laissez vide ou définissez 0, sauf si le modèle front-end configuré prend en charge les entrées d'image. Une limite positive active les pièces jointes ; elle ne rend pas multimodal un modèle backend texte seul.
• Max image bytes — taille maximale par image en octets.

Remplacements de libellés​

Vous pouvez remplacer n'importe quel libellé intégré utilisé par l'interface du chatbot (boutons, info-bulles, erreurs, etc.).

• Seuls les libellés remplacés sont enregistrés.
• Supprimez un remplacement pour revenir aux valeurs par défaut.

---

Thème avec variables CSS​

Pour une personnalisation basée sur des jetons CSS (espacement, rayons, couleurs, dimensionnement du lanceur, dimensions du chat, etc.), voir Thème (variables CSS).