Prilagoditev vtičnika
Uskladite klepetalni vtičnik z vašo blagovno znamko in določite njegovo vedenje natanko tako, kot želite. Vsa prilagajanja se izvajajo v vašem nadzorni plošči — spremembe se samodejno uporabijo na vaši spletni strani, brez poseganja v kodo vdelave.
Nastavitve najdete v Dashboard → Chatbots → izberite svojega chatbota:
- Zavihek Widget nadzoruje videz (položaj, barve, velikost, besedila)
- Zavihek Behavior nadzoruje, kako se vtičnik odziva na obiskovalce
Kliknite Save Changes na vrhu strani, da uporabite spremembe.
Zavihek Widget: Videz
Položaj
Izberite, kje se vtičnik pojavi na vaši spletni strani:
| Položaj | Opis |
|---|---|
| Spodaj desno | Lebdeči klepetalni balon v spodnjem desnem kotu (privzeto) |
| Spodaj levo | Lebdeči klepetalni balon v spodnjem levem kotu |
| Inline (Vdelano) | Vtičnik je vdelan neposredno na strani namesto lebdečega |
Pri Inline položaju je klepet vdelan na mestu, kjer je postavljen embed skript, in je vedno odprt — brez balona, brez gumba za zapiranje. Idealno za namensko klepetalno ali podporne strani. Podrobnosti glejte v Widget Embedding.
Barvna tema
Izberite eno od treh barvnih prednastavitev:
| Prednastavitev | Opis |
|---|---|
| Privzeto | Standardna barvna shema ChatReact |
| Brand | Barve vaše družbe iz Company Settings |
| Custom | Izberite lastne barve |
Prednastavitev Brand je na voljo šele, ko so nastavljene barve znamke. Pojdite v Company Settings, da izločite barve s vaše spletne strani.
Ko je izbrana možnost Custom, lahko nastavite štiri osnovne barve:
- Primary — balon, gradient v glavi, gumbi in sporočila obiskovalca
- Secondary — druga barva gradienta v glavi
- Background — ozadje klepetalnega okna
- Text — barva besedila v sporočilih
Napredne nastavitve barv
Potrebujete več nadzora? Ko je izbrana prednastavitev Custom, razširite Advanced Color Settings, da preglasite samodejno izračunane barve:
- Visitor Messages — ozadje in barva besedila balončkov sporočil obiskovalca
- Bot Messages — ozadje in barva besedila botovih sporočil
- Header Text Color — barva naslova in podnaslova v glavi vtičnika
Vse, kar pustite nedotaknjeno, se samodejno izračuna za dober kontrast. Vsako preglasitev ima gumb Reset to automatic, da se vrnete na izračunano barvo.
Velikost in slog
| Nastavitev | Obseg | Privzeto |
|---|---|---|
| Border Radius | 0–32 px | 24 px |
| Width | 300–500 px | 380 px |
| Height | 400–700 px | 600 px |
Na majhnih mobilnih zaslonih se vtičnik samodejno preklopi na postavitev polne širine, ne glede na te dimenzije.
Logotip
Omogočite Use company logo in widget header, da prikažete logotip podjetja v glavi klepeta. Sam logotip se naloži v Company Settings — priporočamo kvadratno sliko, vsaj 200×200 px (JPG, PNG, GIF, WebP ali SVG, max. 5 MB).
Ta možnost je na voljo na načrtu Professional in višje, ter na vseh Agency načrtih.
Naslov glave, podnaslov in besedilo balona
| Polje | Opis | Privzeto |
|---|---|---|
| Header Title | Naslov, prikazan v glavi klepetalnega okna | "Chat with us" |
| Header Subtitle | Manjša vrstica pod naslovom | "We typically reply within minutes" |
| Bubble Text | Besedilo prikazano poleg klepetalnega balona, ko je vtičnik zaprt | Brez |
Če naslova ali podnaslova nikoli ne nastavite, vtičnik prikaže privzeto besedilo — samodejno lokalizirano v jezik vsakega obiskovalca.
Kako deluje podnaslov v glavi: Dokler niste konfigurirali podnaslova, vtičnik prikaže lokalizirano privzeto vrednost, in obrazec z nastavitvami to privzeto vrednost predizpolni, da lahko vidite in uredite, kar obiskovalci dobijo. Če želite podnaslov skriti popolnoma, počistite polje in shranite — namerno izpraznjen podnaslov ostane skrit.
Besedilo balona se pojavi kot majhna oznaka poleg zaprtega klepetalnega balona (npr. "Got questions?"). Pustite prazno, da bo prikazan le okrogli balon.
Prevajanja vtičnika
Če vaš chatbot podpira več jezikov, se spodaj pod nastavitvami videza prikaže kartica Widget Translations. Tam lahko prevedete pozdravno sporočilo, nadomestno sporočilo, naslov glave, podnaslov glave in besedilo balona za vsak omogočen jezik.
Pozdravno in nadomestno sporočilo se konfigurirata v zavihku Persona nastavitev vašega chatbota.
Predogled v živo
Desni stolpec zavihka Widget prikazuje Live Preview vašega vtičnika, ki se posodablja med spreminjanjem nastavitev. Je interaktiven: zaprite klepetalno okno z X, da vidite zaprti balon (vključno z vašim besedilom balona), in kliknite balon, da ga ponovno odprete.
Zavihek Behavior: Interakcija
Nastavitve vedenja
| Nastavitev | Opis | Privzeto |
|---|---|---|
| Proactive Greeting | Bot samodejno pozdravi obiskovalce po zamudi (1–10 sekund) | Vklopljeno, 3 s |
| Auto-Open | Vtičnik se samodejno odpre za obiskovalce po zamudi (1–15 sekund) | Izklopljeno, 5 s |
| Sound Enabled | Predvajaj zvočne obvestila | Vklopljeno |
| Typing Indicator | Prikaži animacijo med tipkanjem bota | Vklopljeno |
| Pre-Chat Form | Zberi podatke obiskovalca pred začetkom klepeta | Izklopljeno |
| Show on Mobile | Prikaži vtičnik na mobilnih napravah | Vklopljeno |
Največja dolžina sporočila
Omejite, koliko znakov lahko obiskovalci vnesejo na sporočilo (100–10.000 znakov, privzeto 2.000). To pomaga preprečiti pretirano rabo zaradi zelo dolgih vnosov. Počistite polje ali kliknite Remove limit, da dovolite sporočila poljubne dolžine.
Pre-Chat obrazec
Ko je pre-chat obrazec omogočen, obiskovalci izpolnijo kratek obrazec pred začetkom pogovora. Polja konfigurirate sami:
- Vrste polj: Text, Email, Phone, Textarea
- Vsako polje ima labelo, izbirni placeholder in stikalo required
- Polja preuredite z gumbi za premik gor/dol ali jih odstranite
Če vaš chatbot podpira več jezikov, se pod urejevalnikom polj prikaže razdelek za prevode. Vnesite prevode za vsak jezik ročno ali kliknite Translate with AI, da avtomatsko prevedete vse labele in placeholderje.
Live Chat
Zavihek Behavior vsebuje tudi kartico Live Chat Settings. Omogočite live chat, da lahko obiskovalci komunicirajo z vašimi človeškimi agenti, in izberite način:
| Način | Opis |
|---|---|
| Handoff Only | Live chat le, ko bot ne more pomagati |
| Standalone | Obiskovalci lahko neposredno klepetajo z agenti |
| Both | Na voljo predaja in neposreden live chat |
Live Chat je na voljo na načrtu Professional in višje, ter na vseh Agency načrtih. Za upravljanje dohodnih pogovorov glejte Live Chat.
Blagovna znamka
Na načrtih, ki vključujejo white-label, se na dnu zavihka Behavior prikaže kartica Branding. ChatReact blagovna znamka je privzeto skrita na teh načrtih — omogočite Show "Powered by ChatReact", če želite, da se kljub temu prikaže v nogi vtičnika.
Faza učenja
Medtem ko je nov chatbot v fazi učenja, lahko nadzorujete, kako previdno odgovarja — Cautious, Balanced (priporočeno) ali Confident — v zavihku Confidence iste strani z nastavitvami. Ta zavihek se prikaže na načrtih, ki vključujejo Improvement Agent. Podrobnosti najdete v vodniku Improvement Agent.