A Shoply AI Chat megjelenésének testreszabása

A Shoply AI Chat 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.

Ebben a részben bemutatjuk az AI Chatbothoz elérhető különböző testreszabási lehetőségeket. A megjelenést, a csevegőablak kialakítását és az üzenetküldési élményt is a márkádhoz igazíthatod.

Készen állsz a kezdésre? A csevegési élmény testreszabásának megkezdéséhez keresd fel az alkalmazás adminisztrációs konzoljában a Customize AI Chat oldalt. Miután engedélyezted a Shoply AI Chat szolgáltatást a Shopify Theme Editorban, a csevegés ikonja megjelenik az áruház weboldalának jobb alsó sarkában.

A csevegés ikonjának kiválasztása

Ikon kiválasztása

17 különböző, előre definiált ikon közül választhatsz csevegési ikont, vagy feltölthetsz egy képet saját csevegési ikonként.

Különböző ikonok kiválasztása az AI Chat gombhoz

A csevegés ikonjának színe és mérete

Az AI Chat gomb testreszabása

Elsődleges szín

Ez az elsődleges témaszín, amely kiemelt szövegszínként is megjelenik a csevegőablakban.

Ha világos módot használsz a weboldaladon, kérjük, ne fehér színt válassz témaszínként, hogy a kiemelt szöveg továbbra is olvasható legyen a világos háttéren. Ha sötét módot használsz a weboldaladon, kérjük, ne fekete színt válassz témaszínként.

Kiegészítő szín

Ez az elsődleges színnel együtt használható kiegészítő szín, amely színátmeneteket (két szín közötti fokozatos átmenetet) hoz létre a csevegés ikonján és a csevegőablak fejlécén, így az ikon látványosabbá válik és jobban illeszkedik a márkádhoz.

Az ikon vonalszíne

Ez a csevegés ikonja körvonalának színe.

A csevegés ikonja háttérszínének eltávolítása

Ez akkor lehet hasznos, ha képet töltesz fel csevegési ikonként, és el szeretnéd távolítani az ikon háttérszínét (az elsődleges színt).

Az ikon árnyékának eltávolítása

Ezzel a lehetőséggel eltávolíthatod a csevegés ikonja alatti árnyékhatást, így laposabb, minimalistább kialakítást kaphatsz. 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 tartalmaz saját árnyékot vagy térhatást.

Lebegő ikon mérete asztali és mobilnézetben

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

A csevegés ikonjának elhelyezése

A csevegés ikonjának elhelyezése asztali és mobilnézetben

A csevegés ikonjának Z-indexe:

Használj magasabb értéket, ha azt szeretnéd, hogy az ikon a többi felületi elem előtt maradjon.

A csevegés ikonjának automatikus elrejtése mobilon

Az ikon elrejtése mobilkészülékeken a megadott számú másodperc elteltével.

Ez a lehetőség csak mobilkészülékeken érhető el. Segít megelőzni, hogy a csevegés ikonja kitakarja a vásárló elől a mobilképernyő tartalmát.

A csevegőablak testreszabása

Amikor a Shoply AI csevegés ikonjára kattintasz, megjelenik a csevegőablak. A vásárlók ezen a csevegőablakon keresztül léphetnek kapcsolatba a Shoply AI szolgáltatással.

Ebben a részben bemutatjuk a csevegőablak testreszabásához elérhető különböző lehetőségeket.

A csevegőablak színtémája (sötét vagy világos mód)

Ha a sötét módot választod, a csevegőablak háttere fekete, a betűszín pedig fehér lesz. A sötét mód használatát javasoljuk, ha az áruházad témája is sötét módot használ.

Sötét vagy világos mód az AI Chat csevegőablakához

A csevegőablak szélessége asztali nézetben

Ez a lehetőség csak asztali nézetben érvényes. Mobilon a csevegőablak mindig a teljes képernyőt elfoglalja.

A márka- és háttérkép kiválasztása

Feltöltheted saját márkaképedet és háttérképedet a csevegőablakhoz, vagy egyszerűen megkérheted a Shoply AI szolgáltatást, hogy hozza létre ezeket a képeket.

Ha az AI által létrehozott képet választod, a Shoply AI szolgáltatás az áruházad leírása alapján hozza létre a márka- és háttérképeket.

A csevegőablak háttérképének átlátszósága és képaránya

A csevegőablak háttérképei olvashatatlanná tehetik a rajtuk megjelenő szöveget. Ezért alapértelmezés szerint egy félig átlátszó réteget helyezünk a háttérkép fölé.

A Shoply AI logójának eltávolítása a beviteli sávról

Ezzel a lehetőséggel eltávolíthatod a Shoply AI logóját a csevegés beviteli sávjáról a letisztultabb, márkádhoz jobban illeszkedő élményért. Ez különösen hasznos, ha egységes márkaazonosságot szeretnél fenntartani az áruházadban harmadik féltől származó logók nélkül, vagy ha minimalistább csevegőfelületet szeretnél.

Ez a lehetőség csak fizetős csomagokban érhető el.

Előre definiált üzenetek az AI Chat használatához

Beállíthatsz vagy szerkeszthetsz alapértelmezett üzeneteket is, amelyek útmutatást adnak a vásárlóknak, amikor először lépnek kapcsolatba a chatbotoddal. Emellett az üzenetek fordítási beállításait is megadhatod (további részletekért lásd ezt a GYIK-oldalt).

Felugró üdvözlőüzenet (ha nem üres, a csevegés ikonja felett jelenik meg)

Ha üresen hagyod az üdvözlőüzenetet, nem jelenítjük meg a csevegés ikonja felett.

Felugró üdvözlőüzenet

Előre definiált üzenetek a csevegőablakban

A csevegőablakban legfeljebb 3 típusú előre definiált üzenetet állíthatsz be:

  1. Első üzenet a csevegőablakban – Ez a kezdeti üdvözlőüzenet, amely automatikusan megjelenik, amikor a vásárlók először megnyitják a csevegőablakot. Ezzel üdvözölheted a vásárlókat, és megadhatod a beszélgetés hangnemét.

  2. Legfeljebb 4 kezdő kérdés – Ezek a csevegés elején megjelenő, kattintható kérdésjavaslatok. Gyakori kérdések felkínálásával segítik a vásárlókat a tájékozódásban, és megkönnyítik számukra a beszélgetés elkezdését.

  3. Beviteli mező helyőrző üzenete – Ez a súgószöveg jelenik meg a csevegés beviteli mezőjében, mielőtt a vásárlók gépelni kezdenének. Útmutatást ad arra, hogy mit kérdezhetnek, például: „Bármit kérdezhetsz 🤗” vagy „Miben segíthetek ma?”

Lásd az előre definiált üzenetek egyes típusaira vonatkozó példákat:

Előre definiált üzenetek a csevegőablakban