Как да персонализирате външния вид на своя чатбот

Shoply AI Chat и AI Search предоставят повече от 40 опции за персонализиране на външния вид на приложението.

Този раздел ще ви преведе през различните налични опции за персонализиране на вашия AI Chatbot. Можете да персонализирате неговия външен вид, дизайна на прозореца за чат и начина на съобщенията, така че да съответстват на вашия бранд.

Готови ли сте да започнете? Отворете Customize AI Chat във вашата Shoply AI Admin Console, независимо дали използвате Shopify или друга платформа за уебсайт. Ако чатботът все още не се вижда, следвайте контролния списък за инсталиране и видимост.

Преглед на вашия прозорец за чат

Изпробвайте същата тема и илюстрации с ширина за настолен компютър, използвани в админ панела. Изберете светъл или тъмен външен вид и сравнете колко място заема прозорецът за чат.

За да промените начина, по който AI говори, а не как изглежда, вижте как да персонализирате личността на своя AI.

Избор на икона за чат

Select an icon

Можете да изберете икона за чат от нашите 17 предварително дефинирани различни икони или да качите изображение като своя собствена икона за чат

Цвят и размер на иконата за чат

Primary Color

Това е основният цвят на темата и се използва също като цвят за подчертан текст в прозореца за чат.

Ако използвате светъл режим на своя уебсайт, моля, изберете цвят, различен от бял, като цвят на темата — това е, за да сме сигурни, че подчертаният текст ще остане четим на светъл фон. Ако използвате тъмен режим на своя уебсайт, моля, изберете цвят, различен от черен, като цвят на темата.

Complementary Color

Това е допълващ цвят, който работи заедно с основния ви цвят, за да създава градиенти (плавен преход между два цвята) за иконата за чат и заглавната част на прозореца за чат, като прави иконата за чат по-визуално привлекателна и съобразена с вашия бранд.

Icon’s Line Color

Това е цветът на контура на иконата за чат.

Whether to remove the background color of the chat icon.

Това често е полезно, ако качите изображение като икона за чат и искате да премахнете фоновия цвят (основния цвят) на иконата за чат.

Whether to remove the shadow of the chat icon.

Тази опция ви позволява да премахнете ефекта на падаща сянка от иконата за чат за по-плосък, по-минималистичен дизайн. Това е особено полезно, ако магазинът ви има изчистена, модерна естетика или ако сте качили персонализирана икона, която вече включва собствени ефекти на сянка или дълбочина.

Floating Icon Size for desktop and mobile.

На мобилни устройства може да искате да зададете по-малък размер на иконата за чат, за да не пречи на изгледа на клиента към екрана.

Позициониране на иконата за чат

Chat icon positioning’s on desktop and on mobile.

Z-index of Chat Icon:

Използвайте по-висока стойност, ако искате иконата да остава пред други елементи на интерфейса.

Auto-hide chat icon on mobile

Скрийте иконата за чат след определен брой секунди на мобилни устройства.

Тази опция е налична само за мобилни устройства. Тя помага да се предотврати блокирането на изгледа на клиента към екрана от иконата за чат.

Персонализиране на прозореца за чат

Когато щракнете върху иконата за чат на Shoply AI, ще се отвори прозорецът за чат. Клиентите могат да взаимодействат със Shoply AI чрез този прозорец за чат.

Този раздел ще ви преведе през различните налични опции за персонализиране на прозореца за чат.

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

Ако изберете тъмен режим, фонът на прозореца за чат ще бъде черен, а цветът на шрифта ще бъде бял. Препоръчваме да изберете опцията за тъмен режим, ако темата на вашия магазин също е в тъмен режим.

Width of the chat window on desktop

Тази опция важи само за настолни устройства. На мобилни устройства прозорецът за чат винаги заема целия екран.

Select the branding image and background image

Можете да изберете да качите свое собствено брандиращо изображение и фоново изображение за прозореца за чат или просто да оставите Shoply AI да генерира тези изображения вместо вас.

Ако изберете да използвате генерирано от AI изображение, Shoply AI ще генерира брандиращите изображения и фоновите изображения въз основа на описанието на вашия магазин.

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

Фоновите изображения в прозореца за чат може да направят текста върху тях нечетим. Затова по подразбиране добавяме полупрозрачен слой върху фоновото изображение.

Whether to remove Shoply AI’s Logo in Input Bar

Тази опция ви позволява да премахнете логото на Shoply AI от лентата за въвеждане в чата за по-изчистено и по-брандирано изживяване. Това е особено полезно, ако искате да поддържате последователна идентичност на бранда в целия си магазин без лога на трети страни или ако предпочитате по-минималистичен дизайн на интерфейса за чат.

Тази опция е налична само за платени планове.

Предварително зададени съобщения за AI Chat

Можете също така да зададете или редактирате съобщенията по подразбиране, които насочват клиентите, когато за първи път взаимодействат с вашия чатбот. Освен това можете да конфигурирате опциите за превод на тези съобщения (вижте тази FAQ страница за повече подробности).

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

Ако оставите приветственото съобщение празно, няма да показваме приветственото съобщение над иконата за чат.

Pre-defined messages in chat window

Можете да настроите до 3 типа предварително зададени съобщения в прозореца за чат:

1. Първо съобщение в прозореца за чат - Това е първоначалното поздравително съобщение, което се появява автоматично, когато клиентите за първи път отворят прозореца за чат. Използвайте го, за да приветствате клиентите и да зададете тона на разговора.

2. До 4 начални въпроса - Това са предложения за въпроси, върху които може да се щракне, показвани в началото на чата. Те помагат да насочите клиентите, като предоставят често срещани въпроси, върху които могат да щракнат, за да започнат разговор, което улеснява първите им стъпки.

3. Текст-подсказка в полето за въвеждане - Това е подсказващият текст, който се появява в полето за въвеждане в чата, преди клиентите да започнат да пишат. Той дава насоки какво могат да попитат клиентите, като например “Попитайте ме за всичко 🤗” или “С какво мога да ви помогна днес?”

Тези настройки контролират стандартното отваряне на чата. Когато купувач отвори чата чрез линк “Question About This Product?”, Shoply вместо това показва името на продукта, кратък акцент върху продукта и автоматично генерирани въпроси за този артикул. Не е необходимо да пишете начални въпроси за всеки продукт. Научете как работят AI-базираните въпроси за продукти или следвайте стъпките, за да добавите бутон за въпрос за продукт.

Вижте примера за всеки тип предварително зададени съобщения: