So fügen Sie den Asyntai-KI-Chatbot zu HubSpot hinzu

Plattform:

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

Schritt 1: Ihren Einbettungscode erhalten

Gehen Sie zunächst zu Ihrem Asyntai Dashboard und scrollen Sie zum Abschnitt "Einbettungscode". Kopieren Sie Ihren einzigartigen Einbettungscode, der so aussieht:

Schritt 2: Verwendung der Website-Einstellungen (Empfohlen)

Der einfachste Weg, den Chatbot auf allen Seiten Ihrer HubSpot-Website hinzuzufügen:

1. Melden Sie sich in Ihrem HubSpot-Konto an
2. Klicken Sie auf das Einstellungssymbol (Zahnrad) in der Hauptnavigationsleiste
3. Navigieren Sie in der linken Seitenleiste zu Website > Seiten
4. Scrollen Sie nach unten zum Abschnitt "Website-Fußzeilen-HTML"
5. Fügen Sie Ihren Asyntai-Einbettungscode in das Textfeld ein
6. Klicken Sie unten auf der Seite auf "Save"

Alternative: Seitenspezifische Installation

Wenn Sie den Chatbot nur auf bestimmten Seiten haben möchten:

1. Gehen Sie zu Marketing > Website > Website Pages (oder Landing Pages)
2. Klicken Sie auf die Seite, die Sie bearbeiten möchten
3. Klicken Sie im Seiteneditor oben auf Settings
4. Scrollen Sie nach unten zu "Advanced options"
5. Suchen Sie den Abschnitt "Footer HTML"
6. Fügen Sie Ihren Asyntai-Einbettungscode ein
7. Klicken Sie auf "Änderungen anwenden" und veröffentlichen Sie Ihre Seite

Alternative: Verwendung des Design Managers

Für mehr Kontrolle können Sie eine JavaScript-Datei über den Design Manager hinzufügen:

1. Gehen Sie zu Marketing > Dateien und Templates > Design-Tools
2. Klicken Sie in der linken Seitenleiste auf Datei > Neue Datei
3. Wählen Sie "JavaScript" aus dem Dropdown-Menü
4. Benennen Sie Ihre Datei (z.B. asyntai-chatbot.js)
5. Fügen Sie den folgenden Code hinzu:
   (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. Ersetzen Sie YOUR_WIDGET_ID durch Ihre tatsächliche Widget-ID
7. Klicken Sie auf "Publish changes"
8. Binden Sie diese Datei in Ihrem Template mit require_js ein oder verlinken Sie sie in Ihren Website-Einstellungen

Alternative: Verwendung von benutzerdefinierten Modulen

Erstellen Sie ein wiederverwendbares Modul für den Chatbot:

1. Gehen Sie zu Marketing > Dateien und Templates > Design-Tools
2. Klicken Sie auf File > New file > Module
3. Benennen Sie es "Asyntai Chatbot"
4. Fügen Sie Ihren Einbettungscode in die Datei module.html ein
5. Veröffentlichen Sie das Modul
6. Fügen Sie das Modul zum Footer-Bereich Ihrer Vorlage hinzu oder ziehen Sie es auf einzelne Seiten

Schritt 3: Installation überprüfen

Besuchen Sie nach dem Speichern Ihrer Änderungen Ihre HubSpot-Website in einem neuen Browser-Tab oder Inkognito-Fenster. Sie sollten den Chat-Widget-Button in der unteren rechten Ecke sehen. Klicken Sie darauf, um sicherzustellen, dass er sich öffnet und korrekt funktioniert.