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-KI-Chatbot zu WordPress hinzu

Schritt-für-Schritt-Anleitung für WordPress-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: Installationsmethode wählen

Es gibt mehrere Möglichkeiten, das Chat-Widget zu WordPress hinzuzufügen. Wählen Sie die Methode, die am besten zu Ihnen passt:

Methode 1: Ein Plugin verwenden (empfohlen)

Der einfachste Weg, das Chat-Widget hinzuzufügen, ist die Verwendung eines Plugins wie "Insert Headers and Footers" oder "WPCode".

WPCode verwenden (kostenlos)

  1. Go to Plugins → Add New in your WordPress admin
  2. Suchen Sie nach "WPCode" und installieren Sie es
  3. Aktivieren Sie das Plugin
  4. Gehen Sie zu Code Snippets → Header & Footer
  5. Fügen Sie Ihren Asyntai-Einbettungscode im Abschnitt "Footer" ein
  6. Klicken Sie auf "Save Changes"

Insert Headers and Footers verwenden

  1. Go to Plugins → Add New in your WordPress admin
  2. Suchen Sie nach "Insert Headers and Footers" von WPBeginner
  3. Installieren und aktivieren Sie das Plugin
  4. Gehen Sie zu Settings → Insert Headers and Footers
  5. Fügen Sie Ihren Asyntai-Einbettungscode in das Feld "Scripts in Footer" ein
  6. Klicken Sie auf "Save"

Warum ein Plugin verwenden? Die Verwendung eines Plugins stellt sicher, dass Ihr Code auch beim Aktualisieren oder Wechseln Ihres WordPress-Themes erhalten bleibt.

Methode 2: Theme-Dateien bearbeiten

Sie können den Code direkt zu Ihren Theme-Dateien hinzufügen. Der Standort des Theme-Datei-Editors hängt von Ihrer WordPress-Version und Ihrem Theme-Typ ab.

Für klassische Themes

  1. Gehen Sie in Ihrem WordPress-Admin zu Appearance → Theme File Editor
  2. Select your active theme from the dropdown (if not already selected)
  3. Suchen und klicken Sie auf footer.php in der Dateiliste auf der rechten Seite
  4. Scrollen Sie nach unten und finden Sie das schließende </body>-Tag
  5. Fügen Sie Ihren Asyntai-Einbettungscode direkt vor dem </body>-Tag ein
  6. Klicken Sie auf "Update File"

Für Block-Themes (FSE-Themes)

Wenn Sie ein blockbasiertes Theme verwenden (wie Twenty Twenty-Four oder andere Full-Site-Editing-Themes), hat sich der Theme-Datei-Editor verschoben:

  1. Gehen Sie in Ihrem WordPress-Admin zu Tools → Theme File Editor
  2. Wählen Sie Ihr aktives Theme aus dem Dropdown-Menü
  3. Suchen Sie in der Dateiliste nach footer.php oder footer.html
  4. Fügen Sie Ihren Asyntai-Einbettungscode vor dem schließenden </body>-Tag hinzu
  5. Klicken Sie auf "Update File"

Hinweis: Einige Block-Themes haben keine footer.php-Datei. Verwenden Sie in diesem Fall die Plugin-Methode (WPCode), die mit allen Theme-Typen funktioniert.

Wichtig: Theme-Updates überschreiben Ihre Änderungen. Für eine dauerhafte Lösung verwenden Sie stattdessen ein Child-Theme oder die Plugin-Methode.

Methode 3: Elementor verwenden

Wenn Sie Elementor verwenden, können Sie den Code über die benutzerdefinierte Code-Funktion von Elementor hinzufügen.

Elementor Pro

  1. Gehen Sie zu Elementor → Custom Code
  2. Klicken Sie auf "Add New"
  3. Geben Sie ihm einen Namen wie "Asyntai Chatbot"
  4. Setzen Sie den Ort auf "Before </body> End"
  5. Fügen Sie Ihren Asyntai-Einbettungscode ein
  6. Setzen Sie die Anzeigebedingungen auf "Entire Site"
  7. Klicken Sie auf "Publish"

Elementor Free

Wenn Sie die kostenlose Version von Elementor verwenden, nutzen Sie die oben beschriebene Plugin-Methode, da die Einbindung von benutzerdefiniertem Code Elementor Pro erfordert.

Schritt 3: Installation überprüfen

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

Widget nicht sichtbar? Leeren Sie Ihren Browser-Cache und alle WordPress-Caching-Plugins. Wenn Sie ein Caching-Plugin wie WP Rocket oder W3 Total Cache verwenden, leeren Sie den Cache nach dem Hinzufügen des Codes.