Comment ajouter le chatbot IA Asyntai à HubSpot

Plateforme :

HubSpot

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

É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. Dans la barre latérale gauche, accédez à Site web > Pages
4. Faites défiler vers le bas jusqu'à la section "HTML du pied de page du site"
5. Collez votre code d'intégration Asyntai dans la zone de texte
6. Cliquez sur "Enregistrer" en bas de la page

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 Paramètres en haut
4. Faites défiler vers le bas jusqu'à "Options avancées"
5. Trouvez la section "HTML du pied de page"
6. Collez votre code d'intégration Asyntai
7. Cliquez sur "Appliquer les modifications" et publiez votre page

Alternative : Utilisation du Design Manager

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

1. Accédez à Marketing > Fichiers et modèles > Outils de conception
2. Dans la barre latérale gauche, cliquez sur Fichier > Nouveau fichier
3. Sélectionnez "JavaScript" dans le menu déroulant
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. Remplacez YOUR_WIDGET_ID par votre identifiant de widget réel
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. Accédez à Marketing > Fichiers et modèles > Outils de conception
2. Cliquez sur File > New file > Module
3. Nommez-le "Asyntai Chatbot"
4. Dans le fichier module.html, collez votre code d'intégration Asyntai
5. Publiez le module
6. Ajoutez le module à la section pied de page de votre template, ou glissez-le sur des pages individuelles

É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.