Comment ajouter le chatbot IA Asyntai aux sites web hébergés sur Plesk

Guide étape par étape pour les sites hébergés sur Plesk

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 : Identifier le type de votre site web

La méthode d'installation dépend de la plateforme utilisée par votre site web. Plesk est un panneau de contrôle d'hébergement qui peut héberger différents types de sites web :

WordPress/Joomla/Drupal : Si votre site utilise un CMS, consultez notre guide spécifique pour cette plateforme (WordPress, Joomla, Drupal).

Pour les sites HTML statiques

Si vous avez un site HTML statique hébergé sur Plesk, utilisez le gestionnaire de fichiers pour modifier vos fichiers HTML :

Méthode 1 : utilisation du gestionnaire de fichiers Plesk

Connectez-vous à votre panneau de contrôle Plesk
Accédez à Websites & Domains
Cliquez sur File Manager
Accédez au répertoire racine de votre site web (généralement httpdocs ou public_html)
Trouvez votre fichier HTML principal (souvent index.html ou index.php)
Cliquez sur le nom du fichier pour ouvrir le menu de l'éditeur
Sélectionnez Code Editor pour la coloration syntaxique HTML
Faites défiler pour trouver la balise fermante </body>
Collez votre code d'intégration Asyntai juste avant la balise </body>
Cliquez sur "Save" ou "OK"
Répétez pour les autres pages HTML si nécessaire

Astuce : Le gestionnaire de fichiers Plesk propose plusieurs éditeurs : éditeur de code (avec coloration syntaxique), éditeur HTML (WYSIWYG) et éditeur de texte. Utilisez l'éditeur de code pour de meilleurs résultats lors de la modification de fichiers HTML.

Méthode 2 : utilisation de l'accès FTP

Dans Plesk, accédez à Sites web et domaines
Trouvez la section FTP Access
Notez vos identifiants FTP ou créez un nouveau compte FTP
Utilisez un client FTP comme FileZilla pour vous connecter à votre serveur
Accédez au répertoire de votre site web (httpdocs)
Téléchargez les fichiers HTML que vous souhaitez modifier
Ajoutez votre code d'intégration Asyntai avant la balise de fermeture </body>
Téléversez les fichiers modifiés sur le serveur

Pour les sites basés sur PHP

Si votre site web utilise des modèles ou des inclusions PHP :

Dans le gestionnaire de fichiers Plesk, naviguez vers vos fichiers de modèle ou d'inclusion
Trouvez le fichier de modèle de pied de page (généralement footer.php, footer.inc.php ou template.php)
Ouvrez-le avec l'éditeur de code
Ajoutez votre code d'intégration Asyntai avant la balise de fermeture </body>
Enregistrez le fichier

Note : En modifiant le modèle de pied de page, le chatbot apparaîtra automatiquement sur toutes les pages qui utilisent ce modèle.

Créer une sauvegarde

Avant d'apporter des modifications, il est recommandé de créer une sauvegarde :

Dans Plesk, accédez à Sites web et domaines
Cliquez sur Backup Manager
Créez une sauvegarde complète de votre site web
Conservez-le en lieu sûr avant d'effectuer toute modification

Important : Testez toujours vos modifications sur un environnement de préproduction si disponible. Assurez-vous de sauvegarder vos fichiers avant de les modifier pour éviter toute perte de données.

Étape 3 : Vérifier l'installation

Après avoir enregistré vos modifications, visitez votre site web 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 ? Videz le cache de votre navigateur et tout cache côté serveur dans Plesk. Vérifiez la console du navigateur (F12) pour les erreurs JavaScript. Vérifiez que le fichier a été enregistré correctement en le consultant à nouveau dans le Gestionnaire de fichiers.

Documentation