Sohbet widget'ı site sayfasına göre farklı mesajlar gösterecek şekilde nasıl yapılandırılır

Evet, Papo (https://papo.global/) sohbet widget'ını ziyaretçinin eriştiği sayfaya göre farklı karşılama mesajları gösterecek şekilde yapılandırabilirsiniz. Panel varsayılan bir proaktif karşılama tanımlamanıza izin verse de, sayfaya göre özelleştirme URL'yi algılayan ve widget görünmeden önce metni değiştiren küçük bir JavaScript koduyla yapılır.

Sayfaya göre özelleştirme nasıl çalışır

Papo widget'ı panelde tanımlanan bir karşılama mesajı yükler (Ayarlar → Gelen Kutuları, Site türündeki kutu). Bu mesaj birkaç saniye sonra otomatik olarak görünür. Sitenin her sayfasının farklı bir karşılama göstermesi için, şunları yapan ek bir script gerekir:

1. Geçerli sayfayı belirleyin (URL, yol veya parametre ile).
2. Widget karşılamayı göstermeden önce karşılama metnini değiştirin.
3. Proaktif davranışı (otomatik açılma) değiştirmeden koruyun.

Bu, ziyaretçi farklı niyetlere sahip sayfalardayken kullanışlıdır — örneğin, bir fiyatlandırma sayfası ticari bir yaklaşım gerektirirken, bir destek sayfası daha teknik bir karşılama hak eder.

Uygulama adım adım

1. Panelde varsayılan mesajı yapılandırın (isteğe bağlı)

Ayarlar → Gelen Kutuları'na gidin, Site türündeki kutuyu seçin ve proaktif bir karşılama tanımlayın. Bu mesaj, script geçerli sayfa için bir eşleşme bulamazsa yedek olarak hizmet eder.

2. Özelleştirme script'ini siteye ekleyin

Aşağıdaki JavaScript kodunu, widget'ın kurulu olduğu tüm sayfalara, Papo snippet'inden hemen sonra (</body> etiketinden önce) ekleyin. Örnek, URL yolları ile mesajlar arasında basit bir eşleme kullanır:

<script>
  // Widget yüklendikten sonra mesajı değiştirmek için bekleyin
  window.addEventListener('load', function() {
    // Eşleme: URL yolu → istenen mesaj
    var mesajlar = {
      '/planlar': 'İdeal planı seçmenize yardımcı olabilir miyim?',
      '/destek': 'Bir sorunla ilgili yardıma mı ihtiyacınız var?',
      '/blog': 'Makaleyi beğendiniz mi? Bu konu hakkında konuşabiliriz!',
      '/iletisim': 'Doğrudan ekibimizle iletişime geçin.'
    };

    var path = window.location.pathname;
    var yeniMesaj = mesajlar[path];

    if (yeniMesaj) {
      // Karşılamayı içeren öğeyi bulun (seçiciyi gerektiği gibi ayarlayın)
      var karsilama = document.querySelector('.papo-widget__greeting-text');
      if (karsilama) {
        karsilama.textContent = yeniMesaj;
      }
    }
  });
</script>

Önemli: .papo-widget__greeting-text seçicisi örnektir. Doğru öğeyi belirlemek için widget'ı tarayıcıda inceleyin ve seçiciyi gerçek yapıya göre ayarlayın.

3. Özelleştirmeyi test edin

• Eşlenen her sayfayı gizli pencerede açın (önbelleği önlemek için).
• Otomatik açılma için yapılandırılan süreyi bekleyin ve görüntülenen mesajın script'te tanımlananla eşleşip eşleşmediğini kontrol edin.
• Karşılama değişmiyorsa seçicinin doğru olup olmadığını ve script'in widget tamamen yüklendikten sonra çalışıp çalışmadığını kontrol edin.

4. Diğer mantıklara genişletin

Script'i URL parametrelerini, <body> içindeki sınıfları veya başka herhangi bir koşulu kullanacak şekilde uyarlayabilirsiniz. ?intent=compra parametresiyle örnek:

var params = new URLSearchParams(window.location.search);
if (params.get('intent') === 'compra') {
  karsilama.textContent = 'Satın alma işlemini tamamlamanıza yardımcı olabilir miyim?';
}

Bu yapılandırma kimler için faydalıdır

• Ürün sayfasında, sepette veya ödeme sayfasında ziyaretçiye farklı şekilde yaklaşmak isteyen e‑ticaret siteleri.
• Planlar, vaka çalışmaları ve destek sayfaları olan ve her biri farklı bir ton gerektiren SaaS ve B2B şirketleri.
• Kampanya açılış sayfalarında kişiselleştirilmiş karşılama isteyen ajanslar ve hizmet sağlayıcılar.
• Konuşma başlatma oranını artırmak için sayfaya göre farklı mesajları test eden pazarlama ekipleri.

Sık sorulan sorular

Bunun için widget'ın orijinal snippet'ini değiştirmem gerekiyor mu?

Hayır. Papo snippet'i aynı kalır. Yalnızca widget yüklendikten sonra karşılama metnini değiştiren ek bir script eklersiniz.

Bu özelleştirme her platformda çalışır mı (WordPress, Wix, statik site)?

Evet. Siteye özel JavaScript ekleyebildiğiniz sürece yöntem her CMS'de veya HTML sitesinde çalışır.

Ziyaretçi eşlemede olmayan bir sayfaya erişirse ne olur?

Bu durumda widget, Papo panelinde yapılandırılan varsayılan mesajı gösterir. Hiçbir varsayılan mesaj tanımlanmadıysa widget metin olmadan veya genel bir yedekle açılabilir.

Bu tekniği bazı sayfalarda widget'ı gizlemek için kullanabilir miyim?

Evet. JavaScript ile belirli sayfalarda widget'ın container'ının display stilini none olarak değiştiren bir koşul ekleyerek widget'ı tamamen gizleyebilirsiniz.

Özelleştirme yapay zekanın (Super Chat/Capitão) çalışmasını etkiler mi?

Hayır. Değişiklik yalnızca görseldir. Ziyaretçi etkileşime girdikten sonra yapay zeka, panelde yapılandırılan prompt ve kuralları kullanarak konuşmayı normal şekilde devralır.

Widget'ın renklerini de sayfaya göre özelleştirmek mümkün mü?

Evet, JavaScript ile sayfaya göre farklı renkleri yansıtmak için widget'ın CSS değişkenlerini veya sınıflarını dinamik olarak değiştirebilirsiniz, ancak bu daha ileri düzeyde DOM manipülasyonu bilgisi gerektirir.

Ayrıca okuyun

• Widget'ın ön sohbet formunu otomatik olarak potansiyel müşteri toplayacak şekilde nasıl yapılandırabilirim
• Papo sohbet widget'ını statik bir HTML sitesine nasıl kurarım

Ücretsiz başlayın →

Papo'da hesabınızı oluşturun, widget'ı dakikalar içinde kurun ve daha fazla ziyaretçiyi konuşmaya dönüştürmek için sayfaya göre yaklaşımı özelleştirmeye başlayın.