Retour au tableau de bord

Documentation

Apprenez à utiliser Asyntai

Premiers pas
Installation Base de connaissances Tester votre IA Gérer les sites web
Personnalisation
Couleurs du widget Nom de l'assistant IA Message initial Position du widget Déclenchement automatique Bulle de notification Badge de messages non lus Mode instruction Poser des questions Utiliser les émojis Collecter les e-mails Collecter les numéros de téléphone Capture intelligente de prospects Localisation Masquer la marque Lien de confidentialité Avis personnalisé Téléchargement de la transcription Nouvelle conversation Historique des conversations Slogan et point de statut Reconnaissance vocale Icône de chat Logo de l'entreprise Limite de caractères Température
Conseils pour les instructions IA Comparer les forfaits
Fonctionnalités
Exploration du site web Lacunes de connaissances Fiches produits Contexte utilisateur Surveillance en direct Prise en charge humaine Escalade Notifications IA Rapport quotidien Flux de données en temps réel Flux de données en temps réel Max Membres de l’équipe Authentification unique Inclure des images Vision par image Widget de traduction Localisation Prospects Capture intelligente de prospects Tickets de support Réservations Exclure des pages IPs bloquées Modèle plus intelligent Activer la réflexion Suggestions de réponse Messages de suivi Reconnaissance vocale Téléchargement de la transcription Chat intégré
Analytique
Analytique de chat Journaux de chat
Intégrations
API REST Instagram Messenger WhatsApp Zapier Email Applications mobiles
Autres
Ajouter à l’écran d’accueil Bouton d’ouverture personnalisé

Comment ajouter le chatbot IA Asyntai à Ghost

Guide étape par étape pour les sites Ghost CMS

Obtenir le code d'intégration
Plateforme :
HTML HTML/Custom WordPress WordPress Shopify Shopify WooCommerce WooCommerce BigCommerce BigCommerce Ecwid Ecwid Wix Wix Squarespace Squarespace Webflow Webflow Weebly Weebly HubSpot HubSpot Tilda Tilda Adobe Experience Manager Adobe Experience Manager Duda Duda Google Sites Google Sites Bludit Bludit Plesk Plesk Concrete CMS Concrete CMS Craft CMS Craft CMS Contentful Contentful Docusaurus Docusaurus Strapi Strapi Joomla Joomla Kentico Kentico Drupal Drupal Magento Magento Blogger Blogger Bitrix Bitrix TYPO3 TYPO3 PrestaShop PrestaShop OpenCart OpenCart Ghost Ghost Hugo Hugo Statamic Statamic Umbraco Umbraco Volusion Volusion Moodle Moodle SilverStripe SilverStripe Grav Grav October CMS October CMS ProcessWire ProcessWire Sanity Sanity ExpressionEngine ExpressionEngine Sylius Sylius Backdrop CMS Backdrop CMS MODX MODX Bagisto Bagisto PayloadCMS PayloadCMS e107 e107 CrafterCMS CrafterCMS Kirby Kirby MedusaCMS MedusaCMS DatoCMS DatoCMS GoDaddy GoDaddy Framer Framer Bubble Bubble Carrd Carrd Jimdo Jimdo Strikingly Strikingly Kajabi Kajabi Teachable Teachable Thinkific Thinkific ClickFunnels ClickFunnels Hostinger Hostinger Unbounce Unbounce Leadpages Leadpages Systeme.io Systeme.io Instapage Instapage

É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 : Utiliser l'injection de code (recommandé)

Ghost dispose d'une fonctionnalité intégrée d'injection de code qui facilite grandement l'ajout de scripts personnalisés :

  1. Connectez-vous à votre panneau d'administration Ghost
  2. Cliquez sur l'icône d'engrenage (Settings) dans le coin inférieur gauche
  3. Faites défiler vers le bas jusqu'à "Advanced"
  4. Cliquez sur "Code injection"
  5. Dans le champ « Body End HTML », collez votre code d'intégration Asyntai
  6. Click "Save" in the top right corner

Astuce : L'ajout de JavaScript dans le pied de page du site (plutôt que dans l'en-tête) garantit qu'il se charge après le contenu de la page, ce qui est recommandé pour les widgets de chat et ne ralentira pas le chargement de votre page.

Alternative : Injection de code par page

If you only want the chatbot on specific pages or posts:

  1. Open the post or page you want to add the chatbot to
  2. Click the settings icon (gear) in the top right corner
  3. Scroll down to find "Code injection"
  4. Développez la section et collez votre code d'intégration Asyntai dans le champ « Post footer »
  5. Cliquez en dehors du champ pour enregistrer, puis publiez/mettez à jour votre article

Note : L'injection de code spécifique à une page est utile si vous souhaitez le chatbot uniquement sur certaines pages plutôt que sur l'ensemble de votre site.

Alternative : Modifier les fichiers du thème (pour l'auto-hébergement)

If you're self-hosting Ghost and prefer to edit theme files directly:

  1. Access your Ghost installation files via FTP or file manager
  2. Navigate to your theme folder: content/themes/your-theme/
  3. Open the default.hbs file (the main layout file)
  4. Trouvez la balise fermante </body>
  5. Collez votre code d'intégration Asyntai juste avant la balise </body>
  6. Enregistrez le fichier
  7. Redémarrez Ghost ou videz le cache

Important : La modification directe des fichiers du thème n'est pas recommandée sauf si nécessaire. Les modifications peuvent être écrasées lors de la mise à jour de votre thème. La méthode Code Injection est préférable car elle survit aux mises à jour du thème.

Étape 3 : Vérifier l'installation

Après avoir enregistré vos modifications, visitez votre site Ghost 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 ? Assurez-vous d'avoir cliqué sur « Save » après avoir ajouté le code dans Code & analytics. Essayez de vider le cache de votre navigateur ou de consulter le site dans une fenêtre de navigation privée. Les modifications devraient apparaître immédiatement sur votre site Thinkific.