Widget
Widget, bir web sitesine gömülen mini bir modüldür ve kendi başına bir işlev sağlar — bir canlı sohbet düğmesi, bir bülten kayıt formu, bir değerlendirme afişi. Tek bir kod parçası ile yüklenir ve sitenin geri kalanından bağımsız çalışır.
Widget nedir?
Widget, web sitenize küçük bir kod parçası (genellikle 1–3 satır JavaScript) ile gömdüğünüz, kendi kendine yeten işlevsel bir yapı taşıdır. Widget kendi render, mantık ve veri taşıma işlemlerini yürütür — kendi bileşenlerinizi inşa etmenize gerek yoktur.
Terim, yazılım geliştirmeden (küçük UI yapı taşları) gelir ve günümüzde çoğunlukla web'de gömülebilir harici işlevleri ifade eder: canlı sohbet, çerez afişleri, bülten formları, değerlendirme karuselleri, rezervasyon takvimleri.
SendSeven'da yaygın widget türleri
| Widget | İşlev | Nerede kullanılır |
|---|---|---|
| Canlı sohbet widget'ı | Sağ alt köşede sohbet baloncuğu; gelen mesajlar birleşik gelen kutusuna düşer | Servis, satış desteği |
| Bülten widget'ı | Çift opt-in ile WhatsApp/e-posta listelerine kayıt formu | Pazarlama sayfaları, blog |
| Click-to-chat widget'ı | WhatsApp/Telegram/Messenger'a doğrudan atlama | Ürün sayfaları, iletişim sayfaları |
Mobile özgü davranış
Mobile cihazlarda iyi tasarlanmış bir widget, masaüstünden farklı davranır. SendSeven canlı sohbet widget'ı iki mobile özgü ayara sahiptir:
- Mobile'da tam ekran (varsayılan açık) — baloncuğa dokunmak sohbeti küçük bir bindirme olarak değil, tam viewport bir panel olarak açar. iOS klavyesinin giriş alanını kesmemesi için
100dvhkullanır. - Yeni sekmede aç (varsayılan kapalı) — ziyaretçilerin sohbeti ayrı bir sekmede açmasını sağlayan bir simge ekler. Her iki sekme senkronize kalır, ziyaretçi konuşmayı kaybetmeden ana sitede gezinmeye devam edebilir.
Bir widget teknik olarak nasıl çalışır
- Snippet'i gömün: Sitenizin altbilgisinde tek bir JavaScript satırı. Eşzamansız yüklenir, render'ı engellemez.
- Yapılandırmayı yükleyin: Widget, ilk yüklemede ayarlarını (renkler, konum, çeviriler) SendSeven hesabınızdan alır.
- Arayüzü render edin: İzole bir kapsayıcı içinde (genellikle bir Shadow DOM), böylece sitenizle CSS çakışması olmaz.
- Etkileşimi yönetin: Baloncuğa tıklama → sohbet açılır → mesajlar REST API üzerinden değiş tokuş edilir.
- Kalıcılık: Bir cookie/localStorage oturumu, ziyaretçinin konuşmasını sayfa yenilemeleri arasında canlı tutar.
Widget vs iframe
Iframe, gömülü bir web sayfasıdır — tam sandbox, responsive entegrasyonu zordur. Widget, sayfanızın yerel bir parçasıdır, daha akıcı hissettirir, stilistik olarak daha iyi entegre olur ve daha iyi performans gösterir.
Gizlilik ve widget'lar
- Onay: Widget yalnızca ziyaretçi pazarlamaya onay verdikten sonra yüklenebilir — aksi takdirde bir gizlilik ihlalidir.
- Çerezsiz kullanılabilir: Tamamen işlevsel widget'lar (canlı sohbet) izleme çerezleri olmadan çalışabilir — yalnızca aktif konuşmalar için oturum depolama.
- AB barındırma: Widget CDN ve backend'inin AB'de olduğundan emin olun. SendSeven widget'ları Frankfurt'tan sunulur.
Özelleştirme
SendSeven widget'ları widget editöründe özelleştirilebilir: renkler (varsayılan olarak Onyx + Photon Lime), konum, karşılama metni, avatar, çalışma saatleri, dil (tüm 11 yerel). Render edilen snippet bu yapılandırmayı backend'den canlı çeker — değişiklikler yeni bir dağıtım olmadan etkin olur.