Jak přizpůsobit vzhled Shoply AI Chat

Shoply AI Chat a AI Search nabízejí více než 40 možností, jak přizpůsobit vzhled aplikace.

Tato část vás provede různými možnostmi přizpůsobení vašeho AI Chatbotu. Můžete upravit jeho vzhled, design okna chatu i způsob komunikace tak, aby odpovídaly vaší značce.

Chcete začít? Navštivte v administrátorské konzoli naší aplikace stránku Customize AI Chat a začněte své chatovací prostředí přizpůsobovat. Jakmile povolíte Shoply AI Chat v Shopify Theme Editoru, ikona chatu se zobrazí v pravém dolním rohu webové stránky vašeho obchodu.

Výběr ikony chatu

Vyberte ikonu

Můžete si vybrat ikonu chatu z našich 17 různých předdefinovaných ikon nebo nahrát obrázek jako vlastní ikonu chatu.

Barva a velikost ikony chatu

Primární barva

Jedná se o hlavní barvu motivu, která se v okně chatu používá také jako barva zvýrazněného textu.

Pokud na svém webu používáte světlý režim, vyberte jako barvu motivu jinou než bílou, aby byl zvýrazněný text na světlém pozadí stále čitelný. Pokud na svém webu používáte tmavý režim, vyberte jako barvu motivu jinou než černou.

Doplňková barva

Jedná se o doplňkovou barvu, která společně s primární barvou vytváří barevné přechody (plynulé přechody mezi dvěma barvami) pro ikonu chatu a záhlaví okna chatu. Díky tomu ikona chatu působí vizuálně atraktivněji a lépe ladí s vaší značkou.

Barva obrysu ikony

Jedná se o barvu obrysu ikony chatu.

Odstranění barvy pozadí ikony chatu.

To je často užitečné, pokud jako ikonu chatu nahrajete obrázek a chcete odstranit barvu pozadí (primární barvu) ikony chatu.

Odstranění stínu ikony chatu.

Tato možnost umožňuje odstranit vržený stín ikony chatu a vytvořit plošší, minimalističtější design. Je to užitečné zejména v případě, že má váš obchod čistý, moderní vzhled nebo jste nahráli vlastní ikonu, která již obsahuje vlastní stín či efekt hloubky.

Velikost plovoucí ikony pro počítače a mobilní zařízení.

Na mobilních zařízeních můžete nastavit menší velikost ikony chatu, aby neblokovala zákazníkům výhled na obrazovku.

Umístění ikony chatu

Umístění ikony chatu na počítačích a mobilních zařízeních.

Z-index ikony chatu:

Použijte vyšší hodnotu, pokud chcete, aby ikona zůstala před ostatními prvky uživatelského rozhraní.

Automatické skrytí ikony chatu na mobilních zařízeních

Skryjte ikonu chatu na mobilních zařízeních po uplynutí zadaného počtu sekund.

Tato možnost je dostupná pouze pro mobilní zařízení. Pomáhá zabránit tomu, aby ikona chatu blokovala zákazníkům výhled na obrazovku.

Přizpůsobení okna chatu

Když kliknete na ikonu chatu Shoply AI, zobrazí se okno chatu. Zákazníci mohou prostřednictvím tohoto okna chatu komunikovat se Shoply AI.

Tato část vás provede různými možnostmi přizpůsobení okna chatu.

Barevný motiv okna chatu (tmavý nebo světlý režim)

Pokud zvolíte tmavý režim, pozadí okna chatu bude černé a barva písma bílá. Tmavý režim doporučujeme použít, pokud je tmavý také motiv vašeho obchodu.

Šířka okna chatu na počítačích

Tato možnost platí pouze pro počítače. Na mobilních zařízeních okno chatu vždy zabírá celou obrazovku.

Výběr obrázku značky a obrázku pozadí

Můžete nahrát vlastní obrázek značky a obrázek pozadí okna chatu, nebo jednoduše nechat Shoply AI tyto obrázky vygenerovat.

Pokud se rozhodnete použít obrázek vygenerovaný AI, Shoply AI vygeneruje obrázky značky a obrázky pozadí na základě popisu vašeho obchodu.

Úprava průhlednosti a poměru stran obrázku pozadí okna chatu.

Obrázky pozadí v okně chatu mohou způsobit, že text nad nimi nebude čitelný. Ve výchozím nastavení proto přes obrázek pozadí přidáváme poloprůhlednou vrstvu.

Odstranění loga Shoply AI z lišty pro zadávání

Tato možnost umožňuje odstranit logo Shoply AI z lišty pro zadávání zpráv, a vytvořit tak čistší prostředí lépe odpovídající vaší značce. Hodí se zejména tehdy, pokud chcete v celém obchodě zachovat jednotnou identitu značky bez log třetích stran nebo preferujete minimalističtější design chatu.

Tato možnost je dostupná pouze u placených plánů.

Předdefinované zprávy pro AI Chat

Můžete také nastavit nebo upravit výchozí zprávy, které zákazníky navedou při jejich první interakci s chatbotem. Kromě toho můžete nastavit možnosti překladu těchto zpráv (další podrobnosti najdete na této stránce FAQ).

Vyskakovací uvítací zpráva (zobrazí se nad ikonou chatu, pokud není prázdná)

Pokud uvítací zprávu ponecháte prázdnou, nad ikonou chatu ji nezobrazíme.

Předdefinované zprávy v okně chatu

V okně chatu můžete nastavit až 3 typy předdefinovaných zpráv:

1. První zpráva v okně chatu – Jedná se o úvodní pozdrav, který se automaticky zobrazí, když zákazníci poprvé otevřou okno chatu. Použijte ji k přivítání zákazníků a nastavení tónu konverzace.

2. Až 4 úvodní otázky – Jedná se o klikatelné návrhy otázek zobrazené na začátku chatu. Pomáhají zákazníkům tím, že nabízejí běžné otázky, na které mohou kliknout a zahájit konverzaci, takže se snadněji pustí do používání chatu.

3. Text zástupného symbolu v poli pro zadávání – Jedná se o nápovědu zobrazenou v poli pro zadávání zpráv, než zákazníci začnou psát. Napovídá, na co se mohou zákazníci zeptat, například „Zeptejte se mě na cokoli 🤗“ nebo „S čím vám dnes mohu pomoci?“

Prohlédněte si příklad každého typu předdefinovaných zpráv: