Przegląd panelu

Panel ChatReact to Twoje centralne miejsce do zarządzania chatbotami, monitorowania rozmów i konfigurowania platformy.

Strona główna panelu

Po wejściu do panelu zobaczysz kompleksowy przegląd aktywności chatbota:

Pasek szybkich akcji

Na górze panelu znajdziesz przyciski szybkich akcji do najczęściej używanych funkcji:

• + FAQ - Przejdź do zarządzania FAQ
• Knowledge - Dostęp do bazy wiedzy
• Settings - Ustawienia chatbota
• Live Chat - Rozmowy w czasie rzeczywistym
• Leads - Zarządzanie leadami (jeśli dostępne w planie)
• Forms - Kreator formularzy (jeśli dostępny w planie)

Siatka statystyk KPI

Panel wyświetla do 6 kluczowych wskaźników wydajności:

Panele aktywności

Panel wyświetla cztery główne sekcje:

1. Recent Chats - Najnowsze rozmowy z klientami z badge'ami statusu
2. New Leads - Najnowsze leady z danymi kontaktowymi (jeśli włączono zarządzanie leadami)
3. Pending FAQ Suggestions - FAQ generowane przez AI gotowe do zatwierdzenia
4. Activity Feed - Połączony timeline całej aktywności

Struktura nawigacji

Pasek boczny panelu zapewnia dostęp do wszystkich głównych funkcji:

Główne sekcje

Zarządzanie chatbotem

Każdy chatbot ma własną stronę ustawień z zakładkami:

• General: Nazwa, opis i status
• Persona: Osobowość i styl komunikacji
• Tonality: Formalny/nieformalny, poziom humoru itp.
• Languages: Język główny i obsługiwane języki
• Widget: Personalizacja wyglądu i designu
• Behavior: Wiadomości powitalne, proaktywne pozdrowienia
• Restrictions: Reguły zgodności i ograniczenia
• Analytics: Metryki wydajności i wglądy
• Feedback: Śledzenie satysfakcji klienta
• Live Chat: Ustawienia przekazywania do agenta
• Embed: Kod instalacji widżetu

Nagłówek panelu

Nagłówek zawiera:

• Company Selector: Przełączanie między firmami (jeśli masz kilka)
• Chatbot Selector: Przełączanie między chatbotami
• Notifications: Alerty o zakończeniu skanowania, nowym feedbacku, nowych leadach itp.
• Language Selector: Przełączanie między językami interfejsu
• Theme Toggle: Przełączanie między trybem jasnym i ciemnym
• User Menu: Ustawienia konta i wylogowanie

Przegląd czatów

Przeglądanie rozmów

Sekcja Chats umożliwia przeglądanie rozmów i przekazywanie feedbacku w celu ulepszenia chatbota:

1. Otwórz czat z listy
2. Oceń rozmowę za pomocą przycisków:
   • Good (Kciuk w górę) — Oznacza czat jako pozytywny przykład
   • Needs Improvement (Kciuk w dół) — Otwiera Improvement Agent do optymalizacji
   • Reviewed (Znacznik) — Oznacza czat jako przejrzany bez oceniania go pozytywnie lub negatywnie. Nie wpływa na wskaźnik pewności i nie wyzwala e-maili ani sesji usprawnień.

Widok szczegółów czatu

Każdy czat wyświetla:

• Pełną historię rozmowy
• URL strony, z której czat został zainicjowany (klikalny link z ikoną globu)
• Informacje o odwiedzającym (jeśli dostępne z formularzy pre-chat)

Podgląd z symulacją URL

Strona Preview pozwala testować chatbota z symulowanym URL strony:

1. Przejdź do Preview w pasku bocznym
2. Wprowadź URL w polu URL (np. https://yoursite.com/products)
3. Widżet zachowa się tak, jakby był na tej stronie, umożliwiając testowanie odpowiedzi specyficznych dla strony

Jest to przydatne do weryfikacji, czy chatbot odpowiada kontekstualnie na różne strony Twojej witryny.

Kreator wprowadzający

Gdy po raz pierwszy tworzysz firmę lub nie masz chatbotów, panel wyświetla kreator wprowadzający, który prowadzi Cię przez:

1. Create Chatbot - Konfiguracja pierwszego asystenta AI
2. Add Knowledge - Przesyłanie dokumentów lub skanowanie strony
3. Customize Design - Dopasowanie kolorów i stylu marki
4. Embed Widget - Dodanie chatbota do strony

Asystent Dashboard

Asystent Dashboard to pomocnik oparty na AI, dostępny przez pływający przycisk z iskrą w prawym dolnym rogu panelu. Może pomóc zarządzać chatbotami, FAQ, ustawieniami i wieloma innymi funkcjami za pomocą poleceń w języku naturalnym.

Zgłaszanie błędów

Gdy napotkasz błąd podczas korzystania z panelu, możesz zgłosić go bezpośrednio przez Asystenta Dashboard:

1. Kliknij przycisk z iskrą, aby otworzyć Asystenta
2. Opisz problem, który napotkałeś
3. Asystent zada pytania wyjaśniające, aby określić, czy to prawdziwy błąd czy pytanie o użytkowanie
4. Jeśli to potwierdzony błąd, Asystent:
   • Poprosi o przesłanie zrzutu ekranu (przez przycisk obrazu lub wklejenie ze schowka)
   • Przetłumaczy Twój opis na niemiecki dla zespołu programistów
   • Utworzy issue na GitHubie ze wszystkimi istotnymi szczegółami
   • Udostępni Ci URL issue do śledzenia

Przesyłanie zrzutów ekranu

Możesz dołączać zrzuty ekranu do wiadomości na dwa sposoby:

• Wybór pliku: Kliknij przycisk obrazu (po lewej od pola tekstowego), aby wybrać plik obrazu
• Wklejanie ze schowka: Zrób zrzut ekranu i wklej go (Ctrl/Cmd+V) do pola tekstowego

Obsługiwane formaty: PNG, JPEG, WebP (maks. 5 MB).

Wsparcie mobilne

Panel jest w pełni responsywny i działa na wszystkich urządzeniach:

• Desktop: Pełna nawigacja w pasku bocznym ze wszystkimi widocznymi funkcjami
• Tablet: Zwijany pasek boczny z zoptymalizowanymi layoutami
• Mobile: Wysuwana nawigacja drawer, layouty ułożone pionowo dla optymalnej interakcji dotykowej

Wszystkie kombinacje tekst-przycisk automatycznie adaptują się do mniejszych ekranów, układając się pionowo.

Kolejne kroki

• Chatbot Wizard →
• Knowledge Base →
• Lead Management →
• Team Management →