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

Schritt-für-Schritt-Anleitung für Duda-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 zu den Website-Einstellungen hinzufügen (Empfohlen)

Der einfachste Weg, den Chatbot auf allen Seiten Ihrer Duda-Website hinzuzufügen, ist über die Website-Einstellungen:

Melden Sie sich in Ihrem Duda-Konto an und öffnen Sie den Website-Editor
Klicken Sie in der linken Seitenleiste auf "Mehr" (Drei-Punkte-Symbol)
Klicken Sie auf "Settings"
Scrollen Sie nach unten und klicken Sie auf "Head HTML"
Fügen Sie im Feld "Body End HTML" Ihren Asyntai-Einbettungscode ein
Klicken Sie auf "Save"
Klicken Sie oben rechts auf "Publish", um Ihre Änderungen zu veröffentlichen

Tipp: Das Hinzufügen von Code im Bereich Body End HTML stellt sicher, dass der Chatbot nach Ihrem Seiteninhalt geladen wird, was die Ladegeschwindigkeit Ihrer Website nicht beeinträchtigt. Diese Methode fügt den Chatbot automatisch auf jeder Seite Ihrer Website hinzu.

Alternative Methode 1: HTML-Widget (Bestimmte Seiten)

Wenn Sie den Chatbot nur auf bestimmten Seiten hinzufügen möchten, verwenden Sie das HTML-Widget:

Öffnen Sie die Seite, die Sie bearbeiten möchten, im Duda-Editor
Suchen Sie in der linken Seitenleiste im Widget-Panel nach "HTML"
Ziehen Sie das HTML-Widget per Drag-and-Drop in eine Spalte oder Zeile auf Ihrer Seite
Klicken Sie auf das Widget, um es zu bearbeiten
Fügen Sie Ihren Asyntai-Einbettungscode in das Code-Feld ein
Klicken Sie auf "Update"
Klicken Sie auf "Veröffentlichen", um die Änderungen live zu schalten

Hinweis: Das HTML-Widget ermöglicht es Ihnen, benutzerdefinierten Code überall auf Ihrer Seite einzubetten. Die visuelle Platzierung des Widgets beeinflusst nicht, wo der Chatbot erscheint – er wird weiterhin in der unteren rechten Ecke angezeigt, wie konfiguriert.

Alternative Methode 2: Entwicklermodus (Fortgeschritten)

Für fortgeschrittene Benutzer können Sie den Entwicklermodus verwenden, um Code direkt zum HTML hinzuzufügen:

Klicken Sie im Duda-Editor auf das Symbol Developer Mode in der oberen Leiste
Klicken Sie auf "Website HTML/CSS", um die Auswahl zu erweitern
Klicken Sie in der Dateiliste auf "body-end.html"
Scrollen Sie zur letzten Zeile der Datei
Fügen Sie Ihren Asyntai-Einbettungscode in einer neuen Zeile ein
Klicken Sie auf "Save"
Klicken Sie auf "Fertig", um den Entwicklermodus zu verlassen
Klicken Sie auf "Veröffentlichen", um Ihre Änderungen bereitzustellen

Wichtig: Der Entwicklermodus gibt Ihnen direkten Zugriff auf das HTML und CSS Ihrer Website. Stellen Sie sicher, dass Sie Code nur am Ende der Datei body-end.html hinzufügen, um die Funktionalität Ihrer Website nicht zu beeinträchtigen. Testen Sie Änderungen immer vor dem Veröffentlichen.

Schritt 3: Installation überprüfen

Öffnen Sie nach dem Veröffentlichen Ihrer Änderungen 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.