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

Schritt-für-Schritt-Anleitung für Odoo-Websites

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: Code über Code-Injection hinzufügen (Odoo 16+)

Wenn Sie Odoo Version 16 oder höher verwenden, können Sie die integrierte Code-Injection-Funktion nutzen, um den Chatbot auf allen Seiten hinzuzufügen:

Melden Sie sich in Ihrem Odoo-Backend an und gehen Sie zur Website-App
Klicken Sie auf Edit, um den Website-Editor zu öffnen
Klicken Sie auf die Option Theme in der Editor-Symbolleiste
Navigieren Sie zu Website Settings
Suchen und klicken Sie auf Code Injection
Klicken Sie auf die Option </body>, um Code vor dem schließenden Body-Tag hinzuzufügen
Fügen Sie Ihren Asyntai-Einbettungscode in den Code-Editor ein
Klicken Sie auf Save, um die Änderungen zu übernehmen

Tipp: Das Hinzufügen des Codes im Abschnitt </body> platziert ihn direkt vor dem schließenden Body-Tag. Dies ist die empfohlene Platzierung für Chat-Widgets und verlangsamt das Laden Ihrer Seite nicht.

Alternative: HTML-Editor verwenden (Odoo 14-15)

Für Odoo Version 14 und 15 können Sie den HTML-Editor verwenden, um den Code hinzuzufügen:

Melden Sie sich in Ihrem Odoo-Backend an und gehen Sie zur Website-App
Klicken Sie auf Edit, um den Website-Editor zu öffnen
Klicken Sie auf das Dropdown-Menü Customize
Wählen Sie HTML/CSS/JS Editor
Wählen Sie Haupt-Layout aus der Liste der bearbeitbaren Templates
Scrollen Sie zum Ende der Vorlage, direkt vor dem schließenden </t>-Tag
Fügen Sie Ihren Asyntai-Einbettungscode ein
Klicken Sie auf Save und aktualisieren Sie die Seite

Wichtig: Wenn Sie das HTML direkt bearbeiten, stellen Sie sicher, dass Sie gültige XHTML-Syntax verwenden. Ihr Script-Tag sollte bei Bedarf selbstschließend sein. Die Änderungen gelten für alle Seiten Ihrer Website.

Alternative: Entwickler-Methode (benutzerdefiniertes Modul)

Wenn Sie Entwickler sind oder Zugriff auf benutzerdefinierte Odoo-Module haben, können Sie eine Vorlage erstellen, die vom Website-Layout erbt:

<template id="asyntai_chatbot" inherit_id="website.layout">

    <xpath expr="//div[@id='wrapwrap']" position="after">

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

    </xpath>

</template>

Hinweis: Diese Methode erfordert das Erstellen eines benutzerdefinierten Odoo-Moduls und das Hinzufügen des obigen Codes zu den XML-Views Ihres Moduls. Aktualisieren Sie danach Ihre Modulliste und installieren Sie das Modul.

Schritt 3: Installation überprüfen

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