Ajouter un chatbot à votre site Web fantôme à l'aide de GenAI
Introduction
Ghost est un système de gestion de contenu (CMS) open source axé sur la publication et les blogs. Il offre une interface minimaliste pour la création de contenu. Il est léger, rapide et conçu pour les blogueurs et les éditeurs.
Cas d'utilisation : blogs, sites Web d'actualités et sites axés sur le contenu.
L'amélioration de votre site Web avec un chatbot peut améliorer considérablement l'interaction et l'engagement des utilisateurs. Que vous cherchiez à fournir un support client 24h/24 et 7j/7, à générer des prospects ou à guider les utilisateurs à travers votre site, un chatbot peut être un ajout précieux. Dans ce didacticiel, nous allons vous montrer comment intégrer le chatbot DigitalOcean GenAI dans votre site Web existant alimenté par Ghost. Il s'agit d'une plate-forme de chatbot alimentée par l'IA qui peut être facilement intégrée à n'importe quel site Web à l'aide d'un simple script.
Nous vous guiderons à travers les étapes d'ajout du chatbot à l'aide de différentes méthodes, notamment l'injection de code, les plugins et la modification directe des fichiers de thème. Ici, vous pouvez fournir des instructions claires à l'agent et vous former sur la façon de réagir.
Ces instructions définissent la tâche, le ton et le comportement de l’agent, améliorant ainsi sa précision. Les bases de connaissances (KB) peuvent inclure de la documentation, des FAQ et des guides qui aideront votre agent à récupérer des informations pertinentes pour des réponses plus précises.
DigitalOcean GenAI Platform est une offre puissante pour créer des agents d'IA sur une infrastructure alimentée par GPU. Il vous permet de créer des applications d'IA avec des modèles de base, des routes d'agents, des bases de connaissances et des pipelines de génération augmentée par récupération (RAG). La plateforme est disponible en Early Availability (EA). Inscrivez-vous à EA et commencez ici.
Cas d'utilisation
Voici quelques scénarios dans lesquels l'ajout d'un chatbot utilisant DigitalOcean GenAI à votre site Ghost peut avoir un impact significatif :
- Support client : fournissez des réponses instantanées aux questions courantes et proposez une assistance client 24h/24 et 7j/7, même lorsque votre équipe est hors ligne.
- Génération de leads : collectez des informations sur les visiteurs telles que le nom, l'adresse e-mail et le numéro de téléphone, et qualifiez automatiquement les leads grâce aux formulaires interactifs de GenAI.
- Recommandations de produits : les sites Web de commerce électronique peuvent utiliser des chatbots pour recommander des produits en fonction des préférences des utilisateurs, contribuant ainsi à augmenter les conversions.
- Planification de rendez-vous : automatisez la prise de rendez-vous pour les entreprises telles que les cabinets médicaux, les salons de beauté ou les services de conseil.
- Engagement interactif : engagez les utilisateurs avec des quiz, des enquêtes et du contenu interactif pour les garder plus longtemps sur votre site et améliorer l'expérience utilisateur.
Conditions préalables
Avant de commencer à ajouter le chatbot DigitalOcean GenAI à votre site, assurez-vous de remplir les conditions préalables suivantes :
- Un site Web en direct : si vous n'avez pas encore configuré votre site Web propulsé par Ghost, nous avons l'application Ghost 1-Click disponible sur le marché qui vous permet d'auto-héberger votre propre instance Ghost opérationnelle dans deux minutes.
- Accès administrateur : vous devez disposer d'un accès administrateur pour configurer le site Ghost. Interface administrative sur
- Script de chatbot DigitalOcean GenAI : vous aurez besoin du script d'intégration de chatbot GenAI fourni par la plateforme DigitalOcean GenAI. Ce script se présentera généralement sous la forme d'une balise
<script>que vous trouverez dans le panneau cloud une fois que vous aurez rendu le point de terminaison public. Vous pouvez vous référer aux liens pour plus de détails sur la création et la gestion des agents GenAI et des bases de connaissances.
Ajout du chatbot DigitalOcean GenAI
Garantit que votre agent est disponible pour les applications externes. Si un point de terminaison est défini en mode terrain de jeu, cela restreint l'accès aux ressources internes uniquement, comme pour le routage des agents. Si un point de terminaison est défini sur public, le point de terminaison devient accessible au trafic externe.
Une fois que votre chatbot est prêt et configuré, définissez le point de terminaison sur public. Ensuite, vous recevrez un extrait de code JavaScript. Par exemple:
<script async
src="https://agent-14066a373cb3ac799541-5kekp.ondigitalocean.app/static/chatbot/widget.js"
data-agent-id="7ff110ef-9da8-11ef-bf8f-4e013e2ddde4"
data-chatbot-id="ZoamtI2KXJusoNBYbbD5lgoWX2hLfH-J"
data-name="ghostblog-chatbot Chatbot"
data-primary-color="#031B4E"
data-secondary-color="#E5E8ED"
data-button-background-color="#0061EB"
data-starting-message="Hello! How can I help you today?"
data-logo="/static/chatbot/icons/default-agent.svg">
</script>
Méthode 1 : ajouter le chatbot via un extrait de code
- Connectez-vous à votre tableau de bord d'administration Ghost [votresite Web/fantôme].
- Accédez à Paramètres > Injection de code.
- Collez l'extrait de code du chatbot dans la section Pied de page du site sous « Injection de code pour le pied de page du site ».
- Cliquez sur Enregistrer.
Cela ajoutera le widget chatbot à chaque page de votre site Web. Ouvrez votre site Web et vérifiez que le chatbot apparaît et fonctionne comme prévu.
Méthode 2 : ajout d'un chatbot à l'aide de thèmes fantômes (édition de default.hbs)
Si vous souhaitez plus de contrôle sur l'endroit où le chatbot apparaît, vous pouvez directement modifier vos fichiers de thème Ghost.
Étape 1 : accédez à vos fichiers de thème
- Accédez à votre tableau de bord d'administration Ghost.
- Accédez à Paramètres > Conception et image de marque et cliquez sur « Personnaliser ».
- Ajoutez le bas, sélectionnez Changer de thème > Installé et téléchargez le thème.
- Extrayez le thème téléchargé sur votre ordinateur.
Étape 2 : Ajoutez le code Chatbot à default.hbs
- Ouvrez le fichier default.hbs dans un éditeur de code (par exemple, VS Code).
- Localisez la balise de fermeture
