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

Schritt-für-Schritt-Anleitung für WooCommerce-Shops

Plattform:

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: Ein Plugin verwenden (empfohlen)

Der einfachste Weg, den Chatbot zu Ihrem WooCommerce-Shop hinzuzufügen, ist die Verwendung eines kostenlosen Header/Footer-Plugins:

Melden Sie sich in Ihrem WordPress-Admin-Dashboard an
Gehen Sie zu Plugins → Add New
Suchen Sie nach "Insert Headers and Footers" von WPCode (oder einem ähnlichen Plugin)
Klicken Sie auf "Install Now" und dann auf "Activate"
Gehen Sie zu Code Snippets → Header & Footer (oder zur Einstellungsseite des Plugins)
Fügen Sie Ihren Asyntai-Einbettungscode im Abschnitt "Footer" ein
Klicken Sie auf "Save Changes"

Tipp: Das Hinzufügen des Codes im Footer stellt sicher, dass er nach dem Inhalt Ihres Shops geladen wird, was ideal für Chat-Widgets ist und das Laden Ihrer Seite nicht verlangsamt oder die WooCommerce-Funktionalität beeinträchtigt.

Alternative: Theme-Customizer verwenden

Viele WooCommerce-Themes verfügen über integrierte Optionen zum Hinzufügen benutzerdefinierter Skripte:

Gehen Sie zu Appearance → Customize
Suchen Sie nach einem Abschnitt namens "Additional CSS/JS", "Custom Code" oder "Footer Scripts"
Fügen Sie Ihren Asyntai-Einbettungscode in das entsprechende Feld ein
Click "Publish" to save your changes

Hinweis: Nicht alle Themes haben diese Option. Wenn Ihr Theme keine benutzerdefinierten Skriptfelder enthält, verwenden Sie die Plugin-Methode oder bearbeiten Sie die functions.php-Datei Ihres Themes.

Alternative: Theme-Dateien bearbeiten (functions.php)

For developers or those comfortable editing theme files:

Gehen Sie zu Appearance → Theme File Editor
Wählen Sie Ihr aktives Theme (oder vorzugsweise Ihr Child-Theme)
Öffnen Sie die Datei functions.php
Fügen Sie den folgenden Code am Ende der Datei hinzu:
function add_asyntai_chatbot() { echo '<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>'; } add_action('wp_footer', 'add_asyntai_chatbot');
Replace YOUR_WIDGET_ID with your actual widget ID
Klicken Sie auf "Update File"

Wichtig: Verwenden Sie beim Bearbeiten von Theme-Dateien immer ein Child-Theme. Änderungen am übergeordneten Theme gehen verloren, wenn Sie Ihr Theme aktualisieren. Wenn Sie sich bei der Code-Bearbeitung nicht sicher sind, verwenden Sie stattdessen die Plugin-Methode.

Alternative: WooCommerce-spezifischer Hook

Um den Chatbot nur auf WooCommerce-Seiten zu laden (Shop, Produkt, Warenkorb, Kasse):

Add this code to your theme's functions.php file:
function add_asyntai_chatbot_woocommerce() { if (is_woocommerce() || is_cart() || is_checkout() || is_account_page()) { echo '<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>'; } } add_action('wp_footer', 'add_asyntai_chatbot_woocommerce');
Replace YOUR_WIDGET_ID with your actual widget ID
Speichern Sie die Datei

Tipp: Diese Methode ist nützlich, wenn Sie möchten, dass der KI-Chatbot nur auf Ihren Shop-Seiten erscheint, um Kunden bei Produkten und Bestellungen zu helfen, und nicht auf Ihrer gesamten Website.

Schritt 3: Installation überprüfen

Besuchen Sie nach dem Speichern Ihrer Änderungen Ihren WooCommerce-Shop 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? Wenn Sie ein Caching-Plugin installiert haben (wie WP Super Cache, W3 Total Cache oder WP Rocket), leeren Sie zuerst Ihren Cache. Versuchen Sie auch, Ihren Browser-Cache zu leeren oder die Seite in einem Inkognito-Fenster aufzurufen.