📚 Tutorial Complet: Configurare Chatbot Medical cu AI Engine
*Aceasta este partea a doua a ghidului complet de configurare chatbot medical. Dacă ai ratat prima parte unde am acoperit structura de bază a sistemului, [o găsești aici]**
În prima parte am configurat:
✅ **Sistemul de tokeni și optimizare costuri**
✅ **Baza de date medicamente (JSON)**
✅ **Modulele Dashboard (Client, Server, Admin)**
✅ **Configurarea chatbot-ului (AI Model, Embeddings, Thresholds)**
—
## 🎨 ACUM VOM FINALIZA INTERFAȚA:
În această parte vom transforma chatbot-ul dintr-un motor tehnic într-o experiență medicală prietenoasă prin:
🔹 **Tab-ul “Appearance”** – Designul vizual al asistentului medical
🔹 **Tab-ul “Popup”** – Modalități de afișare în clinică digitală
🔹 **UI Builder** – Personalizare avansată a interfeței
🔹 **Advanced** – Setări pentru utilizare profesională
🔹 **Cross-Site** – Implementare multiplă
🔹 **Shortcodes** – Integrare rapidă în pagini medicale
🔹 **Actions** – Automatizări inteligente
5. TAB-UL “APPEARANCE” – DESIGN INTERFAȚĂ MEDICALĂ
📍AI Engine → Chatbots → [Nume Chatbot] → Tab “Appearance”
🎨 CONFIGURARE TEMĂ ȘI AFIȘARE:
Theme: ChatGPT (✅ Selectat) Popup: Yes (✅ Bifat) Full Screen: ❌ Nu este bifat Copy Button: Yes (✅ Bifat)
🔍 ANALIZĂ SETĂRI INTERFAȚĂ:
🤖 CONFIGURARE ASISTENT MEDICAL:
Header Subtitle: "Asistent Medical" (✅ Text introdus) AI Name: "Asistent Medical" (✅ Text introdus) Start Sentence: "Bună! Cu ce vă pot ajuta astăzi?" (✅ Text introdus) AI Avatar: ✅ Avatar selectat (litera specifică)
👤 CONFIGURARE UTILIZATOR AUTENTIFICAT:
User Avatar: ✅ Yes (Bifat) User Name: "User" (✅ Text introdus) Placeholder: "Scrieti simptomele sau n" (✅ Text introdus) Send: "Send" (✅ Text introdus) Clear: "Clear" (✅ Text introdus)
🚨 CONFIGURARE VIZITATOR (GUEST):
Guest Name: ✅ Yes (Bifat) + "Guest" (text) Compliance Text: "Întodeauna consultati un doctor !" (✅ Text introdus) Guest Avatar: ✅ Avatar selectat
🎯 STRATEGIE AFIȘARE:
📱 FULL SCREEN DEZACTIVAT – BENEFICII:
Popup Normal: - Conversație în fereastră compactă - Utilizatorul vede în continuare conținutul site-ului - Experiență mai puțin intrusivă - Ideal pentru consultații medicale rapide
💊 AVATARE PERSONALIZATE:
AI Avatar: ✅ Avatar specific selectat User Avatar: ✅ Gravatar utilizator Guest Avatar: ✅ Avatar generic selectat Scop: - Diferențiere clară între participanți - Identitate vizuală consistentă
✅ CONFIGURARE VERIFICATĂ CORECT:
Bifate: Popup, Copy Button, User Avatar, Guest Name ❌ Nebifat: Full Screen ✅ Avatar: AI Avatar selectat, Guest Avatar selectat ✅ Texte: Toate textele medicale completate
Configurația creează o experiență de chat medical profesională, non-intrusivă, cu distincție clară între utilizatori autentificați și vizitatori.
6. TAB-UL “POPUP” – STRATEGIE AFIȘARE MEDICALĂ
📍 AI Engine → Chatbots → [Nume Chatbot] → Tab “Popup”
🎯 CONFIGURARE POPUP MEDICAL:
Popup Title: "Assistant medical" (✅ Setat) Position: "Bottom Right" (✅ Selectat) Bubble: "Yes" (✅ Activat) Icon: ✅ Selectat (imagine specifică)
🔍 ANALIZĂ SETĂRI AFIȘARE:
📍 POZIȚIONARE STRATEGICĂ:
Position: Bottom Right Beneficii Medicale: - Acces rapid din orice pagină - Minimă interferență cu conținutul medical - Vizibil dar discret pentru pacienți - Compatibil cu dispozitive mobile
💬 CONFIGURARE BULĂ MEDICALĂ:
Bubble: Yes (✅ Activat) Icon Text: "Ajutor Medical" (✅ Setat) Icon Text Delay: "1" secundă (✅ Setat) Funcționalitate: - Bulă cu iconiță mereu vizibilă - Text "Ajutor Medical" apare după 1 secundă - Invită clar la interacțiune medicală - Identificare instantă a asistentului
🎬 ANIMATIE ȘI DELAY:
Window Animation: "Zoom" (✅ Selectat) Center: "Yes" (✅ Activat) Open Delay: "0" secunde (✅ Setat) Impact Utilizator: - Deschidere instantă la click - Animatie profesională de zoom - Fereastra centrată pe ecran - Experiență modernă și rapidă
🏥 STRATEGIE ACCESIBILITATE MEDICALĂ:
⚡ ACCES INSTANT PENTRU URGENTE:
Open Delay: 0 secunde Scop Medical: - Acces imediat la asistent medical - Important pentru descrierea rapidă a simptomelor - Fără întârzieri în situații critice - Răspuns prompt la nevoile pacienților
🔍 RECUNOAȘTERE UȘOARĂ:
Icon Text: "Ajutor Medical" Delay 1 secundă: - Evită aglomerarea vizuală inițială - Permite utilizatorului să se orienteze - Apare suficient de rapid pentru ghida - Mesaj clar și concis
✅ CONFIGURARE FINALĂ:
✅ Popup Title: "Assistant medical" ✅ Position: Bottom Right ✅ Bubble: Yes + Icon selectat ✅ Icon Text: "Ajutor Medical" + Delay 1s ✅ Animation: Zoom + Center Yes ✅ Open Delay: 0 secunde
Configurația creează un punct de acces vizual clar și rapid către asistentul medical, optimizat pentru o experiență utilizator eficientă în context medical.
7. TAB-UL “UI BUILDER” – CONSTRUCTOR INTERFAȚĂ MEDICALĂ
📍 AI Engine → Chatbots → [Nume Chatbot] → Tab “UI Builder”
🎨 CONFIGURARE COMPONENTE INTERFAȚĂ:
Container: Standard (✅ Selectat) Messages: Standard (✅ Selectat) Footer: Standard (✅ Selectat) Header: Standard (✅ Selectat) Input: Standard (✅ Selectat)
🔍 ANALIZĂ STRUCTURĂ INTERFAȚĂ:
🏗️ ARHITECTURA COMPONENTELOR:
Container: Standard Funcție: Cadrul principal al ferestrei de chat Caracteristici: - Stil standard de fereastră - Container pentru toate celelalte componente - Design consistent și profesional
💬 ZONA MESAJE MEDICALE:
Messages: Standard Funcție: Afișarea conversației medicale Caracteristici: - Zonă dedicată pentru schimbul de mesaje - Structură clară între asistent și utilizator - Format optimizat pentru informații medicale
🏥 SUBSOL INFORMATIV:
Footer: Standard Funcție: Afișarea textului de conformitate și unelte Conținut: - Mesaj "Întodeauna consultati un doctor !" - Butoane și unelte auxiliare - Informații legale și de securitate
📋 ANTET PROFESIONAL:
Header: Standard Funcție: Bara de titlu cu controale Elemente: - Titlul "Asistent Medical" - Butoane de control (minimizare, închidere) - Avatar și identificator asistent
⌨️ CÂMP INTRODUCERE SIMPTOME:
Input: Standard Funcție: Câmpul pentru introducerea simptomelor Caracteristici: - Placeholder "Scrieti simptomele sau n" - Butoane "Send" și "Clear" - Optimizat pentru descrieri medicale
🎯 STRATEGIE INTERFAȚĂ MEDICALĂ:
💊 FLUX UTILIZATOR OPTIMIZAT:
Header → Messages → Input → Footer
↓ ↓ ↓ ↓
Identificare Conversație Introducere Avertizare
Asistent Medicală Simptome Medicală⚡ BENEFICII SETĂRI STANDARD:
Consistență: Interfață uniformă pe toate dispozitivele Accesibilitate: Elemente clare și ușor de utilizat Profesionalism: Aspect medical serios și credibil Compatibilitate: Funcționează perfect cu tema ChatGPT
✅ CONFIGURARE FINALIZATĂ:
✅ Container: Standard ✅ Messages: Standard ✅ Footer: Standard ✅ Header: Standard ✅ Input: Standard
8. TAB-UL “CROSS-SITE” – UTILITATE PRACTICĂ
🎯 CE FACE ACEST TAB:
Funcție Principală: Permite afișarea aceluiași chatbot pe MULTIPLE site-uri Analogic: Ca un video YouTube embed - același conținut, multiple locații
🏥 SCENARII PRACTICE MEDICALE:
🏢 CLINICĂ CU MULTIPLE SITE-URI:
Situație: O clinică are: - Site principal: clinicamedicala.ro - Blog educațional: blog.clinicamedicala.ro - Platformă pacienți: app.clinicamedicala.ro - Site filială: filiala.clinicamedicala.ro Soluție Cross-Site: - Un singur chatbot configurat - Același asistent medical pe TOATE site-urile - Istoric centralizat al conversațiilor
🤝 REȚEA MEDICALĂ:
Situație: Asociație medicală cu: - Site asociație: asociatiamedicala.ro - Site conferințe: conferinta.asociatiamedicala.ro - Portal membri: membri.asociatiamedicala.ro Beneficiu: Același expert medical pentru toți membrii
💰 BENEFICII ECONOMICE:
✅ Un singur abonament AI Engine
✅ O singură configurare medicală
✅ Mentenanță centralizată
✅ Actualizări simultane pe toate site-urile🚫 DE CE NU SE FOLOSEȘTE:
Motivul : UN singur site medical Simplificare: - Site unic = Cross-Site inutil - Mai bine dezactivezi pentru securitate - Evită complexitate inutilă
🎪 ANALOGIE UȘOR DE ÎNȚELES:
❌ FĂRĂ Cross-Site: - Fiecare site are chatbot SEPARAT - Ca și cum ai avea asistenți diferiți în fiecare cameră ✅ CU Cross-Site: - Același asistent în toate camerele - El știe tot istoricul tău medical - Consistent și eficient
9. TAB-UL “SHORTCODES” – IMPLEMENTARE FLEXIBILĂ
📍 AI Engine → Chatbots → [Nume Chatbot] → Tab “Shortcodes”
📋 SHORTCODE-URI DISPONIBILE:
🎯 SHORTCODE SIMPLU (RECOMANDAT):
[mwai_chatbot id="chatbot-n368a7"]
Beneficii:
Folosește toate setările din interfața grafică
Actualizări automate la modificări
Minimal și ușor de utilizat
⚙️ SHORTCODE AVANSAT (CUSTOM):
[mwai_chatbot ai_name="Asistent Medical" text_input_placeholder="Scrieti simptomele sau medicamentul..." text_compliance="Întodeauna consultati un doctor!" start_sentence="Bunâ! Cu ce vă pot ajuta astăzi?" window="true" # ... + toate celelalte setări]
Utilizare:
Override la setările default
Personalizare pentru pagini specifice
Flexibilitate maximă
🎯 STRATEGIE IMPLEMENTARE:
🏥 PENTRU PAGINI SPECIFICE:
Pagina "Urgențe Medicale": - Start sentence mai urgent: "Bună! Ce simptome aveți?" - Compliance text mai vizibil Pagina "Consultatii Generale": - Start sentence standard: "Bunâ! Cu ce vă pot ajuta astăzi?"
💊 BENEFICII SHORTCODE-URI:
✅ Flexibilitate: Setări diferite pe pagini diferite ✅ Portabilitate: Poți muta chatbot-ul ușor ✅ Testare: Poți testa variante diferite ✅ Backup: Dacă interfața grafică dă eroare, shortcode-ul funcționează
🔧 UTILITATE PRACTICĂ:
📍 UNDE SE FOLOSESC:
În Editorul WordPress: - Bloc "Shortcode" - Lipesti [mwai_chatbot id="chatbot-n368a7"] - Salvezi și afișează chatbot-ul În Template-uri PHP: - <?php echo do_shortcode('[mwai_chatbot id="chatbot-n368a7"]'); ?>
10. TAB-UL “ACTIONS” – OPERAȚIUNI ADMINISTRATIVE
📍 AI Engine → Chatbots → [Nume Chatbot] → Tab “Actions”
🛠️ ACȚIUNI DISPONIBILE
Duplicate: ✅ Crează copie identică a chatbot-ului Reset: ✅ Restaurează setările default (PERICULOS) Delete: 🗑️ Șterge definitiv chatbot-ul (IRREVERSIBIL)
🔍 ANALIZĂ ACȚIUNI:
📋 DUPLICATE – CLONARE INTELIGENTĂ:
Utilitate: - Testare setări noi fără risc - Variante pentru specializări diferite - Backup înainte de modificări majore Scenarii Medicale: - Duplică pentru "Asistent Pediatric" - Duplică pentru "Consultant Boli Cronice" - Testează prompt-uri noi pe copie
⚠️ RESET – RESTAURARE SETĂRI:
Atenție: ACESTA ESTE UN BUTON PERICULOS Ce face: - Șterge TOATE setările custom - Revine la configurările default - Pierzi prompt-ul medical custom - Pierzi conexiunile la baza de date Când să folosești: - Doar dacă ai corupt configurația - Niciodată după ce ai configurat tot
🗑️ DELETE – ELIMINARE DEFINITIVĂ:
Atenție: ACȚIUNE IRREVERSIBILĂ Ce se întâmplă: - Chatbot-ul este șters permanent - Toate setările se pierd - Istoric conversații păstrat (dacă e activat) Când să folosești: - Proiecte abandonate - Teste obsolete - Curățenie administrare
📚 CONTINUĂREA ÎN PARTEA a 3-a
Am finalizat cu succes configurarea interfeței și a sistemului de integrare. În următorul articol vom trece la monitorizarea și optimizarea avansată:
🔹 Tab-ul “Discussions” – Vizualizarea și analiza tuturor conversațiilor
🔹 Tab-ul “Knowledge” – Gestiunea bazelor de cunoștințe și upload PDF-uri
🔹 Tab-ul “Insights” – Monitorizare costuri în timp real și query logs
🔹 Tab-ul “Settings” – Configurații globale API și management environmente
[👉 Citește Partea a 3-a: Monitorizare și Optimizare Avansată aici]