Cum să personalizezi aspectul chatbotului tău

Shoply AI Chat și AI Search oferă mai mult de 40 de opțiuni pentru a personaliza aspectul aplicației.

Această secțiune îți prezintă diferitele opțiuni de personalizare disponibile pentru chatbotul tău AI. Îi poți personaliza aspectul, designul ferestrei de chat și experiența de mesagerie pentru a se potrivi cu brandul tău.

Ești gata să începi? Deschide Customize AI Chat în Shoply AI Admin Console, indiferent dacă folosești Shopify sau o altă platformă de website. Dacă chatbotul nu este încă vizibil, urmează lista de verificare pentru instalare și vizibilitate.

Previzualizează fereastra ta de chat

Încearcă aceleași ilustrații de temă și lățime desktop folosite în panoul de administrare. Alege un aspect deschis sau închis și compară cât spațiu ocupă fereastra de chat.

Pentru a schimba modul în care AI-ul vorbește, nu felul în care arată, vezi cum să personalizezi personalitatea AI-ului tău.

Alegerea pictogramei de chat

Select an icon

Poți alege o pictogramă de chat din cele 17 pictograme diferite predefinite ale noastre sau poți încărca o imagine ca pictogramă proprie de chat.

Culoarea și dimensiunea pictogramei de chat

Primary Color

Aceasta este culoarea principală a temei și este folosită și ca culoare pentru textul evidențiat în fereastra de chat.

Dacă folosești un mod luminos pe website-ul tău, te rugăm să selectezi o culoare non-albă ca culoare a temei — acest lucru asigură că textul evidențiat rămâne lizibil pe fundalul deschis. Dacă folosești un mod întunecat pe website-ul tău, te rugăm să selectezi o culoare non-neagră ca culoare a temei.

Complementary Color

Aceasta este o culoare complementară care funcționează împreună cu culoarea ta principală pentru a crea degradeuri (tranziții line între două culori) pentru pictograma de chat și antetul ferestrei de chat, făcând pictograma de chat mai atrăgătoare vizual și mai bine aliniată cu brandul tău.

Icon’s Line Color

Aceasta este culoarea conturului pictogramei de chat.

Whether to remove the background color of the chat icon.

Această opțiune este adesea utilă dacă încarci o imagine ca pictogramă de chat și vrei să elimini culoarea de fundal (culoarea principală) a pictogramei de chat.

Whether to remove the shadow of the chat icon.

Această opțiune îți permite să elimini efectul de umbră al pictogramei de chat pentru un design mai plat și mai minimalist. Este deosebit de utilă dacă magazinul tău are o estetică curată, modernă sau dacă ai încărcat o pictogramă personalizată care include deja propriile efecte de umbră sau profunzime.

Floating Icon Size for desktop and mobile.

Pe mobil, este posibil să vrei să setezi o dimensiune mai mică pentru pictograma de chat pentru a evita blocarea vizibilității clientului asupra ecranului mobil.

Poziționarea pictogramei de chat

Chat icon positioning’s on desktop and on mobile.

Z-index of Chat Icon:

Folosește o valoare mai mare dacă vrei ca pictograma să rămână în fața altor elemente UI.

Auto-hide chat icon on mobile

Ascunde pictograma de chat după un număr specificat de secunde pe dispozitivele mobile.

Această opțiune este disponibilă doar pentru dispozitive mobile. Ajută la prevenirea blocării vizibilității clientului asupra ecranului mobil de către pictograma de chat.

Personalizarea ferestrei de chat

Când dai clic pe pictograma de chat a Shoply AI, fereastra de chat se va deschide. Clienții pot interacționa cu Shoply AI prin acea fereastră de chat.

Această secțiune îți va prezenta diferitele opțiuni disponibile pentru a personaliza fereastra de chat.

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

Dacă alegi modul întunecat, fundalul ferestrei de chat va fi negru, iar culoarea fontului va fi albă. Îți recomandăm să adopți opțiunea de mod întunecat dacă și tema magazinului tău este în mod întunecat.

Width of the chat window on desktop

Această opțiune se aplică doar pe desktop. Pe mobil, fereastra de chat ocupă întotdeauna întregul ecran.

Select the branding image and background image

Poți alege să încarci propria ta imagine de branding și imagine de fundal pentru fereastra de chat sau poți pur și simplu să lași Shoply AI să genereze acele imagini pentru tine.

Dacă alegi să folosești imaginea generată de AI, Shoply AI va genera imaginile de branding și imaginile de fundal pe baza descrierii magazinului tău.

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

Imaginile de fundal din fereastra de chat pot face textul de deasupra lor greu de citit. Prin urmare, în mod implicit, adăugăm un strat semi-transparent deasupra imaginii de fundal.

Whether to remove Shoply AI’s Logo in Input Bar

Această opțiune îți permite să elimini logo-ul Shoply AI din bara de introducere a chatului pentru o experiență mai curată și mai bine aliniată cu brandul tău. Este deosebit de utilă dacă vrei să menții o identitate de brand consecventă în tot magazinul tău fără logo-uri terțe sau dacă preferi un design de interfață de chat mai minimalist.

Această opțiune este disponibilă doar pentru planurile plătite.

Mesaje predefinite pentru AI Chat

De asemenea, poți seta sau edita mesajele implicite care ghidează clienții atunci când interacționează pentru prima dată cu chatbotul tău. În plus, poți configura opțiunile de traducere pentru acele mesaje (vezi această pagină FAQ pentru mai multe detalii).

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

Dacă lași gol mesajul de bun venit, nu vom afișa mesajul de bun venit deasupra pictogramei de chat.

Pre-defined messages in chat window

Poți seta până la 3 tipuri de mesaje predefinite în fereastra de chat:

1. Primul mesaj din fereastra de chat - Acesta este mesajul inițial de salut care apare automat atunci când clienții deschid pentru prima dată fereastra de chat. Folosește-l pentru a întâmpina clienții și a seta tonul conversației.

2. Până la 4 întrebări de început - Acestea sunt sugestii de întrebări pe care se poate da clic și care sunt afișate la începutul chatului. Ele ajută la ghidarea clienților oferindu-le întrebări comune pe care pot da clic pentru a începe o conversație, făcând mai ușor pentru clienți să înceapă.

3. Mesajul placeholder pentru câmpul de introducere - Acesta este textul-indiciu care apare în câmpul de introducere al chatului înainte ca clienții să înceapă să tasteze. Oferă îndrumare cu privire la ce pot întreba clienții, cum ar fi “Întreabă-mă orice 🤗” sau “Cum te pot ajuta astăzi?”

Aceste setări controlează deschiderea standard a chatului. Când un cumpărător deschide chatul printr-un link “Question About This Product?”, Shoply afișează în schimb numele produsului, un scurt rezumat al produsului și întrebări generate automat despre acel articol. Nu trebuie să scrii întrebări de început pentru fiecare produs. Află cum funcționează întrebările despre produse alimentate de AI sau urmează pașii pentru a adăuga un buton pentru întrebări despre produs.

Vezi exemplul pentru fiecare tip de mesaje predefinite: