Chatbot’unuzun Görünümünü Nasıl Özelleştirebilirsiniz

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üm, AI Chatbot’unuz için mevcut farklı özelleştirme seçeneklerinde size yol gösterir. 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? Shopify veya başka bir web sitesi platformu kullanıyor olmanız fark etmeksizin, Shoply AI Admin Console içinde Customize AI Chat bölümünü açın. Chatbot henüz görünmüyorsa, kurulum ve görünürlük kontrol listesini izleyin.

Sohbet Pencerenizi Önizleyin

Yönetici panelinde kullanılan aynı temayı ve masaüstü genişliğindeki illüstrasyonları deneyin. Açık veya koyu bir görünüm seçin ve sohbet penceresinin ne kadar yer kapladığını karşılaştırın.

AI’nin nasıl göründüğünü değil de nasıl konuştuğunu değiştirmek için, AI’nizin kişiliğini nasıl özelleştireceğinize bakın.

Sohbet Simgesi Seçimi

Select an icon

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

Sohbet Simgesinin Rengini ve Boyutunu Ayarlayın

Primary Color

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

Web sitenizde açık mod kullanıyorsanız, lütfen tema renginiz olarak beyaz olmayan bir renk seçin — bunun amacı, vurgulanan metnin açık arka plan üzerinde hâlâ okunabilir olmasını sağlamaktır. Web sitenizde koyu mod kullanıyorsanız, lütfen tema renginiz olarak siyah olmayan bir renk seçin.

Complementary Color

Bu, sohbet simgesi ve sohbet penceresinin üst başlığı için degradeler (iki renk arasında yumuşak geçiş) oluşturmak üzere birincil renginizle birlikte çalışan tamamlayıcı bir renktir; böylece sohbet simgesi daha görsel olarak çekici olur ve markanızla daha uyumlu görünür.

Icon’s Line Color

Bu, sohbet simgesinin dış çizgi rengidir.

Whether to remove the background color of the chat icon.

Bu, özellikle sohbet simgesi olarak bir görsel yüklediyseniz ve sohbet simgesinin arka plan rengini (birincil rengi) kaldırmak istiyorsanız sıkça kullanışlıdır.

Whether to remove the shadow of the chat icon.

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

Floating Icon Size for desktop and mobile.

Mobilde, sohbet simgesinin müşterinin mobil ekran görünümünü engellemesini önlemek için daha küçük bir boyut ayarlamak isteyebilirsiniz.

Sohbet Simgesinin Konumlandırılması

Chat icon positioning’s on desktop and on mobile.

Z-index of Chat Icon:

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

Auto-hide chat icon on mobile

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

Bu seçenek yalnızca mobil cihazlarda kullanılabilir. Müşterinin mobil ekran görünümünün sohbet simgesi tarafından engellenmesini önlemeye yardımcı olur.

Sohbet Penceresi Özelleştirmesi

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

Bu bölüm, sohbet penceresini özelleştirmek için mevcut farklı seçeneklerde size yol gösterecektir.

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

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

Width of the chat window on desktop

Bu seçenek yalnızca masaüstü için geçerlidir. Mobilde, sohbet penceresi her zaman tüm ekranı kaplar.

Select the branding image and background image

Sohbet penceresi için kendi markalama görselinizi ve arka plan görselinizi yüklemeyi seçebilir veya bu görselleri Shoply AI’nin sizin için oluşturmasına izin verebilirsiniz.

AI tarafından oluşturulan görseli kullanmayı seçerseniz, Shoply AI mağazanızın açıklamasına göre markalama görsellerini ve arka plan görsellerini oluşturacaktır.

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

Sohbet penceresindeki arka plan görselleri, üzerindeki metni okunamaz hâle getirebilir. Bu nedenle varsayılan olarak, arka plan görselinin üzerine yarı saydam bir katman ekliyoruz.

Whether to remove Shoply AI’s Logo in Input Bar

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

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

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

Müşterilerin chatbot’unuzla ilk etkileşime geçtiğinde onlara rehberlik eden varsayılan mesajları da ayarlayabilir veya düzenleyebilirsiniz. Ayrıca, bu mesajlar için çeviri seçeneklerini yapılandırabilirsiniz (daha fazla ayrıntı için bu SSS sayfasına bakın).

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

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

Pre-defined messages in chat window

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. Bunu müşterileri karşılamak ve konuşmanın tonunu belirlemek için kullanın.

2. En fazla 4 başlangıç sorusu - Bunlar, sohbetin başında görüntülenen tıklanabilir soru önerileridir. Müşterilerin sohbete başlamak için tıklayabileceği yaygın sorular sunarak onlara yol gösterir ve başlamalarını kolaylaştırır.

3. Giriş yer tutucu mesajı - Bu, müşteriler yazmaya başlamadan önce sohbet giriş alanında görünen ipucu metnidir. Müşterilerin neler sorabileceği konusunda rehberlik sağlar; örneğin “Bana her şeyi sor 🤗” veya “Bugün size nasıl yardımcı olabilirim?”

Bu ayarlar, standart sohbet açılışını kontrol eder. Bir müşteri sohbeti “Question About This Product?” bağlantısı üzerinden açtığında ise Shoply bunun yerine ürün adını, kısa bir ürün öne çıkan bilgisini ve o öğeyle ilgili otomatik oluşturulmuş soruları gösterir. Her ürün için başlangıç soruları yazmanıza gerek yoktur. Yapay zeka destekli ürün sorularının nasıl çalıştığını öğrenin veya ürün sorusu düğmesi ekleme adımlarını izleyin.

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