Strona głównaDokumentacja

Kreator Chatbota

Kreator Chatbota przeprowadzi Państwa przez proces tworzenia w pełni skonfigurowanego chatbota AI w 8 prostych krokach.

Tylko Krok 1 (Podstawy) i Krok 8 (Podsumowanie) są wymagane — każdy inny krok posiada przycisk Pomiń. Od Kroku 5 (Wygląd widżetu) w dół wyświetlany jest podgląd na żywo Państwa widżetu obok formularza.

Krok 1: Podstawy (Wymagane)

Rozpoczęcie od szablonu

Na początku Kroku 1 mogą Państwo wybrać szablon, który wstępnie wypełnia kreatora zoptymalizowanymi ustawieniami — osobowość, ton, wiadomości powitalne i awaryjne oraz opcje zachowania. Wciąż można dostosować wszystko w kolejnych krokach.

SzablonNajlepsze dla
PustyRozpoczęcie od zera
ObsługaObsługa klienta i help desk
SprzedażGenerowanie leadów i sprzedaż
OnboardingWprowadzenie nowych użytkowników i klientów
KorporacyjnyProfesjonalny i formalny ton

Szablon Pusty jest zawsze dostępny. Wstępnie skonfigurowane szablony są dostępne w płatnych planach — kreator pokazuje, który plan je odblokowuje.

Nazwa i opis

Skonfiguruj podstawowe ustawienia chatbota:

PoleOpisPrzykład
NazwaNazwa wyświetlana chatbota"Asystent Obsługi"
OpisOpis wewnętrzny dla Państwa zespołu"Obsługuje zapytania klientów dotyczące naszego produktu SaaS"

Nazwa chatbota jest wyświetlana odwiedzającym w nagłówku widżetu czatu.

Krok 2: Osobowość

Zdefiniuj osobowość i tło chatbota:

PoleOpisPrzykład
Użyj imienia osobowościPrzełącznik decydujący, czy bot przedstawia się po imieniuWł./Wył.
Imię osobowościImię, pod jakim bot się przedstawia (jeśli włączone)"Alex"
RolaRola, jaką pełni bot"Customer Success Manager"
TłoKontekst dotyczący ekspertyzy bota"5 lat doświadczenia w pomaganiu klientom z problemami technicznymi"

Tryb anonimowy

Jeśli wyłączą Państwo Użyj imienia osobowości, chatbot nie przedstawi się imieniem. Zamiast "Cześć! Jestem Alex, Państwa specjalista ds. obsługi klienta." powie po prostu "Dzień dobry! W czym mogę pomóc?". Pole z imieniem osobowości jest ukryte, gdy ten przełącznik jest wyłączony.

Dobrze zdefiniowana osobowość sprawia, że rozmowy są bardziej naturalne i pomaga AI zachować spójność. Użyj trybu anonimowego, jeśli preferują Państwo bardziej neutralne doświadczenie chatbota.

Styl komunikacji

Wybierz zdefiniowany styl komunikacji, który ustawia ogólny ton chatbota:

StylNajlepsze dla
Profesjonalny i nowoczesny (Domyślny)Agencje, firmy technologiczne, B2B
Ekskluzywny i dystyngowanyKliniki urody, kancelarie prawne, luksusowe hotele
Ciepły i przyjaznyFirmy rodzinne, restauracje, placówki medyczne
Fajny i swobodnyStudia tatuażu, modne bistro, startupy
NiestandardowyUżywa Państwa własnych Core Instructions zamiast ustawienia wstępnego

Każdy styl dodaje szczegółowe instrukcje promptów z odpowiednim tonem, wzorcami fraz i przykładami.

Krok 3: Ton

Dopasuj styl komunikacji chatbota za pomocą suwaków (skala 1-5):

UstawienieNiskie (1)Wysokie (5)
FormalnośćSwobodny, przyjaznyFormalny, profesjonalny
HumorPoważny, bez żartówŻartobliwy, dowcipny
RozbudowanieZwięzły, skondensowanySzczegółowy, wyczerpujący
EmpatiaFaktyczny, bezpośredniCiepły, wyrozumiały
ProaktywnośćTylko reaktywnyProponuje następne kroki

Krok 4: Języki

Skonfiguruj obsługę języków:

  • Język główny: Główny język odpowiedzi (wybierz spośród English, German, French, Spanish, Italian, lub Portuguese)
  • Obsługiwane języki: Dodatkowe języki, w których bot potrafi rozumieć i odpowiadać
  • Poziom techniczny: Suwak od Prosty do Techniczny, który określa, jak techniczny ma być język bota

ChatReact obsługuje wszystkie 24 oficjalne języki UE.

Forma zwracania się

Zdefiniuj, jak chatbot powinien zwracać się do odwiedzających stronę:

UstawienieOpisPrzykład
Formalnie (Sie/Vous)Forma grzecznościowa do komunikacji profesjonalnej/biznesowej"W czym mogę pomóc?" (Niemiecki: "Wie kann ich Ihnen helfen?")
Nieformalnie (Du/Tu)Forma osobista do komunikacji swobodnej"Jak mogę pomóc?" (Niemiecki: "Wie kann ich dir helfen?")

Forma zwracania się jest używana tylko w językach, które mają rozróżnienie formalne/nieformalne (np. niemiecki, francuski, hiszpański). W języku angielskim i podobnych to ustawienie nie ma zastosowania.

Widżet automatycznie wykrywa język przeglądarki odwiedzającego i odpowiada w odpowiednim języku.

Krok 5: Wygląd widżetu

Dostosuj wygląd widżetu czatu:

Pozycja

  • Prawy dół (domyślnie)
  • Lewy dół
  • Inline (osadzony) — Widżet wyświetlany jest tam, gdzie umieszczony jest skrypt osadzający, zawsze otwarty, bez dymka i bez przycisku zamykania. Idealne dla dedykowanych stron czatu lub sekcji wsparcia.

Kolory

Wybierz Motyw kolorystyczny:

MotywOpis
DomyślnyStandardowy schemat kolorów ChatReact
FirmowyUżywa kolorów marki Państwa firmy (dostępne po ustawieniu w Ustawieniach Firmy)
NiestandardowyOdblokowuje indywidualne selektory kolorów

Gdy wybrano Niestandardowy, mogą Państwo dostosować:

UstawienieOpis
Kolor głównyGłówny kolor akcentu (przyciski, nagłówki)
Kolor dodatkowyGradienty i stany hover
Kolor tłaTło okna czatu
Kolor tekstuKolor tekstu wiadomości

Zaawansowane ustawienia kolorów

Rozwiń opcje zaawansowane dla bardziej szczegółowej kontroli:

UstawienieOpis
Wiadomości odwiedzającegoKolor tła i tekstu dymków wiadomości odwiedzającego
Wiadomości botaKolor tła i tekstu dymków wiadomości bota
Kolor tekstu nagłówkaKolor tekstu w nagłówku widżetu

Każdy zaawansowany kolor można zresetować do automatycznego, w takim przypadku ChatReact wybierze kontrastowy kolor bezpieczny dla czytelności.

Wymiary

  • Promień zaokrąglenia: Zaokrąglone rogi (0-32px)
  • Szerokość widżetu: Szerokość okna czatu
  • Wysokość widżetu: Wysokość okna czatu

Brandowanie

  • Użyj logo firmy: Pokaż logo Państwa firmy w nagłówku widżetu. Wymaga planu Professional lub wyższego; samo logo należy przesłać w Ustawieniach Firmy.
  • Tytuł nagłówka: Tekst w nagłówku widżetu
  • Podtytuł nagłówka: Tekst pomocniczy w nagłówku. Jeśli pozostawią Państwo to pole puste, widżet pokaże zlokalizowany domyślny podtytuł. Po utworzeniu można całkowicie ukryć podtytuł, czyszcząc to pole w ustawieniach widżetu.

Każda opcja wyglądu może być zmieniona po utworzeniu, a dodatkowe ustawienia (takie jak niestandardowy URL logo i tekst dymka czatu) są tam również dostępne. Zobacz Widget Customization dla pełnej referencji.

Krok 6: Zachowanie

Skonfiguruj zautomatyzowane zachowania:

UstawienieOpis
Wiadomość powitalnaPierwsza wiadomość pokazywana po otwarciu czatu
Wiadomość awaryjnaOdpowiedź, gdy bot nie potrafi odpowiedzieć
Proaktywne przywitanieAutomatyczne powitanie odwiedzających
Opóźnienie przy proaktywnościCzas oczekiwania przed powitaniem (1-10 sekund)
Automatyczne otwarcieAutomatyczne otwarcie widżetu
Opóźnienie automatycznego otwarciaCzas oczekiwania przed otwarciem (1-15 sekund)
Dźwięk włączonyOdtwarzaj dźwięk powiadomienia, gdy bot odpowiada
Wskaźnik pisaniaPokaż animację pisania

Formularz przed czatem

Zbierz informacje od odwiedzających zanim czat się rozpocznie:

  1. Włącz Formularz przed czatem
  2. Dodaj pola (Tekst, Email, Telefon, Pole tekstowe)
  3. Oznacz pola jako "Wymagane" w razie potrzeby

Po utworzeniu mogą Państwo kliknąć Translate with AI w ustawieniach zachowania chatbota, aby automatycznie przetłumaczyć wszystkie etykiety pól i teksty zastępcze na obsługiwane języki.

Faza uczenia się

Pomiń fazę uczenia się: Włącz to, aby uruchomić chatbota z pełnym zaufaniem od pierwszego dnia — bez ostrożnych odpowiedzi. Ostrzeżenie przypomina, aby upewnić się, że baza wiedzy jest dobrze przygotowana przed uruchomieniem na żywo.

Jeśli faza uczenia się jest aktywna, mogą Państwo określić, jak chatbot zachowuje się w sytuacjach niepewności co do odpowiedzi:

TrybOpis
OstrożnyBot jest powściągliwy i aktywnie odsyła do przekazania przez e-mail, gdy jest niepewny. Proaktywnie dodaje frazy wyrażające niepewność.
Zrównoważony (Domyślny, oznaczony "Zalecane")Normalne odpowiedzi. Pokazuje niepewność tylko wtedy, gdy użytkownik podważa dokładność.
PewnyOdpowiada jak w normalnej pracy. Faza uczenia się tylko zbiera opinie bez zmiany zachowania odpowiedzi.

Dodatkowa instrukcja na fazę uczenia się: Opcjonalny wolny tekst na specjalne instrukcje podczas fazy uczenia się, np. "Zawsze odsyłaj pytania o ceny do zespołu."

Tryb fazy uczenia się można również skonfigurować w ustawieniach chatbota po jego utworzeniu.

Live Chat

Pozwól odwiedzającym rozmawiać z ludzkimi agentami wsparcia w czasie rzeczywistym (wymaga planu Professional lub wyższego):

  1. Włącz Enable Live Chat
  2. Wybierz Tryb Live Chat:
TrybOpis
Tylko przekazanieAI bot obsługuje rozmowy i przekazuje je ludziom, gdy to konieczne
SamodzielnyBezpośredni czat z człowiekiem, oddzielony od bota AI
ObaBot AI z przekazaniem oraz samodzielny czat ludzki

Dowiedz się więcej w Live Chat guide.

W planach white-label Krok 6 pokazuje również sekcję Brandingu z przełącznikiem do pokazania lub ukrycia odznaki "Powered by ChatReact" w widżecie.

Krok 7: Ograniczenia i zgodność

Ustaw zasady i ograniczenia:

Zablokowane tematy

Tematy, których chatbot powinien unikać:

  • Produkty konkurencji
  • Porady prawne
  • Negocjacje cenowe

Zasady zgodności najlepszego praktyk

Wybierz spośród ośmiu branżowych reguł zgodności:

  • Brak porad prawnych — zaleca konsultację z prawnikiem (wstępnie wybrane)
  • Brak wiążących zobowiązań — nigdy nie składa wiążących obietnic dotyczących cen, rabatów lub dostaw (wstępnie wybrane)
  • Odesłanie do wsparcia ludzkiego — proponuje połączenie z obsługą ludzką dla wrażliwych lub złożonych kwestii (wstępnie wybrane)
  • Brak informacji wewnętrznych — nie ujawnia wewnętrznych informacji firmy ani danych poufnych
  • Brak informacji o konkurencji — nie udostępnia informacji o konkurentach ani nie dokonuje porównań
  • Brak porad medycznych — zaleca konsultację ze specjalistą medycznym
  • Brak porad finansowych — nigdy nie udziela porad finansowych ani inwestycyjnych
  • Prywatność danych — ostrożnie przetwarza dane osobowe i nie żąda niepotrzebnych informacji

Core Instructions

Niestandardowe reguły dla Państwa chatbota, zarządzane jako lista:

  • Dodawaj, edytuj lub usuwaj pojedyncze instrukcje
  • Aktywuj lub dezaktywuj każdą instrukcję bez jej usuwania
  • Kliknij Improve with AI, aby automatycznie dopracować instrukcje

Przykładowe instrukcje:

  • "Zawsze polecaj umówienie demo dla złożonych pytań"
  • "Nigdy nie udostępniaj danych klientów ani wewnętrznych metryk"
  • "Przekierowuj pytania o ceny do zespołu sprzedaży"

Core Instructions mają najwyższy priorytet i są zawsze dołączane do każdej odpowiedzi w czacie.

Po utworzeniu edytor Core Instructions w ustawieniach chatbota obsługuje formatowanie tekstu i klikalne linki (web, email i numery telefonów).

Limity odpowiedzi i przekazanie do człowieka

  • Maksymalna długość odpowiedzi: Limit znaków dla odpowiedzi (100-2000 znaków)
  • Wyzwalacz przekazania do człowieka: Opisz własnymi słowami, kiedy bot powinien przekazać rozmowę człowiekowi, np. "W przypadku reklamacji produktu lub żądań zwrotu"
  • Email do przekazania do człowieka: Adres e-mail, na który bot kieruje odwiedzających przy przekazaniu do człowieka

Krok 8: Podsumowanie (Wymagane)

Przejrzyj wszystkie ustawienia przed utworzeniem chatbota:

  • Zweryfikuj wszystkie konfiguracje
  • Podejrzyj projekt widżetu
  • Kliknij Create Chatbot, aby zakończyć

Po utworzeniu

Po kliknięciu Create Chatbot zostaną Państwo przeniesieni bezpośrednio do kreatora Set up your knowledge base, który wypełnia bazę wiedzy chatbota w trzech szybkich krokach:

  1. Skanowanie strony — Wprowadź URL swojej strony; ChatReact odkrywa strony automatycznie i pozwala wybrać, które z nich zaimportować
  2. Przesyłanie dokumentów — Dodaj pliki PDF, DOCX, TXT, MD, CSV lub JSON
  3. Gotowe — Kontynuuj do pulpitu nawigacyjnego

Oba kroki dotyczące treści można pominąć — zawsze można dodać wiedzę później. Zobacz Knowledge Base guide po szczegóły.

Stamtąd mogą Państwo:

  1. Testować - Użyj funkcji Podglądu do testowania rozmów
  2. Osadzić - Dodaj widżet na swojej stronie
  3. Iterować - Dostosuj ustawienia na podstawie opinii

Kolejne kroki