Preskoči na vsebino

Tema in videz

Stran Tema je mesto, kjer svojemu asistentu dodelite vizualno identiteto — ime, avatar, barve blagovne znamke — in izberete kanale, kjer bo deloval. Vse se v živo predvaja na sami strani, tako da lahko iterirate, ne da bi zapustili nadzorno ploščo.

Video tutorial

Poskrbite, da vaš AI agent IZGLEDA v skladu z blagovno znamko · Tema + GDPR pripomoček

→ Pot za skrbnike: Prilagoditev → Tema (/admin/chatModel/{id}/settings/theme)


Kaj konfigurirate

Stran je organizirana v tri korake. Premikate se lahko naprej in nazaj kadarkoli; spremembe v koraku 2 se shranijo, ko pritisnete Shrani in naprej.

Korak 1 — Identiteta

Theme — Step 1: Identity

  • Ime — javno ime vašega asistenta (npr. "Emma", "Podporni bot"). Vidno povsod, kjer vaš asistent komunicira z uporabniki.
  • Avatar — slika, ki jo uporabniki vidijo v glavi klepeta in mehurčkih sporočil. Naložite kvadratno sliko; jo preoblikujemo in dostavimo iz našega CDN.

Ime je tisto, kako uporabniki nagovarjajo bota. Izberite nekaj, kar je v skladu z blagovno znamko in enostavno za vpis — postane identiteta asistenta na vsakem kanalu.

Korak 2 — Barve

Theme — Step 2: Colors

Dve barvi definirata celotno paleto pripomočka:

BarvaKje se prikazuje
Primarna (brand.200)Ozadje plavajočega gumba, poudarki mehurčkov sporočil, stanja ob prehodu
Sekundarna (brand.500)Gumb za pošiljanje, povezave znotraj pogovora, obroči fokusa, aktivna stanja

Oba vnosa sprejemata katero koli HEX vrednost. Predogled v živo na dnu strani odraža vaše spremembe v realnem času, tako da lahko izberete par, ki se dobro bere na vaši strani, preden shranite.

Zakaj samo dve barvi? Naš oblikovalski sistem iz teh dveh sidrnih točk izpelje celotno 5-stopinjsko paleto (100/200/500/700/900). Vi postavite ton; mi ohranjamo ostalo dosledno.

Korak 3 — Integracija

Theme — Step 3: Integrate

Ko vaš asistent izgleda prav, pojdite neposredno na integracijski kanal po vaši izbiri:

  • Spletni pripomoček — koda za vdelavo na katero koli spletno stran, z popolnimi kontrolami gumba in postavitve
  • WordPress — samodejna injekcija preko WordPress vtičnika
  • PrestaShop — samodejna injekcija preko PrestaShop modula
  • Shopify — povežite svojo trgovino in samodejno vdelajte klepetalnega bota
  • Joomla — samodejna injekcija preko Joomla vtičnika

Vsaka kartica vas pripelje na namensko stran za integracijo, kjer prilagodite slog gumba, položaj, način povratnih informacij, funkcije glasu in vedenje specifično za kanal.


Predogled v živo

V živo klepetalni pripomoček je prikazan na strani Tema. Samodejno se ponovno injicira vsakič, ko spremenite barvo, tako da vidite natančno upodobitev, ki jo bodo dobili vaši končni uporabniki — ni potrebno objaviti ali odpreti drugega zavihka.

Predogled uporablja isti universal-chatbot.js paket kot produkcija, tako da kar vidite, je tisto, kar bodo videli vaši obiskovalci.


Dovoljenja

DejanjeZahtevano dovoljenje
Ogled strani TemaTHEME_READ
Sprememba barv / shranitev temeTHEME_UPDATE
Preimenovanje asistentaCHAT_MODEL_UPDATE

Člani brez THEME_UPDATE vidijo stran v načinu samo za branje (vnosni elementi onemogočeni, brez gumba za shranjevanje). Oglejte si Nadzor dostopa za informacije o tem, kako dodeliti ta dovoljenja.


Nasveti

  • Preizkusite na svojem pravem ozadju. Odprite svojo stran v drugem zavihku, medtem ko izbirate barve — kar izgleda dobro na nadzorni plošči, se lahko ne ujema z vašo glavno sekcijo.
  • Ohranite kontrast. Sekundarna barva se uporablja tudi za klikljive besedilo v pogovoru. Če ga uporabniki ne morejo prebrati, ne bodo kliknili.
  • Ujemite svoj CTA, ne svoj logotip. Pripomoček je interaktivna površina, zato ga povežite z barvo akcije vaše strani (ton "Kupi zdaj" / "Prijavi se") namesto z barvo vašega logotipa.
  • Avatar je pomembnejši, kot mislite. Prava obraz ali stilizirana oseba se bolje pretvori kot generična ikona robota — uporabniki pogosteje odprejo klepet, ko izgleda človeško.

Sorodno

Pripravljeni, da dvignete svojo
uporabniško izkušnjo?

Uvedite AI asistente, ki navdušijo stranke in se prilagajajo vašemu podjetju.

Skladno z GDPR