Web Sitesine Canlı Destek Ekleme: Adım Adım Rehber

Web sitesine canlı destek ekleme, çoğu durumda tek bir JavaScript kod parçacığını sitenizin HTML'ine yapıştırmaktan ibarettir ve genellikle 5 dakikadan kısa sürer. Canlı destek widget'ı; ziyaretçinin sayfanın sağ alt köşesinde gördüğü o sohbet balonudur. Doğru kurulduğunda kod sayfayı yavaşlatmaz, mobil uyumlu çalışır ve hem yazılı sohbeti hem de AI chatbot'u aynı pencerede sunar. Bu rehberde HTML, WordPress, Shopify ve özel yazılım siteleri için canlı destek kodu ekleme adımlarını sırasıyla göreceksiniz.

Kurulumun mantığı her platformda aynıdır: sağlayıcıdan aldığınız benzersiz embed kodunu, sitenin her sayfasında yüklenecek bir yere koyarsınız. Fark, o kodu nereye yapıştırdığınızdadır. Aşağıda en yaygın senaryoların her birini ayrı ayrı ele alıyoruz.

Canlı Destek Widget'ı Nasıl Çalışır?

Bir canlı destek widget'ı temelde üç parçadan oluşur. Sitenize eklediğiniz kod parçacığı, tarayıcıda asenkron şekilde yüklenen küçük bir JavaScript dosyasını çağırır. Bu dosya ekrana sohbet balonunu çizer ve ziyaretçi yazdığında mesajları gerçek zamanlı olarak sunucuya iletir.

Mesaj sunucuya ulaştığında ya bir AI chatbot otomatik yanıt verir ya da konuşma bir operatöre devredilir (handover). Modern widget'larda bu ikisi iç içe çalışır: bilgi bankası tabanlı AI rutin soruları anında yanıtlar, karmaşık durumlarda sohbeti canlı bir temsilciye aktarır.

Kritik nokta şudur: iyi yazılmış bir widget kodu "async" yüklenir, yani sayfanızın geri kalanını bekletmez. Bu sayede Core Web Vitals skorlarınız ve SEO performansınız etkilenmez.

HTML Siteye Canlı Destek Kodu Ekleme

Kendi yazdığınız ya da statik HTML kullanan bir siteniz varsa, kurulum en doğrudan yöntemle yapılır. Sağlayıcının verdiği kod parçacığını kapanış </body> etiketinden hemen önce eklemeniz yeterlidir.

1. 1.Yanıtly panelinden canlı destek için size özel embed kodunu kopyalayın.
2. 2.Sitenizin HTML dosyasını bir editörde açın (örneğin index.html).
3. 3.Sayfanın en altındaki kapanış </body> etiketini bulun.
4. 4.Kopyaladığınız script kodunu bu etiketten hemen önce yapıştırın.
5. 5.Dosyayı kaydedip sunucunuza yükleyin ve siteyi yenileyin.

Widget'ı tüm sayfalarda görmek istiyorsanız, kodu ortak bir şablona (header ya da footer include dosyasına) ekleyin. Böylece her sayfada ayrı ayrı düzenleme yapmanız gerekmez. Kodu <head> yerine </body> öncesine koymak, sayfanın görünür içeriğinin önce yüklenmesini sağlar.

WordPress'e Canlı Destek Ekleme

WordPress sitelerinde canlı destek kodu eklemenin birkaç yolu vardır. En temiz yöntem, kodu tema dosyalarını bozmadan eklemenizi sağlar.

• Eklenti ile: "Insert Headers and Footers" veya "WPCode" gibi ücretsiz bir eklenti kurun, widget kodunu "Footer" alanına yapıştırın ve kaydedin. Tema güncellemelerinde kod silinmez.
• Tema editörü ile: Görünüm > Tema Dosya Düzenleyici'den footer.php dosyasını açıp kodu </body> öncesine ekleyin. Bu yöntemde tema güncellemesi kodu silebileceğinden alt tema (child theme) kullanmanız önerilir.
• Sayfa oluşturucu ile: Elementor veya benzeri bir araç kullanıyorsanız, özel HTML/kod widget'ı ile sadece belirli sayfalara da ekleyebilirsiniz.

WooCommerce kullanan e-ticaret sitelerinde widget, sepet ve ödeme sayfalarında ziyaretçinin sorularını anında yanıtlayarak sepet terk oranını düşürmeye yardımcı olur. Kurulum WordPress'in genel mantığıyla aynıdır; ayrı bir işlem gerektirmez.

Shopify ve Diğer E-Ticaret Platformları

Shopify mağazanıza canlı destek eklemek için tema kodunu düzenlemeniz gerekir. Yönetim panelinden "Online Store > Themes > Edit code" yolunu izleyin, theme.liquid dosyasını açın ve widget kodunu </body> etiketinden önce yapıştırın. Değişikliği kaydettiğinizde widget tüm mağaza sayfalarında görünür hale gelir.

ika, Trendyol mağaza siteleri veya diğer Türkiye pazaryeri altyapılarında genellikle bir "özel kod" ya da "head/footer script" alanı bulunur. Yanıtly widget kodunu bu alana eklemeniz yeterlidir. E-ticaret sitelerinde widget'ı kurarken kargo takibi, iade ve stok sorularını AI'a tanıtmanız, operatör yükünü ciddi şekilde azaltır.

Google Tag Manager kullanıyorsanız, widget kodunu özel bir HTML etiketi olarak GTM üzerinden de yayınlayabilirsiniz. Bu yöntem, geliştirici yardımı almadan kod yönetmek isteyen pazarlama ekipleri için pratiktir.

Kurulum Sonrası Test ve Doğrulama

Kodu ekledikten sonra widget'ın doğru çalıştığını mutlaka kontrol edin. Aşağıdaki adımlar yaygın hataları yakalamanıza yardımcı olur.

1. 1.Sitenizi gizli sekmede açın ve sağ alt köşede sohbet balonunun göründüğünü doğrulayın.
2. 2.Bir test mesajı gönderin; AI veya operatör panelinde mesajın anlık ulaştığını kontrol edin.
3. 3.Mobil cihazda widget'ın taşmadığını ve butonların erişilebilir olduğunu test edin.
4. 4.Sayfa hızını ölçün; widget'ın yüklenme süresine kayda değer bir etki etmediğini görün.
5. 5.Çalışma saatleri dışında doğru karşılama mesajının gösterildiğini doğrulayın.

Widget görünmüyorsa en sık karşılaşılan nedenler şunlardır: kodun yanlış sayfaya eklenmesi, tarayıcı önbelleği veya bir reklam engelleyicinin script'i bloke etmesi. Önbelleği temizleyip sayfayı yenilemek çoğu sorunu çözer.

KVKK ve Veri Güvenliği

Canlı destek widget'ı ziyaretçilerden ad, e-posta ya da telefon gibi kişisel veriler toplayabildiği için kurulum sırasında KVKK uyumunu göz ardı etmeyin. Toplanan verilerin nerede saklandığı, ne kadar süre tutulduğu ve aydınlatma metninin sunulup sunulmadığı önemlidir.

Türkiye'de faaliyet gösteren işletmeler için verilerin yurt içinde işlenmesi ve açık rıza akışlarının doğru kurgulanması yasal bir gerekliliktir. Yanıtly, widget üzerinden gelen tüm konuşmaları KVKK çerçevesinde yönetir; aydınlatma metni gösterimi ve veri saklama süreleri panelden yapılandırılabilir.

Sonuç

Web sitesine canlı destek ekleme, platform fark etmeksizin tek bir kod parçacığı ve birkaç dakikalık bir işlemdir. HTML, WordPress, Shopify ya da herhangi bir e-ticaret altyapısında widget'ı </body> öncesine ekleyerek ziyaretçilerinize anında yanıt verecek bir kanal açarsınız.

Yanıtly ile bu adımı tamamladığınızda yalnızca yazılı canlı destek değil; bilgi bankası tabanlı Türkçe AI chatbot, WhatsApp, Instagram ve e-posta gibi kanalları da tek panelde toplarsınız. Üstelik tamamen KVKK uyumlu, TL fiyatlandırmalı ve sesli AI çağrı asistanıyla birlikte. Sitenize canlı destek eklemek için bugün Yanıtly widget kodunuzu oluşturup birkaç dakikada yayına alabilirsiniz.