So fügen Sie den Asyntai AI 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. In the left sidebar, navigate to Website > Pages
4. Scroll down to the "Site footer HTML" section
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. Click "Apply changes" and publish your page

Alternative: Verwendung des Design Managers

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

1. Go to Marketing > Files and Templates > Design Tools
2. In the left sidebar, click File > New file
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. Replace YOUR_WIDGET_ID with your actual 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. Go to Marketing > Files and Templates > Design Tools
2. Klicken Sie auf File > New file > Module
3. Benennen Sie es "Asyntai Chatbot"
4. In the module.html file, paste your embed code
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.