Zurück zum Dashboard

Dokumentation

Erfahren Sie, wie Sie Asyntai verwenden

Erste Schritte
Installation Wissensdatenbank Testen Sie Ihre KI Websites verwalten
Anpassung
Widget-Farben KI-Assistentenname Begrüßungsnachricht Widget-Position Auto-Trigger Benachrichtigungsblase Ungelesen-Abzeichen Anweisungsmodus Fragen stellen Emojis verwenden E-Mails erfassen Telefonnummern erfassen Intelligente Lead-Erfassung Lokalisierung Branding ausblenden Datenschutz-Link Benutzerdefinierter Hinweis Gesprächsprotokoll herunterladen Neues Gespräch Unterhaltungsverlauf Slogan und Statuspunkt Sprache zu Text Chat-Symbol Firmenlogo Zeichenlimit Temperatur
Tipps für KI-Anweisungen Tarife vergleichen
Funktionen
Website-Crawl Wissenslücken Produktkarten Benutzerkontext Live-Überwachung Human Takeover Eskalation KI-Benachrichtigungen Täglicher Bericht Echtzeit-Datenfeed Echtzeit-Datenfeed Max Teammitglieder Single Sign-On Bilder einbinden Bilderkennung Übersetzungs-Widget Lokalisierung Leads Intelligente Lead-Erfassung Support-Tickets Buchungen Seiten ausschließen Blockierte IPs Smarteres Modell Denkmodus aktivieren Antwortvorschläge Folgenachrichten Sprache zu Text Gesprächsprotokoll herunterladen Eingebetteter Chat
Analysen
Chat-Analysen Chat-Protokolle
Integrationen
REST API Instagram Messenger WhatsApp Zapier Email Mobile Apps
Sonstiges
Zum Startbildschirm hinzufügen Benutzerdefinierter Öffnen-Button

So fügen Sie den Asyntai AI Chatbot zu Ghost hinzu

Schritt-für-Schritt-Anleitung für Ghost-CMS-Websites

Einbettungscode erhalten
Plattform:
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

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:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>

Hinweis: Der obige Code ist nur ein Beispiel. Sie müssen Ihren eigenen einzigartigen Einbettungscode von Ihrem Dashboard kopieren, da er Ihre persönliche Widget-ID enthält.

Schritt 2: Verwendung von Code-Injection (Empfohlen)

Ghost verfügt über eine integrierte Code-Injection-Funktion, die das Hinzufügen benutzerdefinierter Scripts sehr einfach macht:

  1. Log in to your Ghost Admin Panel
  2. Klicken Sie auf das Zahnrad-Symbol (Einstellungen) in der unteren linken Ecke
  3. Scrollen Sie nach unten zum Abschnitt "Advanced"
  4. Klicken Sie auf "Code injection"
  5. Fügen Sie im Abschnitt "Site footer" Ihren Asyntai-Einbettungscode ein
  6. Klicken Sie oben rechts auf "Save"

Tipp: Das Hinzufügen von JavaScript zum Site Footer (anstatt zum Site Header) stellt sicher, dass es nach dem Seiteninhalt geladen wird, was für Chat-Widgets empfohlen wird und das Laden Ihrer Seite nicht verlangsamt.

Alternative: Seitenspezifische Code-Injection

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. Erweitern Sie den Abschnitt und fügen Sie Ihren Asyntai-Einbettungscode im Feld "Post footer" ein
  5. Klicken Sie außerhalb des Feldes zum Speichern und dann auf publish/update für Ihren Beitrag

Hinweis: Seitenspezifische Code-Injection ist nützlich, wenn Sie den Chatbot nur auf bestimmten Seiten und nicht auf Ihrer gesamten Website haben möchten.

Alternative: Theme-Dateien bearbeiten (Für Self-Hosted)

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. Suchen Sie das schließende </body>-Tag
  5. Fügen Sie Ihren Asyntai-Einbettungscode direkt vor dem </body>-Tag ein
  6. Speichern Sie die Datei
  7. Starten Sie Ghost neu oder leeren Sie den Cache

Wichtig: Das direkte Bearbeiten von Theme-Dateien wird nicht empfohlen, es sei denn, es ist notwendig. Änderungen können beim Aktualisieren Ihres Themes überschrieben werden. Die Code-Injection-Methode wird bevorzugt, da sie Theme-Updates übersteht.

Schritt 3: Installation überprüfen

Nachdem Sie Ihre Änderungen gespeichert haben, besuchen Sie Ihre Ghost-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.

Widget nicht sichtbar? Stellen Sie sicher, dass Sie nach dem Hinzufügen des Codes in Code Injection auf "Save" geklickt haben. Versuchen Sie, Ihren Browser-Cache zu leeren oder in einem Inkognito-Fenster zu öffnen. Bei Verwendung von Ghost(Pro) sollten Änderungen sofort erscheinen. Bei selbst gehostetem Ghost müssen Sie möglicherweise den Ghost-Dienst neu starten.