Kako prilagoditi videz svojega klepetalnega robota

Shoply AI Chat in AI Search ponujata več kot 40 možnosti za prilagajanje videza aplikacije.

V tem razdelku vas vodimo skozi različne možnosti prilagajanja, ki so na voljo za vaš Shoply AI Chatbot. Prilagodite lahko njegov videz, zasnovo klepetalnega okna in izkušnjo sporočanja, da se ujema z vašo blagovno znamko.

Ste pripravljeni na začetek? Odprite Customize AI Chat v svoji Shoply AI Admin Console, ne glede na to, ali uporabljate Shopify ali drugo spletno platformo. Če klepetalni robot še ni viden, sledite kontrolnemu seznamu za namestitev in vidnost.

Predogled klepetalnega okna

Preizkusite isto temo in ilustracije širine namizja, kot se uporabljajo v skrbniškem vmesniku. Izberite svetel ali temen videz in primerjajte, koliko prostora zavzame klepetalno okno.

Če želite spremeniti, kako AI govori, namesto kako je videti, si oglejte kako prilagoditi osebnost svojega AI.

Izbira ikone klepeta

Select an icon

Izberete lahko ikono klepeta med našimi 17 vnaprej določenimi ikonami ali naložite svojo sliko kot lastno ikono klepeta.

Barva in velikost ikone klepeta

Primary Color

To je glavna barva teme in se uporablja tudi kot barva poudarjenega besedila v klepetalnem oknu.

Če na svojem spletnem mestu uporabljate svetli način, izberite barvo teme, ki ni bela — tako bo poudarjeno besedilo še vedno berljivo na svetlem ozadju. Če na svojem spletnem mestu uporabljate temni način, izberite barvo teme, ki ni črna.

Complementary Color

To je dopolnilna barva, ki deluje skupaj z vašo primarno barvo in ustvarja prelive (gladek prehod med dvema barvama) za ikono klepeta in glavo klepetalnega okna, zaradi česar je ikona klepeta vizualno privlačnejša in bolj usklajena z vašo blagovno znamko.

Icon’s Line Color

To je barva obrisa ikone klepeta.

Whether to remove the background color of the chat icon.

To je pogosto uporabno, če kot ikono klepeta naložite sliko in želite odstraniti barvo ozadja (primarno barvo) ikone klepeta.

Whether to remove the shadow of the chat icon.

Ta možnost vam omogoča, da odstranite učinek padajoče sence z ikone klepeta za bolj ploščat in minimalističen dizajn. To je še posebej uporabno, če ima vaša trgovina čist, sodoben videz ali če ste naložili ikono po meri, ki že vključuje lastne učinke sence ali globine.

Floating Icon Size for desktop and mobile.

Na mobilnih napravah boste morda želeli nastaviti manjšo velikost ikone klepeta, da ne bo ovirala pogleda stranke na zaslon mobilne naprave.

Postavitev ikone klepeta

Chat icon positioning’s on desktop and on mobile.

Z-index of Chat Icon:

Uporabite višjo vrednost, če želite, da ikona ostane pred drugimi elementi uporabniškega vmesnika.

Auto-hide chat icon on mobile

Skrijte ikono klepeta po določenem številu sekund na mobilnih napravah.

Ta možnost je na voljo samo za mobilne naprave. Pomaga preprečiti, da bi ikona klepeta ovirala pogled stranke na zaslon mobilne naprave.

Prilagajanje klepetalnega okna

Ko kliknete ikono klepeta Shoply AI, se odpre klepetalno okno. Stranke lahko prek tega klepetalnega okna komunicirajo s Shoply AI.

V tem razdelku vas vodimo skozi različne možnosti, ki so na voljo za prilagajanje klepetalnega okna.

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

Če izberete temni način, bo ozadje klepetalnega okna črno, barva pisave pa bela. Priporočamo, da uporabite možnost temnega načina, če je tudi tema vaše trgovine v temnem načinu.

Width of the chat window on desktop

Ta možnost velja samo za namizne naprave. Na mobilnih napravah klepetalno okno vedno zavzame celoten zaslon.

Select the branding image and background image

Izberete lahko, da naložite svojo lastno sliko blagovne znamke in sliko ozadja za klepetalno okno, ali pa preprosto dovolite, da Shoply AI te slike ustvari namesto vas.

Če izberete uporabo slike, ki jo ustvari AI, bo Shoply AI ustvaril slike blagovne znamke in slike ozadja na podlagi opisa vaše trgovine.

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

Slike ozadja v klepetalnem oknu lahko povzročijo, da je besedilo nad njimi neberljivo. Zato privzeto dodamo polprosojno plast nad sliko ozadja.

Whether to remove Shoply AI’s Logo in Input Bar

Ta možnost vam omogoča, da odstranite logotip Shoply AI iz vrstice za vnos klepeta za čistejšo izkušnjo, bolj usklajeno z blagovno znamko. To je še posebej uporabno, če želite ohraniti dosledno identiteto blagovne znamke po vsej trgovini brez logotipov tretjih oseb ali če imate raje bolj minimalistično zasnovo vmesnika klepeta.

Ta možnost je na voljo samo v plačljivih paketih.

Vnaprej določena sporočila za AI Chat

Nastavite ali uredite lahko tudi privzeta sporočila, ki usmerjajo stranke, ko prvič komunicirajo z vašim klepetalnim robotom. Poleg tega lahko nastavite možnosti prevajanja za ta sporočila (za več podrobnosti glejte to stran FAQ).

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

Če pozdravno sporočilo pustite prazno, pozdravnega sporočila nad ikono klepeta ne bomo prikazali.

Pre-defined messages in chat window

V klepetalnem oknu lahko nastavite do 3 vrste vnaprej določenih sporočil:

1. Prvo sporočilo v klepetalnem oknu - To je začetno pozdravno sporočilo, ki se samodejno prikaže, ko stranke prvič odprejo klepetalno okno. Uporabite ga za pozdrav strankam in določitev tona pogovora.

2. Do 4 začetna vprašanja - To so predlogi vprašanj, na katere je mogoče klikniti in so prikazani na začetku klepeta. Pomagajo usmerjati stranke tako, da ponudijo pogosta vprašanja, na katera lahko kliknejo za začetek pogovora, kar strankam olajša začetek.

3. Nadomestno besedilo v vnosnem polju - To je namig besedilo, ki se prikaže v polju za vnos klepeta, preden stranke začnejo tipkati. Ponuja usmeritev glede tega, kaj lahko stranke vprašajo, na primer “Ask me anything 🤗” ali “How can I help you today?”

Te nastavitve nadzorujejo standardno odpiranje klepeta. Ko kupec odpre klepet prek povezave “Question About This Product?”, Shoply namesto tega prikaže ime izdelka, kratek poudarek izdelka in samodejno ustvarjena vprašanja o tem izdelku. Za vsak izdelek vam ni treba pisati začetnih vprašanj. Preberite, kako delujejo vprašanja o izdelkih, ki jih poganja AI, ali sledite korakom za dodajanje gumba za vprašanje o izdelku.

Oglejte si primer za vsako vrsto vnaprej določenih sporočil: