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 à HubSpot

Guide étape par étape pour les sites HubSpot 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 les paramètres du site (recommandé)

La façon la plus simple d'ajouter le chatbot à toutes les pages de votre site HubSpot :

  1. Connectez-vous à votre compte HubSpot
  2. Cliquez sur l'icône des paramètres (engrenage) dans la barre de navigation principale
  3. In the left sidebar, navigate to Website > Pages
  4. Scroll down to the "Site footer HTML" section
  5. Collez votre code d'intégration Asyntai dans la zone de texte
  6. Cliquez sur "Save" et rafraîchissez la page

Astuce : L'ajout du script dans le HTML du pied de page du site garantit qu'il se charge sur toutes les pages après le contenu principal, ce qui est l'emplacement recommandé pour les widgets de chat.

Alternative : Installation par page

Si vous souhaitez le chatbot uniquement sur des pages spécifiques :

  1. Accédez à Marketing > Site web > Pages du site web (ou Pages de destination)
  2. Cliquez sur la page que vous souhaitez modifier
  3. Dans l'éditeur de page, cliquez sur Settings en haut
  4. Scroll down to "Advanced options"
  5. Trouvez la section "Footer HTML"
  6. Collez votre code d'intégration Asyntai
  7. Click "Apply changes" and publish your page

Note : Le code spécifique à une page ne se chargera que sur cette page particulière. Utilisez cette méthode si vous souhaitez le chatbot sur certaines pages plutôt que sur l'ensemble de votre site.

Alternative : Utilisation du Design Manager

Pour plus de contrôle, vous pouvez ajouter un fichier JavaScript via le gestionnaire de design :

  1. Go to Marketing > Files and Templates > Design Tools
  2. In the left sidebar, click File > New file
  3. Select "JavaScript" from the dropdown
  4. Nommez votre fichier (par exemple, asyntai-chatbot.js)
  5. Ajoutez le code suivant :
    (function() {
      var script = document.createElement('script');
      script.async = true;
      script.src = 'https://asyntai.com/static/js/chat-widget.js';
      script.setAttribute('data-asyntai-id', 'YOUR_WIDGET_ID');
      document.body.appendChild(script);
    })();
  6. Replace YOUR_WIDGET_ID with your actual widget ID
  7. Cliquez sur "Publish changes"
  8. Incluez ce fichier dans votre modèle en utilisant require_js ou liez-le dans les paramètres de votre site

Alternative : Utilisation de modules personnalisés

Créez un module réutilisable pour le chatbot :

  1. Go to Marketing > Files and Templates > Design Tools
  2. Cliquez sur File > New file > Module
  3. Nommez-le "Asyntai Chatbot"
  4. In the module.html file, paste your embed code
  5. Publiez le module
  6. Ajoutez le module à la section pied de page de votre template, ou glissez-le sur des pages individuelles

Astuce : L'utilisation d'un module personnalisé vous permet d'ajouter ou de supprimer facilement le chatbot de templates ou de pages spécifiques via l'éditeur glisser-déposer.

Étape 3 : Vérifier l'installation

Après avoir enregistré vos modifications, visitez votre site HubSpot 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 « Enregistrer » ou « Publier » après avoir ajouté le code. HubSpot met les pages en cache, essayez donc de consulter votre site dans une fenêtre de navigation privée ou de vider le cache de votre navigateur. Si vous avez ajouté le code à une page spécifique, assurez-vous que cette page est publiée.

HubSpot CMS Hub requis : L'ajout de JavaScript personnalisé nécessite HubSpot CMS Hub (Starter, Professional ou Enterprise). Si vous utilisez les outils CMS gratuits de HubSpot, vos options pour ajouter des scripts personnalisés peuvent être limitées.