Teema & Ulkoasu
Teema-sivulla annat avustajallesi visuaalisen identiteetin — nimen, avatarin, brändivärit — ja valitset kanavat, joissa se toimii. Kaikki esitetään reaaliaikaisesti sivulla, joten voit iteratiivisesti muokata ilman, että sinun tarvitsee poistua hallintapaneelista.
Tee AI-agentistasi brändin mukainen · Teema + GDPR-widget
→ Hallintapolku: Mukauttaminen → Teema (/admin/chatModel/{id}/settings/theme)
Mitä voit konfiguroida
Sivu on järjestetty kolmeen vaiheeseen. Voit edetä eteenpäin ja taaksepäin milloin tahansa; muutokset vaiheessa 2 tallennetaan, kun napsautat Tallenna & Seuraava.
Vaihe 1 — Identiteetti
- Nimi — avustajasi julkinen nimi (esim. "Emma", "Tukibotti"). Näkyy kaikkialla, missä avustajasi puhuu käyttäjille.
- Avatar — kuva, jonka käyttäjät näkevät chat-otsikossa ja viestikuplissa. Lataa neliökuva; me muokkaamme ja tarjoamme sen CDN:stämme.
Nimi on se, miten käyttäjäsi kutsuvat bottia. Valitse jotain brändin mukaista ja helposti kirjoitettavaa — siitä tulee avustajan identiteetti kaikilla kanavilla.
Vaihe 2 — Värit
Kaksi väriä määrittävät koko widgetin väripaletin:
| Väri | Missä se näkyy |
|---|---|
Pääväri (brand.200) | Kelluvan painikkeen tausta, viestikuplien korostukset, hover-tilat |
Toissijainen (brand.500) | Lähetä-painike, linkit keskustelussa, fokusrengas, aktiiviset tilat |
Molemmat syötteet hyväksyvät minkä tahansa HEX-arvon. Sivun alareunassa oleva reaaliaikainen esikatselu heijastaa muutoksiasi, jotta voit valita parin, joka näyttää hyvältä sivustollasi ennen tallentamista.
Miksi vain kaksi väriä? Suunnittelujärjestelmämme johdattaa täydellisen 5-vaiheisen paletin (100/200/500/700/900) näistä kahdesta ankkurista. Sinä asetat sävyn; me pidämme loput johdonmukaisina.
Vaihe 3 — Integroi
Kun avustajasi näyttää oikealta, siirry suoraan valitsemaasi integraatiokanavaan:
- Web-widget — upotuskoodi mille tahansa verkkosivustolle, täydellä painike- ja asettelukontrollilla
- WordPress — automaattinen injektio WordPress-laajennuksen kautta
- PrestaShop — automaattinen injektio PrestaShop-moduulin kautta
- Shopify — yhdistä kauppasi ja injektoi chatbot automaattisesti
- Joomla — automaattinen injektio Joomla-laajennuksen kautta
Jokainen kortti vie sinut omalle integraatiosivulle, jossa voit säätää painikkeen tyyliä, sijaintia, palautetilaa, ääniominaisuuksia ja kanavakohtaista käyttäytymistä.
Reaaliaikainen esikatselu
Reaaliaikainen chat-widget esitetään itse Teema-sivulla. Se injektoi automaattisesti uudelleen joka kerta, kun muutat väriä, joten näet tarkan renderöinnin, jonka loppukäyttäjäsi saavat — ei tarvetta julkaista tai avata toista välilehteä.
Esikatselu käyttää samaa universal-chatbot.js pakettia kuin tuotanto, joten mitä näet, on mitä vieraasi näkevät.
Oikeudet
| Toiminto | Vaadittu oikeus |
|---|---|
| Näytä Teema-sivu | THEME_READ |
| Muuta värejä / tallenna teema | THEME_UPDATE |
| Nimeä avustaja uudelleen | CHAT_MODEL_UPDATE |
Jäsenet, joilla ei ole THEME_UPDATE-oikeutta, näkevät sivun vain vain-lukutilassa (syötteet poistettu käytöstä, ei Tallenna-painiketta). Katso Pääsynhallinta saadaksesi tietoa siitä, miten näitä oikeuksia voi myöntää.
Vinkit
- Testaa oikealla taustalla. Avaa sivustosi toisessa välilehdessä värejä valitessasi — se, mikä näyttää hyvältä hallintapaneelissa, voi olla ristiriidassa sankarisegmenttisi kanssa.
- Pidä kontrasti. Toissijaista väriä käytetään myös klikattavassa tekstissä keskustelussa. Jos käyttäjät eivät näe sitä, he eivät klikkaa.
- Sovita CTA:si, ei logoasi. Widget on interaktiivinen pinta, joten kiinnitä se sivustosi toimintoväriin (esim. "Osta nyt" / "Rekisteröidy") sen sijaan, että käyttäisit logoväriäsi.
- Avatar on tärkeämpi kuin luulet. Todellinen kasvot tai tyylitelty hahmo konvertoi paremmin kuin geneerinen robotti-ikoni — käyttäjät avavat chatin useammin, kun se näyttää inhimilliseltä.
Liittyvät
- Elämäkerta — määrittele avustajasi persoonallisuus ja päätössäännöt
- Chatbotin integrointi — upota se verkkosivustolle
- Kanavat — yhdistä viestintäalustat
- Pääsynhallinta — hallitse, kuka voi muokata teemaa