Thema & Erscheinung
D'Thema Säit ass wou Dir Ärem Assistent seng visuell Identitéit gitt — Numm, Avatar, Markfaarwen — an d'Kanäler auswielt, wou et lieweg wäert sinn. Alles gëtt live an der Säit selwer virun, sou datt Dir iteréieren kënnt ouni de Dashboard ze verloossen.
Macht Äre AI Agent LOOK on-brand · Thema + GDPR Widget
→ Administrateur Pfad: Personalisatioun → Thema (/admin/chatModel/{id}/settings/theme)
Wat Dir konfiguréiert
D'Säit ass an dräi Schrëtt organiséiert. Dir kënnt zu all Moment virun a réckelen; Ännerungen am Schrëtt 2 ginn gespäichert wann Dir op Späicheren & Nächsten klickt.
Schrëtt 1 — Identitéit
- Numm — den ëffentleche Numm vun Ärem Assistent (z.B. "Emma", "Support Bot"). Si ass iwwerall sichtbar wou Äre Assistent mat Benotzer schwätzt.
- Avatar — d'Bild dat d'Benotzer am Chat-Kapp an an den Noriichteblieder gesin. Lued e quadratescht Bild erop; mir gréisst et an déngen et vun eisem CDN.
Den Numm ass wat Är Benotzer de Bot nennen. Wielt eppes dat zur Mark passt an einfach ze tippen ass — et gëtt d'Identitéit vum Assistent iwwer all Kanal.
Schrëtt 2 — Faarwen
Zwei Faarwen definéieren d'ganz Widget Palette:
| Faarf | Wou et gewisen gëtt |
|---|---|
Primär (brand.200) | Hannergrond vum schwebende Knäppchen, Noriichteblieder Akzente, Hover-Zustänn |
Sekundär (brand.500) | Schécken Knäppchen, Linken an der Konversatioun, Fokus-Ringen, aktiv Zustänn |
Beid Inputfelder akzeptéieren all HEX Wäert. D'live Preview um Enn vun der Säit reflektéiert Är Ännerungen an Echtzäit, sou datt Dir eng Kombinatioun wielt déi gutt op Ärer Säit liest ier Dir späichert.
Firwat nëmmen zwou Faarwen? Eis Designsystem leet eng voll 5-Schrëtt Palette (100/200/500/700/900) aus dësen zwou Anker. Dir setzt den Toun; mir halen de Rescht konsequent.
Schrëtt 3 — Integréieren
Wann Äre Assistent richteg ausgesäit, spréngt direkt an den Integratiounskanal vun Ärer Wahl:
- Web Widget — Embed Code fir all Website, mat voller Knäppchen- an Layoutkontrollen
- WordPress — auto-injectioun iwwer de WordPress Plugin
- PrestaShop — auto-injectioun iwwer de PrestaShop Modul
- Shopify — verbënnt Äre Shop an injizéiert de Chatbot automatesch
- Joomla — auto-injectioun iwwer de Joomla Plugin
Jede Kaarte féiert Iech op d'gewidmet Integratiounssäit wou Dir den Knäppchenstil, d'Positioun, d'Feedback-Modus, d'Vocalfunktiounen an d'kanal-spezifesch Verhalen ajustéiert.
Live Preview
E live Chat Widget gëtt op der Thema Säit selwer gerendert. Et gëtt automatesch erëm injizéiert all Kéier wann Dir eng Faarf ännert, sou datt Dir d'exakt Renderung gesitt déi Är Endbenotzer kréien — et ass net néideg ze publizéieren oder eng aner Tab ze öffnen.
D'Preview benotzt de selwechte universal-chatbot.js Bundle wéi d'Produktioun, sou datt wat Dir gesitt ass wat Är Visiteuren gesin.
Rechter
| Aktioun | Noutwendeg Erlaabnis |
|---|---|
| D'Thema Säit gesin | THEME_READ |
| Faarwen änneren / Thema späicheren | THEME_UPDATE |
| Den Assistent ëmbenennen | CHAT_MODEL_UPDATE |
Memberen ouni THEME_UPDATE gesin d'Säit am Liesen-nur Modus (Inputfelder deaktivéiert, keng Späicheren Knäppchen). Kuckt Zougangskontroll fir ze gesin wéi dës ze zouweisen.
Tipps
- Test op Ärem richtege Hannergrond. Öffnen Är Säit an enger zweet Tab während Dir Faarwen auswielt — wat am Dashboard gutt ausgesäit kann mat Ärer Hero Sektioun kollidéieren.
- Halt de Kontrast. D'Sekundär Faarf gëtt och fir klickbar Text an der Konversatioun benotzt. Wann d'Benotzer et net liese kënnen, wäerten si et net klickt.
- Matcht Äre CTA, net Äre Logo. D'Widget ass eng interaktiv Fläch, sou datt Dir et un der Aktiounsfaarf vun Ärer Säit (de "Kaaft elo" / "Mellt Iech un" Toun) an net un der Logo-Faarf verankert.
- Avatar ass méi wichteg wéi Dir denkt. E richtege Gesiicht oder e stiliséierte Charakter konvertéiert besser wéi e generesche Roboter-Icon — d'Benotzer opmaachen de Chat méi wann et mënschlech ausgesäit.
Verwandt
- Biografie — definéiert d'Perséinlechkeet an d'Entscheedungsreegelen vun Ärem Assistent
- Integratioun vum Chatbot — embed et op enger Website
- Kanäler — verbënnt Messaging Plattformen
- Zougangskontroll — verwalten wien d'Thema ännere kann