Tema i Izgled
Stranica Tema je mjesto gdje svom asistentu dajete vizualni identitet — ime, avatar, boje branda — i birate kanale na kojima će djelovati. Sve se uživo prikazuje na samoj stranici, tako da možete iterirati bez napuštanja nadzorne ploče.
Neka vaš AI agent IZGLEDA u skladu s brandom · Tema + GDPR widget
→ Administratorski put: Prilagodba → Tema (/admin/chatModel/{id}/settings/theme)
Što konfigurirate
Stranica je organizirana u tri koraka. Možete se kretati naprijed i natrag u bilo kojem trenutku; promjene u koraku 2 se spremaju kada pritisnete Spremi i sljedeće.
Korak 1 — Identitet
- Ime — javno ime vašeg asistenta (npr. "Emma", "Bot za podršku"). Vidljivo svugdje gdje vaš asistent komunicira s korisnicima.
- Avatar — slika koju korisnici vide u zaglavlju chata i balonima poruka. Prenesite kvadratnu sliku; mi je prilagodimo i poslužujemo s našeg CDN-a.
Ime je ono s čime se vaši korisnici obraćaju botu. Odaberite nešto što odgovara brandu i lako se kuca — to postaje identitet asistenta na svakom kanalu.
Korak 2 — Boje
Dvije boje definiraju cijelu paletu widgeta:
| Boja | Gdje se prikazuje |
|---|---|
Primarna (brand.200) | Pozadina lebdeće tipke, naglasci balona poruka, stanja pri prelasku |
Sekundarna (brand.500) | Tipka za slanje, linkovi unutar razgovora, prstenovi fokusa, aktivna stanja |
Oba unosa prihvaćaju bilo koju HEX vrijednost. Uživanje u prikazu na dnu stranice odražava vaše promjene u stvarnom vremenu tako da možete odabrati par koji dobro izgleda na vašoj stranici prije spremanja.
Zašto samo dvije boje? Naš dizajnerski sustav izvodi punu paletu od 5 koraka (100/200/500/700/900) iz ovih dviju osnovnih boja. Vi postavljate ton; mi održavamo ostatak dosljednim.
Korak 3 — Integracija
Kada vaš asistent izgleda ispravno, odmah pređite na kanal integracije po vašem izboru:
- Web Widget — kod za umetanje za bilo koju web stranicu, s punom kontrolom tipki i rasporeda
- WordPress — automatsko umetanje putem WordPress dodatka
- PrestaShop — automatsko umetanje putem PrestaShop modula
- Shopify — povežite svoju trgovinu i automatski umetnite chatbot
- Joomla — automatsko umetanje putem Joomla dodatka
Svaka kartica vodi vas na posvećenu stranicu integracije gdje podešavate stil tipke, poziciju, način povratnih informacija, glasovne značajke i ponašanje specifično za kanal.
Uživanje u prikazu
Widget za chat uživo prikazan je na samoj stranici Tema. Automatski se ponovno umetne svaki put kada promijenite boju, tako da vidite točno renderiranje koje će vaši krajnji korisnici dobiti — nema potrebe za objavljivanjem ili otvaranjem druge kartice.
Prikaz koristi isti universal-chatbot.js paket kao produkcija, tako da ono što vidite je ono što će vaši posjetitelji vidjeti.
Dozvole
| Akcija | Potrebna dozvola |
|---|---|
| Pregledajte stranicu Tema | THEME_READ |
| Promijenite boje / spremite temu | THEME_UPDATE |
| Preimenujte asistenta | CHAT_MODEL_UPDATE |
Članovi bez THEME_UPDATE vide stranicu u načinu samo za čitanje (unos onemogućen, bez gumba za spremanje). Pogledajte Kontrolu pristupa za informacije o tome kako dodijeliti ove dozvole.
Savjeti
- Testirajte na svojoj stvarnoj pozadini. Otvorite svoju stranicu u drugoj kartici dok birate boje — ono što izgleda dobro na nadzornoj ploči može se sukobiti s vašom hero sekcijom.
- Održavajte kontrast. Sekundarna boja se također koristi za klikabilni tekst u razgovoru. Ako korisnici ne mogu pročitati, neće ni kliknuti.
- Uskladite svoj CTA, a ne svoj logo. Widget je interaktivna površina, pa ga povežite s bojom akcije vaše stranice (ton "Kupi sada" / "Prijavite se") umjesto s bojom vašeg loga.
- Avatar je važniji nego što mislite. Prava lica ili stilizirani likovi bolje konvertiraju od generičke ikone robota — korisnici otvaraju chat više kada izgleda ljudski.
Povezano
- Biografija — definirajte osobnost i pravila donošenja odluka vašeg asistenta
- Integracija Chatbota — umetnite ga na web stranicu
- Kanali — povežite platforme za razmjenu poruka
- Kontrola pristupa — upravljajte tko može uređivati temu