A chatbot megjelenésének testreszabása

A Shoply AI Chat és az AI Search több mint 40 lehetőséget kínál az alkalmazás megjelenésének testreszabására.

Ez a szakasz végigvezet az AI Chatbothoz elérhető különböző testreszabási lehetőségeken. Személyre szabhatod a megjelenését, a chatablak kialakítását és az üzenetküldési élményt, hogy illeszkedjen a márkádhoz.

Készen állsz az indulásra? Nyisd meg a Customize AI Chat menüpontot a Shoply AI Admin Console felületén, akár Shopifyt, akár más weboldalplatformot használsz. Ha a chatbot még nem látható, kövesd a telepítési és láthatósági ellenőrzőlistát.

A chatablak előnézete

Próbáld ki ugyanazt a témát és az adminfelületen használt, asztali szélességű illusztrációkat. Válassz világos vagy sötét megjelenést, és hasonlítsd össze, mennyi helyet foglal el a chatablak.

Ha azt szeretnéd módosítani, hogyan beszél az AI, nem pedig azt, hogyan néz ki, nézd meg hogyan szabhatod testre az AI személyiségét.

A chatikon kiválasztása

Select an icon

17 előre definiált chatikon közül választhatsz, vagy feltölthetsz egy képet saját chatikonként.

A chatikon színe és mérete

Primary Color

Ez a fő témaszín, és a chatablakban kiemelt szövegszínként is ezt használjuk.

Ha a weboldaladon világos módot használsz, kérjük, válassz nem fehér színt témaszínként — így biztosítható, hogy a kiemelt szöveg világos háttér előtt is jól olvasható maradjon. Ha a weboldaladon sötét módot használsz, kérjük, válassz nem fekete színt témaszínként.

Complementary Color

Ez egy kiegészítő szín, amely az elsődleges színnel együtt színátmeneteket (két szín közötti sima átmenetet) hoz létre a chatikonhoz és a chatablak fejlécéhez, így a chatikon vizuálisan vonzóbb lesz, és jobban illeszkedik a márkádhoz.

Icon’s Line Color

Ez a chatikon körvonalának színe.

Whether to remove the background color of the chat icon.

Ez gyakran akkor hasznos, ha képet töltesz fel chatikonként, és el szeretnéd távolítani a chatikon háttérszínét (az elsődleges színt).

Whether to remove the shadow of the chat icon.

Ez a beállítás lehetővé teszi, hogy eltávolítsd a chatikonról az árnyékhatást egy laposabb, minimalista dizájn érdekében. Ez különösen hasznos, ha az áruházad letisztult, modern megjelenésű, vagy ha olyan egyéni ikont töltöttél fel, amely már eleve tartalmaz saját árnyék- vagy mélységhatásokat.

Floating Icon Size for desktop and mobile.

Mobilon érdemes lehet kisebb méretet beállítani a chatikonhoz, hogy ne takarja ki a vásárló elől a mobilképernyőt.

A chatikon elhelyezése

Chat icon positioning’s on desktop and on mobile.

Z-index of Chat Icon:

Használj magasabb értéket, ha azt szeretnéd, hogy az ikon más felhasználói felületi elemek előtt maradjon.

Auto-hide chat icon on mobile

A chatikon elrejtése mobil eszközökön egy megadott számú másodperc után.

Ez a beállítás csak mobil eszközökön érhető el. Segít megelőzni, hogy a chatikon kitakarja a vásárló elől a mobilképernyőt.

A chatablak testreszabása

Amikor a Shoply AI chatikonjára kattintasz, felugrik a chatablak. A vásárlók ezen a chatablakon keresztül léphetnek kapcsolatba a Shoply AI-jal.

Ez a szakasz végigvezet a chatablak testreszabásához elérhető különböző lehetőségeken.

Color Theme (dark mode or light mode) of the chat window

Ha a sötét módot választod, a chatablak háttere fekete lesz, a betűszín pedig fehér. Javasoljuk, hogy a sötét módot válaszd, ha az áruházad témája is sötét módot használ.

Width of the chat window on desktop

Ez a beállítás csak asztali gépen érvényes. Mobilon a chatablak mindig a teljes képernyőt elfoglalja.

Select the branding image and background image

Dönthetsz úgy, hogy saját márkaképet és háttérképet töltesz fel a chatablakhoz, vagy egyszerűen hagyod, hogy a Shoply AI generálja ezeket a képeket neked.

Ha az AI által generált képet választod, a Shoply AI a márkaképeket és háttérképeket az áruházad leírása alapján fogja létrehozni.

Adjust the transparency and aspect ratios of the background image for the chat window.

A chatablak háttérképei miatt a fölöttük lévő szöveg nehezen olvashatóvá válhat. Ezért alapértelmezés szerint egy félig átlátszó réteget helyezünk a háttérkép fölé.

Whether to remove Shoply AI’s Logo in Input Bar

Ez a beállítás lehetővé teszi, hogy eltávolítsd a Shoply AI logót a chat beviteli sávjából a letisztultabb, jobban márkázott élmény érdekében. Ez különösen hasznos, ha egységes márkaazonosságot szeretnél fenntartani az áruházad egészében harmadik féltől származó logók nélkül, vagy ha minimalista chatfelületet részesítesz előnyben.

Ez a beállítás csak fizetős csomagokban érhető el.

Előre meghatározott üzenetek az AI Chathez

Beállíthatsz vagy szerkeszthetsz olyan alapértelmezett üzeneteket is, amelyek irányt mutatnak a vásárlóknak, amikor először kapcsolatba lépnek a chatbotoddal. Emellett ezekhez az üzenetekhez a fordítási lehetőségeket is beállíthatod (további részletekért lásd ezt a GYIK oldalt).

Popup Welcome message (shows above chat icon if not empty)

Ha üresen hagyod az üdvözlő üzenetet, nem jelenítjük meg azt a chatikon felett.

Pre-defined messages in chat window

Legfeljebb 3 típusú előre meghatározott üzenetet állíthatsz be a chatablakban:

1. Első üzenet a chatablakban - Ez az a kezdeti üdvözlő üzenet, amely automatikusan megjelenik, amikor a vásárlók először megnyitják a chatablakot. Ezzel üdvözölheted a vásárlókat, és megadhatod a beszélgetés alaphangját.

2. Legfeljebb 4 kezdő kérdés - Ezek kattintható kérdésjavaslatok, amelyek a chat elején jelennek meg. Segítenek irányt adni a vásárlóknak azáltal, hogy gyakori kérdéseket kínálnak fel, amelyekre rákattintva elindíthatják a beszélgetést, így könnyebben kezdhetik el.

3. Beviteli mező helyőrző üzenete - Ez az a súgószöveg, amely a chat beviteli mezőjében jelenik meg, mielőtt a vásárlók gépelni kezdenének. Útmutatást ad arra vonatkozóan, mit kérdezhetnek a vásárlók, például: “Ask me anything 🤗” vagy “How can I help you today?”

Ezek a beállítások a szokásos chatnyitást szabályozzák. Amikor egy vásárló a “Question About This Product?” linken keresztül nyitja meg a chatet, a Shoply ehelyett megjeleníti a termék nevét, egy rövid termékkiemelést és az adott elemhez automatikusan generált kérdéseket. Nem kell minden termékhez külön kezdő kérdéseket írnod. Tudd meg, hogyan működnek az AI-alapú termékkérdések, vagy kövesd a lépéseket egy termékkérdés gomb hozzáadásához.

Nézd meg az egyes előre meghatározott üzenettípusok példáit: