Téma és Megjelenés
A Téma oldal az a hely, ahol asszisztense vizuális identitását — név, avatar, márkaszínek — megadhatja, és kiválaszthatja azokat a csatornákat, ahol élni fog. Minden élőben előnézhető az oldalon, így iterálhat anélkül, hogy elhagyná a vezérlőpultot.
Tegye asszisztensét márkás megjelenésűvé · Téma + GDPR widget
→ Admin útvonal: Testreszabás → Téma (/admin/chatModel/{id}/settings/theme)
Mit konfigurál
Az oldal három lépésre van felosztva. Bármikor léphet előre vagy hátra; a 2. lépésben végzett változtatások akkor kerülnek mentésre, amikor megnyomja a Mentés és Tovább gombot.
1. lépés — Identitás
- Név — asszisztense nyilvános neve (pl. "Emma", "Támogató Bot"). Mindenhol látható, ahol asszisztense beszél a felhasználókkal.
- Avatar — a kép, amelyet a felhasználók a csevegés fejléc ében és az üzenetbuborékokban látnak. Töltsön fel egy négyzet alakú képet; mi átméretezzük és a CDN-nkből szolgáltatjuk.
A név az, ahogyan a felhasználók a botot megszólítják. Válasszon valami márkásat és könnyen beírhatót — ez lesz az asszisztens identitása minden csatornán.
2. lépés — Színek
Két szín határozza meg az egész widget palettát:
| Szín | Hol jelenik meg |
|---|---|
Elsődleges (brand.200) | A lebegő gomb háttérszíne, üzenetbuborék kiemelések, lebegő állapotok |
Másodlagos (brand.500) | Küldés gomb, linkek a beszélgetésben, fókuszgyűrűk, aktív állapotok |
Mindkét bemenet bármilyen HEX értéket elfogad. Az oldal alján található élő előnézet valós időben tükrözi a változtatásait, így kiválaszthat egy párt, amely jól olvasható az Ön webhelyén a mentés előtt.
Miért csak két szín? A tervezési rendszerünk egy teljes 5 lépésből álló palettát (100/200/500/700/900) derivál ezekből a két horgonyból. Ön állítja be a hangulatot; mi megőrizzük a többit következetesen.
3. lépés — Integrálás
Miután asszisztense jól néz ki, ugrjon egyből a választott integrációs csatornára:
- Web Widget — beágyazási kód bármely weboldalhoz, teljes gomb- és elrendezésvezérléssel
- WordPress — automatikus beillesztés a WordPress bővítményen keresztül
- PrestaShop — automatikus beillesztés a PrestaShop modulon keresztül
- Shopify — csatlakoztassa boltját és automatikusan illessze be a chatbotot
- Joomla — automatikus beillesztés a Joomla bővítményen keresztül
Minden kártya a dedik ált integrációs oldalra vezet, ahol finomhangolhatja a gomb stílusát, pozícióját, visszajelzési módját, hangfunkcióit és csatornaspecifikus viselkedését.
Élő előnézet
Egy élő csevegő widget jelenik meg a Téma oldalon. Automatikusan újra beillesztődik, amikor színt változtat, így pontosan azt a megjelenítést látja, amit a végfelhasználói is kapnak — nincs szükség publikálásra vagy egy másik fül megnyitására.
Az előnézet ugyanazt az universal-chatbot.js csomagot használja, mint a termelés, így amit lát, az az, amit a látogatói is látnak.
Engedélyek
| Művelet | Szükséges engedély |
|---|---|
| A Téma oldal megtekintése | THEME_READ |
| Színek megváltoztatása / téma mentése | THEME_UPDATE |
| Az asszisztens átnevezése | CHAT_MODEL_UPDATE |
Azok a tagok, akiknek nincs THEME_UPDATE engedélyük, csak csak olvasási módban látják az oldalt (bemenetek letiltva, nincs Mentés gomb). Lásd Hozzáférés-vezérlés a hozzárendelés módjáról.
Tippek
- Tesztelje a valódi háttér előtt. Nyisson meg egy második fület a webhelyével, miközben színeket választ — ami a vezérlőpulton jól néz ki, ütközhet a hős szekciójával.
- Tartsa fenn a kontrasztot. A másodlagos színt a beszélgetésben kattintható szövegekhez is használják. Ha a felhasználók nem tudják elolvasni, nem fognak rákattintani.
- Illessze a CTA-ját, ne a logóját. A widget egy interaktív felület, így rögzítse a webhelye akciószínéhez (a "Vásároljon most" / "Iratkozzon fel" tónus) a logó színe helyett.
- Az avatar fontosabb, mint gondolja. Egy valódi arc vagy stilizált karakter jobban konvertál, mint egy általános robot ikon — a felhasználók gyakrabban nyitják meg a csevegést, ha emberinek tűnik.
Kapcsolódó
- Életrajz — határozza meg asszisztense személyiségét és döntési szabályait
- A Chatbot Integrálása — ágyazza be egy weboldalra
- Csatornák — csatlakoztassa az üzenetküldő platformokat
- Hozzáférés-vezérlés — kezelje, ki szerkesztheti a témát