Как да персонализирате външния вид на Shoply AI Chat

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

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

Готови ли сте да започнете? Посетете страницата Customize AI Chat в административната конзола на приложението, за да започнете да персонализирате чата. След като активирате Shoply AI Chat в Shopify’s Theme Editor, иконата за чат ще се появи в долния десен ъгъл на уебстраницата на вашия магазин.

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

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

Можете да изберете икона за чат от 17 предварително зададени икони или да качите изображение, което да използвате като собствена икона за чат.

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

Основен цвят

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

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

Допълващ цвят

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

Цвят на линията на иконата

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

Премахване на цвета на фона на иконата за чат.

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

Премахване на сянката на иконата за чат.

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

Размер на плаващата икона за компютър и мобилни устройства.

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

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

Позициониране на иконата за чат на компютър и мобилни устройства.

Z-index на иконата за чат:

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

Автоматично скриване на иконата за чат на мобилни устройства

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

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

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

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

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

Цветова тема (тъмен или светъл режим) на прозореца за чат

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

Ширина на прозореца за чат на компютър

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

Изберете брандиращо изображение и фоново изображение

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

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

Регулирайте прозрачността и съотношението на страните на фоновото изображение за прозореца за чат.

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

Премахване на логото на Shoply AI от лентата за въвеждане

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

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

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

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

Изскачащо приветствено съобщение (показва се над иконата за чат, ако не е празно)

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

Предварително зададени съобщения в прозореца за чат

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

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

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

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

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