Web Sitenize Canlı Destek Widget'ı Eklemenin İki Yolu: Gömme Kodu mu, Hazır Eklenti mi?
Web sitenize yapay zeka destekli bir canlı destek sistemi eklemek istediğinizde karşınıza çıkan ilk engel genellikle teknik bir kaygıdır: "Bunu yapmak için kod yazmam mı gerekiyor, yoksa basit bir eklentiyle halledebilir miyim?" Özellikle küçük ve orta ölçekli işletmeler, SaaS girişimleri veya hizmet sağlayıcılar için bu soru kritiktir. Çünkü çoğu zaman elinizde tam zamanlı bir yazılım ekibi yoktur ve vaktiniz kısıtlıdır.
Bir ziyaretçinin fiyatlandırma sayfanızda takılıp, cevabını bulamadığı tek bir soru yüzünden sekmeyi kapatması, aslında fark etmediğiniz bir satış kaybıdır. Canlı destek widget'larının temel amacı, işte bu kritik anlarda devreye girerek kaybı önlemektir. İyi haber şu ki; Giizo AI ile bu kurulum süreci, teknik seviyeniz ne olursa olsun oldukça basittir.
Sitenize bir AI ajanı eklemek için kullanabileceğiniz iki temel yol vardır: Gömme Kodu (Embed Code) veHazır Eklentiler (Plugins). Her iki yöntem de aynı widget'ı açar ve aynı akıllı ajana bağlanır; tek fark, kurulumu nasıl gerçekleştirdiğinizdir.
1. Gömme Kodu (Embed Code): Kopyala, Yapıştır ve Yayına Al
Eğer web siteniz özel bir yazılımla geliştirilmişse veya kullandığınız içerik yönetim sistemi (CMS) belirli eklentileri desteklemiyorsa, gömme kodu en güvenilir ve evrensel yoldur.
Nasıl Çalışır? Giizo AI panelinde asistanınızı oluşturup "Erişim Kanalları" sekmesinden Web Widget kanalını açtığınızda size kısa bir HTML/JavaScript kod parçası sunulur. Bu kod; asistanınızın kimliğini taşıyan özel bir etiketten ve onu çalıştıran asenkron bir script referansından oluşur.
Kurulum Adımları:
- Panelden sağladığınız Entegrasyon Kodunu kopyalayın.
- Bu kodu web sitenizin HTML yapısında
</body>etiketinden hemen önceye veya site oluşturucunuzun "Custom HTML / Özel Kod" alanına yapıştırın. - Sayfayı kaydedip yayınlayın.
Avantajları:
- Hız: Script asenkron yüklendiği için sayfa açılış hızınızı etkilemez.
- Esneklik: Her türlü web altyapısıyla uyumludur.
- Merkezi Yönetim: Kodu sadece bir kez eklersiniz; daha sonra widget rengini değiştirmek, karşılama mesajını güncellemek veya bilgi tabanını genişletmek istediğinizde site koduna tekrar dokunmanıza gerek kalmaz. Tüm değişiklikler Giizo AI paneli üzerinden anlık olarak yansır.
2. Hazır Eklenti (Plugin): Sıfır Kodla Kurulum
Kod parçalarıyla uğraşmak istemeyen veya teknik süreçleri tamamen otomatize etmek isteyen işletmeler için hazır eklenti yolu en düşük sürtünmeli seçenektir.
Nasıl Çalışır? Giizo AI, popüler platformlar için optimize edilmiş bir eklenti kataloğu sunar. Bu yöntemde herhangi bir kod satırı görmezsiniz; bunun yerine platformunuzla uyumlu olan dosyayı indirip kurarsınız.
Kurulum Adımları:
- Giizo AI panelindeki dokümantasyon veya eklenti bölümünden kendi platformunuzu seçin.
- Platforma özel hazırlanmış eklentiyi indirin veya yönlendirmeleri takip edin.
- Sitenizin yönetim panelindeki "Eklentiler/Uzantılar" kısmından yükleme işlemini tamamlayın ve asistan kimliğinizi tanımlayın.
Bu yöntem özellikle site yönetimini tek başına yürüten girişimciler için idealdir çünkü tüm süreç görsel arayüzler üzerinden ilerler. Güncel desteklenen platformların listesini her zaman panel içindeki katalogdan kontrol edebilirsiniz; çünkü liste sürekli genişlemektedir.
Kurulumdan Sonraki Kritik Adım: Bilgi Tabanı (RAG) Yapılandırması
Widget'ı siteye eklemek teknik olarak "kurulumu bitirmek" anlamına gelse de, işlevsel olarak sürecin sadece ilk yarısıdır boş bir widget, müşteriye yardımcı olamazya da yanıt veremezse kullanıcı deneyimini olumsuz etkilerse anlam ifade etmez.**
Giizo AI ajanları, standart chatbotların aksine önceden yazılmış sabit cevaplarla değil, RAG (Retrieval-Augmented Generation) tabanlı bilgi tabanlarıyla çalışır. Yani ajanınız; sizin yüklediğiniz PDF belgelerini, ürün kataloglarınızı veya web sitenizden taranan verileri okuyarak yanıt üretir."Fiyatlandırma planlarınız neler?" diye soran müşteriye uydurma cevaplar vermek yerine doğrudan sizin tanımladığınız güncel tabloyu sunar.** Eğer bilgi tabanınız boşsa,ajan dürüstçe "Bu konuda bilgim yok" diyecektir; bu yüzden kurulum sonrası bilgi tabanını beslemek en öncelikli adımınız olmalıdır.**
Marka Kimliğine Uygun Görsel Özelleştirme
Sitenize eklediğiniz widget'ın yabancı bir parça gibi durmaması gerekirken markanızla bütünleşmelidir.** Giizo AI panelinde şu özelleştirmeleri yaparak bunu sağlayabilirsiniz:
- Varyant Seçimi: Modern (yuvarlak köşeler), Standart (profesyonel) veya Minimal tasarımlardan size uygun olanı seçebilirsiniz (Öneri: Standart varyant çoğu sektör için en güvenli tercihtir).
- Renk Paleti: Başlık arka plan rengi부터 buton renklerine kadar her detayı markanızın kurumsal renkleriyle eşleştirebilirsiniz (Metin renginin arka planla kontrast oluşturduğundan emin olun).
- Buton Stili: Açma-kapama butonunda klasik sohbet ikonu mu yoksa asistanınızın avatarı mı görüneceğini belirleyebilir; buton boyutunu küçük ya da büyük olarak ayarlayabilirsiniz (Küçük boyut genellikle kullanıcıyı rahatsız etmeden görünür kalmayı sağlar).
- Konumlandırma: Widget'ın ekranın alt ve sağ kenarına olan uzaklığını piksel cinsinden tanımlayarak diğer site elementleriyle çakışmasını önleyebilirsiniz**.**
Ne Zaman Hangi Yöntemi Seçmelisiniz?
| Durum | Önerilen Yöntem | Neden? |
|---|---|---|
| Özel Yazılım / Framework Kullanımı | Gömme Kodu | Evrensel uyumluluk sağlar, her yere entegre olur**.** |
| Popüler CMS / Hazır Site Araçları | Hazır Eklenti | Teknik süreçleri minimize eder, kurulumu hızlandırır**.** |
| Hızlı Prototipleme / Test Süreci | Gömme Kodu | Tek satırlık işlemle anında canlıya alınabilir**.** |
| Teknik Ekibi Olmayan Küçük İşletmeler | Hazır Eklenti | Kod görmeden yönetim imkanı sunar**.** |
Sonuç olarak; ister gömme koduyla ister hazır eklentiyle ilerleyin, sonucunda elde edeceğiniz şey sadece basit bir sohbet penceresi değil; rutin soruları otomatik yanıtlayan, gerektiğinde görüşmeyi gerçek bir operatöre devreden ve 7/24 aktif çalışan dijital bir asistandır.** Web sitenizin dönüşüm oranlarını artırmak için doğru yöntemi seçin ve asistanınızı bugün yayına alın.**