Čarobnjak za chatbot
Čarobnjak za chatbot vodi vas kroz izradu potpuno konfiguriranog AI chatbota u 8 jednostavnih koraka.
Samo su Korak 1 (Osnove) i Korak 8 (Sažetak) obavezni — svaki drugi korak ima gumb Preskoči. Od Koraka 5 (Dizajn widgeta) nadalje prikazuje se uživo pregled vašeg widgeta pored obrasca.
Korak 1: Osnove (Obavezno)
Početak iz predloška
Na vrhu Koraka 1 možete odabrati predložak koji unaprijed popunjava čarobnjaka optimiziranim postavkama — personom, tonalitetom, porukama dobrodošlice i rezervnim porukama te opcijama ponašanja. Sve možete naknadno prilagoditi u sljedećim koracima.
| Predložak | Najbolje za |
|---|---|
| Prazno | Početak od nule |
| Podrška | Korisnička podrška i help desk |
| Prodaja | Generiranje leadova i prodaja |
| Uvod | Vođenje novih korisnika i kupaca |
| Korporativno | Profesionalan i formalan ton |
Predložak Prazno je uvijek dostupan. Predkonfigurirani predlošci dostupni su u plaćenim planovima — čarobnjak prikazuje koji plan ih otključava.
Naziv i opis
Konfigurirajte temeljne postavke za vaš chatbot:
| Polje | Opis | Primjer |
|---|---|---|
| Naziv | Prikazni naziv vašeg chatbota | "Support Assistant" |
| Opis | Interni opis za vaš tim | "Rješava upite korisnika za naš SaaS proizvod" |
Naziv chatbota prikazuje se posjetiteljima u zaglavlju chat widgeta.
Korak 2: Persona
Definirajte osobnost i pozadinu vašeg chatbota:
| Polje | Opis | Primjer |
|---|---|---|
| Koristi ime persone | Prekidač hoće li se bot predstaviti imenom | Uključeno/Isključeno |
| Ime persone | Ime pod kojim se bot predstavlja (ako je omogućeno) | "Alex" |
| Uloga | Uloga koju bot igra | "Customer Success Manager" |
| Pozadina | Kontekst o stručnosti bota | "5 godina iskustva u pomoći korisnicima kod tehničkih problema" |
Anonimni način
Ako isključite Koristi ime persone, chatbot se neće predstaviti imenom. Umjesto "Bok! Ja sam Alex, vaš stručnjak za korisničku podršku." jednostavno će reći "Bok! Kako vam mogu pomoći?" Polje za ime persone je skriveno kad je ovaj prekidač isključen.
Dobro definirana persona čini razgovore prirodnijima i pomaže AI‑ju da održi dosljednost. Koristite anonimni način ako preferirate neutralnije iskustvo chatbota.
Stil komunikacije
Odaberite unaprijed definirani stil komunikacije koji postavlja opći ton vašeg chatbota:
| Stil | Najbolje za |
|---|---|
| Profesionalan i moderan (Zadano) | Agencije, tehnološke tvrtke, B2B |
| Ekskluzivan i istaknut | Kozmetičke klinike, odvjetnička društva, luksuzni hoteli |
| Topao i gostoljubiv | Obiteljski obrti, restorani, medicinske ordinacije |
| Opustio i ležeran | Tattoo studiji, trendi bistroi, startupi |
| Prilagođeno | Koristi vaše vlastite Core Instructions umjesto predloška |
Svaki stil dodaje detaljne upute u promptu s odgovarajućim tonom, obrascima izražavanja i primjerima.
Korak 3: Tonalitet
Fino podesite stil komunikacije vašeg chatbota pomoću klizača (skala 1-5):
| Postavka | Nisko (1) | Visoko (5) |
|---|---|---|
| Formalnost | Ležerno, prijateljski | Formalno, profesionalno |
| Humor | Ozbiljno, bez šala | Razigrano, duhovito |
| Verbosity | Kratko, sažeto | Detaljno, iscrpno |
| Empatija | Činjenično, direktno | Toplo, razumijevajuće |
| Proaktivnost | Samo reaktivno | Predlaže sljedeće korake |
Korak 4: Jezici
Konfigurirajte podršku za jezike:
- Glavni jezik: Glavni jezik za odgovore (odaberite između English, German, French, Spanish, Italian, ili Portuguese)
- Podržani jezici: Dodatni jezici na kojima vaš bot može razumjeti i odgovarati
- Tehnička razina: Klizač od Jednostavno do Tehnički koji određuje koliko tehnički treba biti jezik bota
ChatReact podržava svih 24 službena jezika EU.
Forma obraćanja
Definirajte kako bi se chatbot trebao obraćati posjetiteljima web‑stranice:
| Postavka | Opis | Primjer |
|---|---|---|
| Formalno (Sie/Vous) | Učtiv oblik za profesionalnu/poslovnu komunikaciju | "How may I assist you?" (Njemački: "Wie kann ich Ihnen helfen?") |
| Neformalno (Du/Tu) | Osobno obraćanje za ležernu komunikaciju | "How can I help you?" (Njemački: "Wie kann ich dir helfen?") |
Forma obraćanja koristi se samo u jezicima koji imaju formalnu/neformalnu razliku (npr. njemački, francuski, španjolski). U engleskom i sličnim jezicima ova postavka se ne primjenjuje.
Widget automatski otkriva jezik preglednika posjetitelja i odgovara na odgovarajućem jeziku.
Korak 5: Dizajn widgeta
Prilagodite izgled vašeg chat widgeta:
Pozicija
- Donje desno (zadano)
- Donje lijevo
- Inline (ugrađeno) — Widget se prikazuje tamo gdje je skripta za embed postavljena, uvijek je otvoren, bez balona, bez gumba za zatvaranje. Idealno za namjenske stranice chat podrške ili sekcije pomoći.
Boje
Odaberite Tema boja:
| Tema | Opis |
|---|---|
| Zadano | Standardna shema boja ChatReacta |
| Tvrtka | Koristi boje vaše tvrtke (dostupno nakon postavljanja u Company Settings) |
| Prilagođeno | Otključava pojedinačne odabira boja |
Kad je odabrano Prilagođeno, možete prilagoditi:
| Postavka | Opis |
|---|---|
| Primarna boja | Glavna akcentna boja (gumbi, zaglavlja) |
| Sekundarna boja | Gradijent i stanje prelaska mišem |
| Boja pozadine | Pozadina prozora chata |
| Boja teksta | Boja teksta poruka |
Napredne postavke boja
Proširite napredne opcije za detaljniju kontrolu:
| Postavka | Opis |
|---|---|
| Poruke posjetitelja | Boja pozadine i teksta balona poruka posjetitelja |
| Poruke bota | Boja pozadine i teksta balona poruka bota |
| Boja teksta zaglavlja | Boja teksta u zaglavlju widgeta |
Svaku naprednu boju možete vratiti na automatsku, u kojem slučaju ChatReact odabire boju sigurne kontrastnosti za vas.
Dimenzije
- Radijus ruba: Zaobljeni kutovi (0-32px)
- Širina widgeta: Širina prozora chata
- Visina widgeta: Visina prozora chata
Brendiranje
- Koristi logotip tvrtke: Prikažite logotip vaše tvrtke u zaglavlju widgeta. Zahtijeva Professional plan ili viši; sam logotip se učitava u Company Settings.
- Naslov zaglavlja: Tekst u zaglavlju widgeta
- Podnaslov zaglavlja: Sekundarni tekst u zaglavlju. Ako ga ostavite nepostavljenim, widget prikazuje lokalizirani zadani podnaslov. Nakon izrade, možete potpuno sakriti podnaslov brisanjem ovog polja u postavkama widgeta.
Svaka dizajnerska opcija može se mijenjati i nakon izrade, a dodatne postavke (kao prilagođeni URL logotipa i tekst balona chata) također su dostupne tamo. Pogledajte Widget Customization za puni referentni vodič.
Korak 6: Ponašanje
Konfigurirajte automatizirano ponašanje:
| Postavka | Opis |
|---|---|
| Poruka dobrodošlice | Prva poruka prikazana pri otvaranju chata |
| Rezervna poruka | Odgovor kada bot ne može odgovoriti |
| Proaktivno pozdravljanje | Automatski pozdrav posjetitelja |
| Proaktivno kašnjenje | Vrijeme čekanja prije pozdrava (1-10 sekundi) |
| Automatsko otvaranje | Automatski otvori widget |
| Kašnjenje automatskog otvaranja | Vrijeme čekanja prije otvaranja (1-15 sekundi) |
| Zvuk omogućen | Reproducira zvuk obavijesti kad bot odgovori |
| Indikator tipkanja | Prikaži animaciju tipkanja |
Pred-obrazac za chat
Prikupite informacije posjetitelja prije početka chata:
- Omogućite Pre-Chat Form
- Dodajte polja (Text, Email, Phone, Textarea)
- Označite obavezna polja kao "Required" prema potrebi
Nakon izrade, možete kliknuti Translate with AI u postavkama ponašanja chatbota kako biste automatski preveli sve oznake polja i zamjenske tekstove u vaše podržane jezike.
Faza učenja
Preskoči fazu učenja: Uključite ovo da pokrenete chatbota s punim povjerenjem od prvog dana — bez opreznih odgovora. Pojavit će se upozorenje da se uvjerite da je vaša baza znanja dobro pripremljena prije objave.
Ako je faza učenja aktivna, možete odrediti kako se chatbot ponaša kad nije siguran u odgovore:
| Način | Opis |
|---|---|
| Oprezan | Bot je rezerviran i aktivno se oslanja na predaju putem e‑posta kada nije siguran. Proaktivno dodaje fraze nesigurnosti. |
| Uravnotežen (Zadano, označeno "Recommended") | Normalni odgovori. Nesigurnost se prikazuje samo kad korisnik dovodi u pitanje točnost. |
| Samopouzdan | Odgovara kao u normalnom radu. Faza učenja samo prikuplja povratne informacije bez mijenjanja ponašanja odgovora. |
Dodatna uputa za fazu učenja: Opcionalni slobodni tekst za posebne upute tijekom faze učenja, npr. "Uvijek uputi pitanja o cijenama timu."
Način faze učenja također se može konfigurirati u postavkama chatbota nakon izrade.
Live chat
Dopustite posjetiteljima razgovor s ljudskim agentima podrške u stvarnom vremenu (zahtijeva Professional plan ili viši):
- Uključite Enable Live Chat
- Odaberite Live Chat Mode:
| Način | Opis |
|---|---|
| Samo predaja | AI bot upravlja razgovorima i predaje ljudima kad je potrebno |
| Samostalan | Izravan ljudski chat, odvojen od AI bota |
| Oboje | AI bot s predajom plus samostalan ljudski chat |
Saznajte više u Live Chat guide.
Na white‑label planovima, Korak 6 također prikazuje odjeljak Brendiranje s prekidačem za prikaz ili skrivanje oznake "Powered by ChatReact" u widgetu.
Korak 7: Ograničenja i usklađenost
Postavite pravila i ograničenja:
Blokirane teme
Teme o kojima se vaš chatbot treba suzdržavati od rasprave:
- Proizvodi konkurenata
- Pravni savjeti
- Pregovaranje o cijenama
Najbolja praksa za usklađenost
Odaberite iz osam industrijskih pravila usklađenosti:
- Bez pravnih savjeta — preporučuje konzultaciju s pravnim stručnjakom (pre‑odabrano)
- Bez obvezujućih tvrdnji — nikad ne daje obvezujuće tvrdnje o cijenama, popustima ili isporuci (pre‑odabrano)
- Uputi na ljudsku podršku — nudi povezivanje s ljudskom podrškom za osjetljiva ili složena pitanja (pre‑odabrano)
- Bez internih informacija — ne otkriva interne informacije tvrtke ili povjerljive detalje
- Bez informacija o konkurenciji — ne dijeli informacije o konkurentima niti uspoređuje
- Bez medicinskih savjeta — preporučuje konzultaciju s zdravstvenim stručnjakom
- Bez financijskih savjeta — nikad ne pruža financijske ili investicijske savjete
- Privatnost podataka — pažljivo rukuje osobnim podacima i ne traži nepotrebne informacije
Core Instructions
Pravila po mjeri za vaš chatbot, upravljaju se kao popis:
- Dodajte, uredite ili izbrišite pojedinačne upute
- Aktivirajte ili deaktivirajte svaku uputu bez brisanja
- Kliknite Improve with AI da vaše upute automatski poboljša AI
Primjeri uputa:
- "Uvijek preporuči zakazivanje demo‑prezentacije za složena pitanja"
- "Nikad ne dijeli podatke kupaca ili interne metrike"
- "Uputi pitanja o cijenama prodajnom timu"
Core Instructions imaju najvišu prioritet i uvijek su uključene u svaki odgovor chata.
Nakon izrade, uređivač Core Instructions u postavkama chatbota podržava oblikovanje teksta i klikabilne veze (web, email i telefonski brojevi).
Ograničenja duljine odgovora i predaja ljudima
- Maks. duljina odgovora: Ograničenje broja znakova za odgovore (100-2000 znakova)
- Okidač za predaju čovjeku: Opišite vlastitim riječima kada bot treba predati razgovor čovjeku, npr. "Za pritužbe na proizvod ili zahtjeve za povrat"
- Email za predaju čovjeku: Email adresa na koju bot uputi posjetitelje pri predaji razgovora čovjeku
Korak 8: Sažetak (Obavezno)
Pregledajte sve postavke prije nego što stvorite svog chatbota:
- Provjerite sve konfiguracije
- Pregledajte dizajn widgeta
- Kliknite Create Chatbot za dovršetak
Nakon izrade
Kada kliknete Create Chatbot, bit ćete izravno preusmjereni u čarobnjak Set up your knowledge base, koji popunjava bazu znanja vašeg chatbota u tri brza koraka:
- Scan website — Unesite URL vaše web‑stranice; ChatReact otkriva stranice automatski i omogućuje vam odabir onih koje želite uvesti
- Upload documents — Dodajte PDF, DOCX, TXT, MD, CSV ili JSON datoteke
- Done — Nastavite na vaš dashboard
Oba koraka s sadržajem mogu se preskočiti — znanje uvijek možete dodati kasnije. Pogledajte Knowledge Base guide za detalje.
Od tamo možete:
- Test - Koristite značajku Preview za testiranje razgovora
- Embed - Dodajte widget na vašu web‑stranicu
- Iterate - Prilagodite postavke na temelju povratnih informacija