📚 Vollständiges Tutorial: Konfiguration eines medizinischen Chatbots mit AI Engine
*Dies ist der zweite Teil des vollständigen Konfigurationsleitfadens für den medizinischen Chatbot. Falls Sie den ersten Teil verpasst haben, in dem wir die grundlegende Systemstruktur behandelt haben, [finden Sie ihn hier]**
Im ersten Teil haben wir Folgendes konfiguriert:
✅ **Token-System und Kostenoptimierung**
✅ **Medikamentendatenbank (JSON)**
✅ **Dashboard-Module (Client, Server, Admin)**
✅ **Chatbot-Konfiguration (KI-Modell, Embeddings, Grenzwerte)**
—
## 🎨 JETZT SCHLIESSEN WIR DIE SCHNITTSTELLE AB:
In diesem Teil verwandeln wir den Chatbot von einer technischen Engine in ein freundliches medizinisches Erlebnis, indem wir folgende Punkte behandeln:
🔹 **”Appearance”-Tab** – Das visuelle Design des medizinischen Assistenten
🔹 **”Popup”-Tab** – Anzeigemethoden in der digitalen Klinik
🔹 **UI Builder** – Erweiterte Anpassung der Benutzeroberfläche
🔹 **Advanced** – Einstellungen für den professionellen Einsatz
🔹 **Cross-Site** – Mehrfache Implementierung
🔹 **Shortcodes** – Schnelle Integration in medizinische Seiten
🔹 **Actions** – Intelligente Automatisierungen
5. “APPEARANCE”-TAB – DESIGN DER MEDIZINISCHEN SCHNITTSTELLE
📍AI Engine → Chatbots → [Name des Chatbots] → “Appearance”-Tab
🎨 THEMA UND ANZEIGEKONFIGURATION:
Theme: ChatGPT (✅ Ausgewählt) Popup: Ja (✅ Aktiviert) Full Screen: ❌ Nicht Aktiviert Copy Button: Ja (✅ Aktiviert)
🔍 ANALYSE DER SCHNITTSTELLENEINSTELLUNGEN:
🤖 KONFIGURATION DES MEDIZINISCHEN ASSISTENTEN:
Header Subtitle: "Medizinischer Assistent" (✅ Text eingegeben) AI Name: "Medizinischer Assistent" (✅ Text eingegeben) Start Sentence: "Hallo! Wie kann ich Ihnen heute helfen?" (✅ Text eingegeben) AI Avatar: ✅ Avatar ausgewählt (spezifischer Buchstabe)
👤 KONFIGURATION DES AUTHENTIFIZIERTEN BENUTZERS:
User Avatar: ✅ Ja (Aktiviert) User Name: "Benutzer" (✅ Text eingegeben) Placeholder: "Symptome oder M eingeben" (✅ Text eingegeben) Send: "Senden" (✅ Text eingegeben) Clear: "Löschen" (✅ Text eingegeben)
🚨 KONFIGURATION DES GASTES:
Guest Name: ✅ Ja (Aktiviert) + "Gast" (Text) Compliance Text: "Konsultieren Sie immer einen Arzt !" (✅ Text eingegeben) Guest Avatar: ✅ Avatar ausgewählt
🎯 ANZEIGESTRATEGIE:
📱 VOLLBILD DEAKTIVIERT – VORTEILE:
Normales Popup: - Konversation in einem kompakten Fenster - Benutzer sieht weiterhin den Site-Inhalt - Weniger aufdringliches Erlebnis - Ideal für schnelle medizinische Konsultationen
💊 BENUTZERDEFINIERTE AVATARE:
AI Avatar: ✅ Spezifischer Avatar ausgewählt User Avatar: ✅ Benutzer-Gravatar Guest Avatar: ✅ Generischer Avatar ausgewählt Zweck: - Klare Unterscheidung zwischen den Teilnehmern - Konsistente visuelle Identität
✅ KORREKT ÜBERPRÜFTE KONFIGURATION:
Aktiviert: Popup, Kopier-Button, Benutzer-Avatar, Gastname ❌ Deaktiviert: Vollbild ✅ Avatar: KI-Avatar ausgewählt, Gast-Avatar ausgewählt ✅ Texte: Alle medizinischen Texte ausgefüllt
Die Konfiguration schafft ein professionelles, nicht aufdringliches medizinisches Chat-Erlebnis, mit klarer Unterscheidung zwischen authentifizierten Benutzern und Besuchern.
6. “POPUP”-TAB – MEDIZINISCHE ANZEIGESTRATEGIE
📍 AI Engine → Chatbots → [Name des Chatbots] → “Popup”-Tab
🎯 KONFIGURATION DES MEDIZINISCHEN POPUPS:
Popup Title: "Medizinischer Assistent" (✅ Eingestellt) Position: "Unten Rechts" (✅ Ausgewählt) Bubble: "Ja" (✅ Aktiviert) Icon: ✅ Ausgewählt (spezifisches Bild)
🔍 ANALYSE DER ANZEIGEEINSTELLUNGEN:
📍 STRATEGISCHE POSITIONIERUNG:
Position: Unten Rechts Medizinische Vorteile: - Schneller Zugriff von jeder Seite - Minimale Interferenz mit medizinischen Inhalten - Sichtbar, aber diskret für Patienten - Kompatibel mit mobilen Geräten
💬 KONFIGURATION DER MEDIZINISCHEN BLASENANZEIGE (BUBBLE):
Bubble: Ja (✅ Aktiviert) Icon Text: "Medizinische Hilfe" (✅ Eingestellt) Icon Text Delay: "1" Sekunde (✅ Eingestellt) Funktionalität: - Blase mit Icon immer sichtbar - Text "Medizinische Hilfe" erscheint nach 1 Sekunde - Lädt klar zur medizinischen Interaktion ein - Sofortige Identifizierung des Assistenten
🎬 ANIMATION UND VERZÖGERUNG:
Window Animation: "Zoom" (✅ Ausgewählt) Center: "Ja" (✅ Aktiviert) Open Delay: "0" Sekunden (✅ Eingestellt) Auswirkung auf den Benutzer: - Sofortiges Öffnen beim Klicken - Professionelle Zoom-Animation - Fenster zentriert auf dem Bildschirm - Modernes und schnelles Erlebnis
🏥 STRATEGIE FÜR MEDIZINISCHE ZUGÄNGLICHKEIT:
⚡ SOFORTIGER ZUGRIFF FÜR NOTFÄLLE:
Open Delay: 0 Sekunden Medizinischer Zweck: - Unmittelbarer Zugang zum medizinischen Assistenten - Wichtig für die schnelle Beschreibung von Symptomen - Keine Verzögerungen in kritischen Situationen - Schnelle Reaktion auf Patientenbedürfnisse
🔍 LEICHTE ERKENNUNG:
Icon Text: "Medizinische Hilfe" 1-Sekunden-Verzögerung: - Vermeidet anfängliche visuelle Unordnung - Ermöglicht dem Benutzer, sich zu orientieren - Erscheint schnell genug zur Orientierung - Klare und prägnante Botschaft
✅ ENDGÜLTIGE KONFIGURATION:
✅ Popup Title: "Medizinischer Assistent" ✅ Position: Unten Rechts ✅ Bubble: Ja + Icon ausgewählt ✅ Icon Text: "Medizinische Hilfe" + Verzögerung 1s ✅ Animation: Zoom + Zentriert Ja ✅ Open Delay: 0 Sekunden
Die Konfiguration schafft einen klaren und schnellen visuellen Zugangspunkt zum medizinischen Assistenten, optimiert für ein effizientes Benutzererlebnis in einem medizinischen Kontext.
7. “UI BUILDER”-TAB – KONSTRUKTOR DER MEDIZINISCHEN SCHNITTSTELLE
📍 AI Engine → Chatbots → [Name des Chatbots] → “UI Builder”-Tab
🎨 KONFIGURATION DER SCHNITTSTELLENKOMPONENTEN:
Container: Standard (✅ Ausgewählt) Messages: Standard (✅ Ausgewählt) Footer: Standard (✅ Ausgewählt) Header: Standard (✅ Ausgewählt) Input: Standard (✅ Ausgewählt)
🔍 ANALYSE DER SCHNITTSTELLENSTRUKTUR:
🏗️ KOMPONENTENARCHITEKTUR:
Container: Standard Funktion: Der Hauptrahmen des Chat-Fensters Eigenschaften: - Standard-Fensterstil - Container für alle anderen Komponenten - Konsistentes und professionelles Design
💬 BEREICH FÜR MEDIZINISCHE NACHRICHTEN:
Messages: Standard Funktion: Anzeige der medizinischen Konversation Eigenschaften: - Dedizierter Bereich für den Nachrichtenaustausch - Klare Struktur zwischen Assistent und Benutzer - Optimiertes Format für medizinische Informationen
🏥 INFORMATIVE FUSSZEILE (FOOTER):
Footer: Standard Funktion: Anzeige von Compliance-Text und Tools Inhalt: - Nachricht "Konsultieren Sie immer einen Arzt !" - Hilfsschaltflächen und Tools - Rechts- und Sicherheitsinformationen
📋 PROFESSIONELLER KOPF (HEADER):
Header: Standard Funktion: Titelleiste mit Bedienelementen Elemente: - Titel "Medizinischer Assistent" - Steuerschaltflächen (Minimieren, Schließen) - Assistenten-Avatar und -Identifikator
⌨️ EINGABEFELD FÜR SYMPTOME:
Input: Standard Funktion: Feld zur Eingabe von Symptomen Eigenschaften: - Platzhalter "Symptome oder M eingeben" - "Senden" und "Löschen" Schaltflächen - Optimiert für medizinische Beschreibungen
🎯 STRATEGIE DER MEDIZINISCHEN SCHNITTSTELLE:
💊 OPTIMIERTER BENUTZERFLUSS:
Header → Nachrichten → Eingabe → Fußzeile ↓ ↓ ↓ ↓ Assistent Konversation Symptom Medizinische Identifikation Medizinische Eingabe Warnung
⚡ VORTEILE DER STANDARDEINSTELLUNGEN:
Konsistenz: Einheitliche Oberfläche auf allen Geräten Zugänglichkeit: Klare und benutzerfreundliche Elemente Professionalität: Seriöses und glaubwürdiges medizinisches Erscheinungsbild Kompatibilität: Funktioniert perfekt mit dem ChatGPT-Thema
✅ KONFIGURATION ABGESCHLOSSEN:
✅ Container: Standard ✅ Messages: Standard ✅ Footer: Standard ✅ Header: Standard ✅ Input: Standard
8. “CROSS-SITE”-TAB – PRAKTISCHER NUTZEN
🎯 WAS DIESER TAB MACHT:
Hauptfunktion: Ermöglicht die Anzeige desselben Chatbots auf MEHREREN Sites Analogie: Wie ein eingebettetes YouTube-Video - gleicher Inhalt, mehrere Standorte
🏥 PRAKTISCHE MEDIZINISCHE SZENARIEN:
🏢 KLINIK MIT MEHREREN STANDORTEN:
Situation: Eine Klinik hat: - Haupt-Site: clinicamedicala.ro - Bildungs-Blog: blog.clinicamedicala.ro Patientenplattform: app.clinicamedicala.ro - Zweigstellen-Site: filiala.clinicamedicala.ro Cross-Site-Lösung: - Ein einziger konfigurierter Chatbot - Derselbe medizinische Assistent auf ALLEN Sites - Zentralisierter Konversationsverlauf
🤝 MEDIZINISCHES NETZWERK:
Situation: Medizinische Vereinigung mit: - Vereinigungs-Site: asociatiamedicala.ro - Konferenz-Site: conferinta.asociatiamedicala.ro - Mitgliederportal: membri.asociatiamedicala.ro Vorteil: Derselbe medizinische Experte für alle Mitglieder
💰 WIRTSCHAFTLICHE VORTEILE:
✅ Ein einziges AI Engine Abonnement ✅ Eine einzige medizinische Konfiguration ✅ Zentralisierte Wartung ✅ Gleichzeitige Updates auf allen Sites
🚫 WARUM ES NICHT VERWENDET WIRD:
Der Grund : EINE einzige medizinische Site Vereinfachung: - Einzelne Site = Cross-Site unnötig - Besser zur Sicherheit deaktivieren - Vermeidet unnötige Komplexität
🎪 LEICHT VERSTÄNDLICHE ANALOGIE:
❌ OHNE Cross-Site: - Jede Site hat einen SEPARATEN Chatbot - Als hätte man in jedem Raum unterschiedliche Assistenten ✅ MIT Cross-Site: - Derselbe Assistent in allen Räumen - Er kennt Ihre gesamte Krankengeschichte - Konsistent und effizient
9. “SHORTCODES”-TAB – FLEXIBLE IMPLEMENTIERUNG
📍 AI Engine → Chatbots → [Name des Chatbots] → “Shortcodes”-Tab
📋 VERFÜGBARE SHORTCODES:
🎯 EINFACHER SHORTCODE (EMPFOHLEN):
[mwai_chatbot id="chatbot-n368a7"]
Vorteile:
Verwendet alle Einstellungen aus der grafischen Oberfläche
Automatische Updates bei Änderungen
Minimal und einfach zu verwenden
⚙️ ERWEITERTER SHORTCODE (BENUTZERDEFINIERT):
[mwai_chatbot ai_name="Medizinischer Assistent" text_input_placeholder="Symptome oder Medikament eingeben..." text_compliance="Konsultieren Sie immer einen Arzt!" start_sentence="Hallo! Wie kann ich Ihnen heute helfen?" window="true" # ... + alle anderen Einstellungen]
Verwendung:
Überschreiben von Standardeinstellungen
Anpassung für spezifische Seiten
Maximale Flexibilität
🎯 IMPLEMENTIERUNGSSTRATEGIE:
🏥 FÜR SPEZIFISCHE SEITEN:
"Medizinische Notfälle"-Seite: - Dringendere Startbotschaft: "Hallo! Welche Symptome haben Sie?" - Besser sichtbarer Compliance-Text "Allgemeine Konsultationen"-Seite: - Standard-Startbotschaft: "Hallo! Wie kann ich Ihnen heute helfen?"
💊 VORTEILE VON SHORTCODES:
✅ Flexibilität: Unterschiedliche Einstellungen auf verschiedenen Seiten ✅ Portabilität: Sie können den Chatbot leicht verschieben ✅ Testen: Sie können verschiedene Varianten testen ✅ Backup: Wenn die grafische Oberfläche einen Fehler meldet, funktioniert der Shortcode
🔧 PRAKTISCHER NUTZEN:
📍 WO ANWENDEN:
Im WordPress Editor: - "Shortcode" Block - Einfügen [mwai_chatbot id="chatbot-n368a7"] - Speichern und der Chatbot wird angezeigt In PHP-Templates: - <?php echo do_shortcode('[mwai_chatbot id="chatbot-n368a7"]'); ?>
10. “ACTIONS”-TAB – ADMINISTRATIVE OPERATIONEN
📍 AI Engine → Chatbots → [Name des Chatbots] → “Actions”-Tab
🛠️ VERFÜGBARE AKTIONEN
Duplicate: ✅ Erstellt eine identische Kopie des Chatbots Reset: ✅ Stellt die Standardeinstellungen wieder her (GEFÄHRLICH) Delete: 🗑️ Löscht den Chatbot dauerhaft (UNUMKEHRBAR)
🔍 ANALYSE DER AKTIONEN:
📋 DUPLIZIEREN – INTELLIGENTES KLONEN:
Nutzen: - Testen neuer Einstellungen ohne Risiko - Varianten für verschiedene Spezialisierungen - Backup vor größeren Änderungen Medizinische Szenarien: - Duplizieren für "Pädiatrischer Assistent" - Duplizieren für "Chronischer Krankheiten Berater" - Testen neuer Prompts an der Kopie
⚠️ ZURÜCKSETZEN (RESET) – WIEDERHERSTELLEN DER EINSTELLUNGEN:
Achtung: DIES IST EINE GEFÄHRLICHE SCHALTFLÄCHE Was es macht: - Löscht ALLE benutzerdefinierten Einstellungen - Stellt die Standardkonfigurationen wieder her - Sie verlieren den benutzerdefinierten medizinischen Prompt - Sie verlieren die Datenbankverbindungen Wann verwenden: - Nur, wenn Sie die Konfiguration beschädigt haben - Niemals, nachdem Sie alles konfiguriert haben
🗑️ LÖSCHEN (DELETE) – DAUERHAFTE BESEITIGUNG:
Achtung: UNUMKEHRBARE AKTION Was passiert: - Der Chatbot wird dauerhaft gelöscht - Alle Einstellungen gehen verloren - Der Konversationsverlauf bleibt erhalten (falls aktiviert) Wann verwenden: - Aufgegebene Projekte - Veraltete Tests - Administrative Bereinigung
📚 FORTSETZUNG IN TEIL 3
Wir haben die Konfiguration des Interfaces und des Integrationssystems erfolgreich abgeschlossen. Im nächsten Artikel gehen wir zur erweiterten Überwachung und Optimierung über:
🔹 “Discussions”-Tab – Anzeigen und Analysieren aller Konversationen
🔹 “Knowledge”-Tab – Verwalten von Wissensbasen und PDF-Uploads
🔹 “Insights”-Tab – Echtzeit-Kostenüberwachung und Abfrageprotokolle
🔹 “Settings”-Tab – Globale API-Konfigurationen und Umgebungsmanagement
[👉 Lesen Sie Teil 3: Erweiterte Überwachung und Optimierung hier]