Shoply AI Chat’in Görünümü Nasıl Özelleştirilir

Shoply AI Chat ve AI Search, uygulamanın görünümünü özelleştirmek için 40’tan fazla seçenek sunar.

Bu bölümde, AI Chatbot’unuz için kullanabileceğiniz farklı özelleştirme seçenekleri adım adım açıklanmaktadır. Görünümünü, sohbet penceresi tasarımını ve mesajlaşma deneyimini markanıza uyacak şekilde kişiselleştirebilirsiniz.

Başlamaya hazır mısınız? Sohbet deneyiminizi özelleştirmeye başlamak için uygulamamızın yönetici konsolundaki Customize AI Chat sayfasını ziyaret edin. Shopify’ın Theme Editor’ında Shoply AI Chat’i etkinleştirdiğinizde, sohbet simgesi mağazanızın web sayfasının sağ alt köşesinde görünür.

Sohbet Simgesi Seçimi

Bir simge seçin

17 farklı, önceden tanımlanmış simgemiz arasından bir sohbet simgesi seçebilir veya kendi sohbet simgeniz olarak kullanmak üzere bir görsel yükleyebilirsiniz.

Sohbet Simgesinin Rengini ve Boyutunu Ayarlama

Ana Renk

Bu, ana tema rengidir ve sohbet penceresinde vurgulanan metin rengi olarak da kullanılır.

Web sitenizde açık mod kullanıyorsanız tema renginiz olarak beyaz olmayan bir renk seçin — böylece vurgulanan metin açık arka planda okunabilir olmaya devam eder. Web sitenizde koyu mod kullanıyorsanız tema renginiz olarak siyah olmayan bir renk seçin.

Tamamlayıcı Renk

Bu, sohbet simgesi ve sohbet penceresinin başlığı için gradyanlar (iki renk arasındaki yumuşak geçiş) oluşturmak üzere ana renginizle birlikte çalışan tamamlayıcı bir renktir. Böylece sohbet simgesi görsel olarak daha çekici olur ve markanızla uyum sağlar.

Simge Çizgi Rengi

Bu, sohbet simgesinin dış çizgi rengidir.

Sohbet simgesinin arka plan renginin kaldırılıp kaldırılmayacağı.

Bu seçenek, sohbet simgesi olarak bir görsel yüklediğinizde ve sohbet simgesinin arka plan rengini (ana rengi) kaldırmak istediğinizde genellikle kullanışlıdır.

Sohbet simgesinin gölgesinin kaldırılıp kaldırılmayacağı.

Bu seçenek, daha düz ve minimalist bir tasarım için sohbet simgesindeki gölge efektini kaldırmanıza olanak tanır. Bu, özellikle mağazanız sade ve modern bir görünüme sahipse veya zaten kendi gölge ya da derinlik efektlerini içeren özel bir simge yüklediyseniz kullanışlıdır.

Masaüstü ve mobil için kayan simge boyutu.

Mobil cihazlarda, sohbet simgesinin mobil ekranı müşterinin görmesini engellememesi için daha küçük bir boyut ayarlamak isteyebilirsiniz.

Sohbet Simgesinin Konumlandırılması

Masaüstünde ve mobilde sohbet simgesinin konumu.

Sohbet simgesinin Z-index değeri:

Simgenin diğer kullanıcı arayüzü öğelerinin önünde kalmasını istiyorsanız daha yüksek bir değer kullanın.

Mobilde sohbet simgesini otomatik olarak gizle

Mobil cihazlarda, belirli bir saniye sayısının ardından sohbet simgesini gizleyin.

Bu seçenek yalnızca mobil cihazlarda kullanılabilir. Sohbet simgesinin mobil ekranı müşterinin görmesini engellemesini önlemeye yardımcı olur.

Sohbet Penceresini Özelleştirme

Shoply AI’ın sohbet simgesine tıkladığınızda sohbet penceresi açılır. Müşteriler Shoply AI ile bu sohbet penceresi üzerinden etkileşim kurabilir.

Bu bölümde, sohbet penceresini özelleştirmek için kullanabileceğiniz farklı seçenekler adım adım açıklanmaktadır.

Sohbet penceresinin renk teması (koyu mod veya açık mod)

Koyu modu seçerseniz sohbet penceresinin arka planı siyah, yazı rengi ise beyaz olur. Mağazanızın teması da koyu moddaysa koyu mod seçeneğini kullanmanızı öneririz.

Masaüstünde sohbet penceresinin genişliği

Bu seçenek yalnızca masaüstü için geçerlidir. Mobil cihazlarda sohbet penceresi her zaman ekranın tamamını kaplar.

Marka görselini ve arka plan görselini seçin

Sohbet penceresi için kendi marka görselinizi ve arka plan görselinizi yükleyebilir veya bu görselleri sizin için Shoply AI’ın oluşturmasına izin verebilirsiniz.

AI tarafından oluşturulan görseli kullanmayı seçerseniz Shoply AI, marka açıklamanıza göre marka görsellerini ve arka plan görsellerini oluşturur.

Sohbet penceresinin arka plan görselinin saydamlığını ve en-boy oranlarını ayarlayın.

Sohbet penceresindeki arka plan görselleri üzerindeki metnin okunamaz hale gelmesine neden olabilir. Bu nedenle varsayılan olarak arka plan görselinin üzerine yarı saydam bir katman ekleriz.

Giriş Çubuğundaki Shoply AI Logosunun kaldırılıp kaldırılmayacağı

Bu seçenek, daha temiz ve markanıza daha uygun bir deneyim için Shoply AI logosunu sohbet giriş çubuğundan kaldırmanıza olanak tanır. Bu, özellikle mağazanız genelinde tutarlı bir marka kimliğini üçüncü taraf logoları olmadan korumak istiyorsanız veya daha minimal bir sohbet arayüzü tasarımını tercih ediyorsanız kullanışlıdır.

Bu seçenek yalnızca ücretli planlarda kullanılabilir.

AI Chat için Önceden Tanımlanmış Mesajlar

Müşteriler chatbot’unuzla ilk etkileşime geçtiğinde onlara yol gösteren varsayılan mesajları da ayarlayabilir veya düzenleyebilirsiniz. Ayrıca bu mesajlar için çeviri seçeneklerini yapılandırabilirsiniz (ayrıntılar için bu SSS sayfasına bakın).

Açılır Karşılama mesajı (boş değilse sohbet simgesinin üzerinde gösterilir)

Karşılama mesajını boş bırakırsanız sohbet simgesinin üzerinde karşılama mesajını göstermeyiz.

Sohbet penceresindeki önceden tanımlanmış mesajlar

Sohbet penceresinde en fazla 3 tür önceden tanımlanmış mesaj ayarlayabilirsiniz:

1. Sohbet penceresindeki ilk mesaj - Bu, müşteriler sohbet penceresini ilk açtığında otomatik olarak görünen ilk selamlama mesajıdır. Müşterileri karşılamak ve sohbetin tonunu belirlemek için bunu kullanın.

2. En fazla 4 başlangıç sorusu - Bunlar sohbetin başında gösterilen, tıklanabilir soru önerileridir. Müşterilerin sohbet başlatmak için tıklayabilecekleri yaygın sorular sunarak onlara yol göstermeye ve başlamalarını kolaylaştırmaya yardımcı olurlar.

3. Giriş alanı yer tutucu mesajı - Bu, müşteriler yazmaya başlamadan önce sohbet giriş alanında görünen ipucu metnidir. Müşterilerin “Bana her şeyi sor 🤗” veya “Bugün size nasıl yardımcı olabilirim?” gibi neler sorabilecekleri konusunda yol gösterir.

Önceden tanımlanmış her mesaj türü için örneğe bakın: