Comment ajouter le chatbot IA Asyntai à e107

Guide étape par étape pour les sites e107 CMS

Plateforme :

Étape 1 : Obtenir votre code d'intégration

Tout d'abord, rendez-vous sur votre Tableau de bord Asyntai et faites défiler jusqu'à la section « Code d'intégration ». Copiez votre code d'intégration unique qui ressemblera à ceci :

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

Note : Le code ci-dessus n'est qu'un exemple. Vous devez copier votre propre code d'intégration depuis votre Tableau de bord car il contient votre identifiant de widget personnel.

Étape 2 : Ajouter au modèle de thème (recommandé)

La méthode recommandée pour ajouter le chatbot est de modifier directement le fichier de template de votre thème e107 :

Accédez au dossier de votre thème e107 : e107_themes/yourtheme/
Ouvrez le fichier de modèle principal du thème (généralement theme.php ou theme.html)
Trouvez la balise fermante </body>
Collez votre code d'intégration Asyntai juste avant la balise </body> :

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
</body>

Astuce : Si votre thème utilise theme.php, recherchez la section où le HTML du pied de page est généré. Le code d'intégration doit être placé après tout autre contenu mais avant la balise fermante body.

Méthode alternative 1 : Utilisation de l'en-tête/pied de page personnalisé e107

Vous pouvez ajouter le script du chatbot via le panneau d'administration e107 sans modifier les fichiers du thème :

Connectez-vous à votre panneau d'administration e107
Accédez à Admin > Preferences > Site Preferences
Recherchez la section « Custom Footer » ou « Footer Scripts »
Collez votre code d'intégration Asyntai dans le champ Footer Scripts
Cliquez sur "Save" pour appliquer les modifications

Note : Cette méthode est la plus simple si vous souhaitez éviter de modifier directement les fichiers du thème. Le script sera inclus automatiquement sur chaque page de votre site e107.

Méthode alternative 2 : Utilisation d'un plugin e107

Pour une approche plus modulaire, vous pouvez créer un plugin simple ou utiliser le système de hooks de plugins pour injecter le script du chatbot :

Créez un plugin simple ou utilisez le plugin "Custom Pages"
Ajoutez le script via le système de hooks de plugin e107 en créant un fichier e_footer.php dans le répertoire de votre plugin
À l'intérieur de e_footer.php, affichez votre code d'intégration :

<?php
// e_footer.php - Asyntai Chatbot Plugin Hook
echo '<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>';
?>

Astuce : L'approche par hook de plugin garde votre intégration de chatbot séparée du thème, de sorte qu'elle persistera même si vous changez de thème.

Méthode alternative 3 : Utilisation du système de menus e107

Vous pouvez utiliser le système de menus intégré d'e107 pour ajouter le script du chatbot à la zone de pied de page :

Connectez-vous à votre panneau d'administration e107
Accédez à Admin > Menus
Créez un menu HTML personnalisé
Collez votre code d'intégration Asyntai dans le contenu du menu
Assignez le menu à la zone de pied de page de votre modèle
Enregistrez la configuration du menu

Important : Lorsque vous utilisez le système de menus, assurez-vous que la zone de menu que vous attribuez prend en charge la sortie HTML/script brute. Certaines zones de menu peuvent supprimer les balises script pour des raisons de sécurité. Si le script est supprimé, utilisez plutôt l'une des autres méthodes.

Étape 3 : Vérifier l'installation

Après avoir enregistré vos modifications, visitez votre site e107 dans un nouvel onglet de navigateur ou en navigation privée. Vous devriez voir le bouton du widget de chat dans le coin inférieur droit. Cliquez dessus pour vérifier qu'il s'ouvre et fonctionne correctement.

Vous ne voyez pas le widget ? Essayez de vider le cache e107 depuis le panneau d'administration sous Admin > Cache. Essayez également de vider le cache de votre navigateur ou de consulter le site en fenêtre de navigation privée. Assurez-vous que votre code d'intégration est correctement placé et contient votre identifiant de widget unique provenant du Tableau de bord.