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

Schritt-für-Schritt-Anleitung für Volusion-E-Commerce-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: Sichern Sie Ihr Theme

Bevor Sie Änderungen an Ihrem Volusion-Shop vornehmen, ist es wichtig, ein Backup zu erstellen:

Melden Sie sich in Ihrem Volusion-Admin-Panel an
Navigieren Sie zu Design → File Editor
Klicken Sie auf Theme archivieren, um ein Backup zu erstellen
Laden Sie eine Kopie des Archivs zur Sicherheit herunter

Wichtig: Sichern Sie immer Ihr Theme, bevor Sie Code-Änderungen vornehmen. So können Sie bei Problemen einfach zurückkehren.

Schritt 3: Code zum Template hinzufügen (empfohlen)

Um den Chatbot auf allen Seiten Ihres Volusion-Shops hinzuzufügen:

Gehen Sie in Ihrem Volusion-Adminbereich zu Design → Template
Alternativ gehen Sie zu Design → Dateieditor → Shortcuts
Suchen Sie die Haupt-Template-Datei (normalerweise template_*.html)
Scrollen Sie nach unten, um das schließende </body>-Tag zu finden
Fügen Sie Ihren Asyntai-Einbettungscode direkt vor dem </body>-Tag ein
Klicken Sie auf Save, um die Änderungen zu übernehmen
Überprüfen Sie Ihren Shop in der Vorschau, ob der Chatbot angezeigt wird

Tipp: Das Hinzufügen des Codes vor dem schließenden </body>-Tag gewährleistet eine optimale Seitenladeleistung. Diese Methode fügt den Chatbot automatisch auf jeder Seite Ihres Shops hinzu.

Alternative Methode 1: Header/Footer-HTML-Einbindung

Volusion ermöglicht das Hinzufügen von benutzerdefiniertem Code über globale Einstellungen:

Melden Sie sich in Ihrem Volusion-Admin-Panel an
Navigieren Sie zu Settings → Design Settings
Suchen Sie den Abschnitt Custom HTML oder Footer Code
Fügen Sie Ihren Asyntai-Einbettungscode in dieses Feld ein
Klicken Sie auf Save
Der Code wird nun automatisch auf allen Seiten hinzugefügt

Hinweis: Die genaue Position der benutzerdefinierten HTML-Einstellungen kann je nach Ihrem Volusion-Tarif und Ihrer Version variieren. Suchen Sie nach Einstellungen für "Custom Code", "Header/Footer" oder "Global HTML".

Alternative Methode 2: Seitenspezifische Installation

Wenn Sie den Chatbot nur auf bestimmten Seiten hinzufügen möchten:

Gehen Sie zu Design → File Editor → Shortcuts
Erstellen oder bearbeiten Sie ein seitenspezifisches Template mit der PageName-Funktion
Fügen Sie bedingten Code hinzu, um das Skript nur auf bestimmten Seiten einzubinden:

<!-- Add to template file -->
<script>
if (PageName == 'home' || PageName == 'products') {
    // Your Asyntai embed code here
    var script = document.createElement('script');
    script.src = 'https://asyntai.com/static/js/chat-widget.js';
    script.setAttribute('data-asyntai-id', 'YOUR_WIDGET_ID');
    script.async = true;
    document.head.appendChild(script);
}
</script>

Tipp: Diese Methode ist nützlich, wenn Sie den Chatbot nur auf bestimmten Seiten wie Produktseiten, Kasse oder Supportseiten möchten. Ersetzen Sie 'home' und 'products' durch die tatsächlichen Seitennamen aus Ihrem Volusion-Shop.

Alternative Methode 3: Benutzerdefinierter CSS/HTML-Artikel

Sie können den Code auch über einen Artikelblock hinzufügen:

Gehen Sie im Volusion-Admin zu Articles → Articles
Erstellen Sie einen neuen Artikel oder bearbeiten Sie einen vorhandenen
Wechseln Sie im Artikeleditor zur HTML-Ansicht
Fügen Sie Ihren Asyntai-Einbettungscode ein
Speichern Sie den Artikel
Fügen Sie diesen Artikel zu Ihrem Seitentemplate oder der Seitenleiste hinzu
Der Chatbot wird auf Seiten angezeigt, auf denen dieser Artikel dargestellt wird

Hinweis: Diese Methode ist weniger verbreitet, kann aber nützlich sein, wenn Sie eingeschränkten Zugriff auf Template-Dateien haben oder den Chatbot einfach ein-/ausschalten möchten, indem Sie den Artikel ein-/ausblenden.

Schritt 4: Installation überprüfen

Öffnen Sie nach dem Speichern Ihrer Änderungen Ihren Volusion-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? Stellen Sie sicher, dass Sie alle Template-Änderungen gespeichert haben. Leeren Sie Ihren Browser-Cache oder öffnen Sie die Seite im Inkognito-Modus. Volusion kann Templates zwischenspeichern, sodass Änderungen möglicherweise einige Minuten dauern, bis sie erscheinen. Überprüfen Sie die Browser-Konsole (F12) auf JavaScript-Fehler.

Brauchen Sie Hilfe?

Wenn Sie sich nicht sicher sind, Template-Dateien zu bearbeiten, kann das Kundensupport-Team von Volusion bei benutzerdefinierten HTML- und CSS-Anfragen helfen. Sie können auch den Asyntai-Support kontaktieren, um Hilfe bei der Installation des Chatbots in Ihrem Volusion-Shop zu erhalten.

Professioneller Support: Volusion bietet benutzerdefinierte Programmierservices an, wenn Sie professionelle Unterstützung bei Theme-Änderungen oder komplexen Anpassungen benötigen.

Dokumentation