So fügen Sie den Asyntai-KI-Chatbot zu Plesk-gehosteten Websites hinzu

Schritt-für-Schritt-Anleitung für auf Plesk gehostete 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: Identifizieren Sie Ihren Website-Typ

Die Installationsmethode hängt davon ab, welche Plattform Ihre Website verwendet. Plesk ist ein Hosting-Control-Panel, das verschiedene Arten von Websites hosten kann:

WordPress/Joomla/Drupal: Wenn Ihre Website ein CMS verwendet, lesen Sie unsere spezifische Anleitung für diese Plattform (WordPress, Joomla, Drupal).

Für statische HTML-Websites

Wenn Sie eine statische HTML-Website auf Plesk gehostet haben, verwenden Sie den Dateimanager, um Ihre HTML-Dateien zu bearbeiten:

Methode 1: Plesk-Dateimanager verwenden

Melden Sie sich in Ihrem Plesk Control Panel an
Navigieren Sie zu Websites & Domains
Klicken Sie auf File Manager
Navigieren Sie zum Stammverzeichnis Ihrer Website (normalerweise httpdocs oder public_html)
Finden Sie Ihre Haupt-HTML-Datei (oft index.html oder index.php)
Klicken Sie auf den Dateinamen, um das Editor-Menü zu öffnen
Wählen Sie Code Editor für HTML-Syntaxhervorhebung
Scrollen Sie, um das schließende </body>-Tag zu finden
Fügen Sie Ihren Asyntai-Einbettungscode direkt vor dem </body>-Tag ein
Klicken Sie auf "Save" oder "OK"
Wiederholen Sie dies bei Bedarf für weitere HTML-Seiten

Tipp: Der Plesk-Dateimanager bietet mehrere Editoren: Code-Editor (mit Syntaxhervorhebung), HTML-Editor (WYSIWYG) und Text-Editor. Verwenden Sie den Code-Editor für beste Ergebnisse bei der Bearbeitung von HTML-Dateien.

Methode 2: FTP-Zugang verwenden

Gehen Sie in Plesk zu Websites & Domains
Finden Sie den Abschnitt FTP Access
Notieren Sie Ihre FTP-Anmeldedaten oder erstellen Sie ein neues FTP-Konto
Verwenden Sie einen FTP-Client wie FileZilla, um sich mit Ihrem Server zu verbinden
Navigieren Sie zum Verzeichnis Ihrer Website (httpdocs)
Laden Sie die HTML-Dateien herunter, die Sie bearbeiten möchten
Fügen Sie Ihren Asyntai-Einbettungscode vor dem </body>-Tag ein
Laden Sie die geänderten Dateien wieder auf den Server hoch

Für PHP-basierte Websites

Wenn Ihre Website PHP-Vorlagen oder Includes verwendet:

Navigieren Sie im Plesk-Dateimanager zu Ihren Template- oder Include-Dateien
Finden Sie die Footer-Vorlagendatei (üblicherweise footer.php, footer.inc.php oder template.php)
Öffnen Sie sie mit dem Code-Editor
Fügen Sie Ihren Asyntai-Einbettungscode vor dem </body>-Tag ein
Speichern Sie die Datei

Hinweis: Durch die Bearbeitung der Footer-Vorlage wird der Chatbot automatisch auf allen Seiten angezeigt, die diese Vorlage verwenden.

Ein Backup erstellen

Bevor Sie Änderungen vornehmen, wird empfohlen, ein Backup zu erstellen:

Gehen Sie in Plesk zu Websites & Domains
Klicken Sie auf Backup Manager
Erstellen Sie ein vollständiges Backup Ihrer Website
Bewahren Sie es sicher auf, bevor Sie Änderungen vornehmen

Wichtig: Testen Sie Ihre Änderungen nach Möglichkeit zuerst in einer Staging-Umgebung. Sichern Sie Ihre Dateien vor der Bearbeitung, um Datenverlust zu vermeiden.

Schritt 3: Installation überprüfen

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

Widget nicht sichtbar? Leeren Sie Ihren Browser-Cache und jegliches serverseitiges Caching in Plesk. Überprüfen Sie die Browser-Konsole (F12) auf JavaScript-Fehler. Überprüfen Sie, ob die Datei korrekt gespeichert wurde, indem Sie sie erneut im Dateimanager öffnen.

Dokumentation