İçindekiler
Web sitenize canlı destek eklemek eskiden eklentiler, yapılandırma dosyaları ve bazen bir geliştirici gerektirirdi. 2026'da sadece tek satır JavaScript ve yaklaşık 2 dakikaya ihtiyacınız var. Bu rehber en popüler platformları kapsar — WordPress, Shopify, Tilda, Wix ve saf HTML — böylece bugün ziyaretçilerle sohbete başlayabilirsiniz.
Örnek olarak Svyazio'yu kullanacağız. Web sohbet, Telegram ve e-posta için birleşik gelen kutusu olan ücretsiz bir canlı destek aracıdır. Ücretsiz plan ayda 1 temsilci ve 50 görüşme içerir — kredi kartı gerekmez, süre sınırı yok.
Web sitenizin neden canlı desteğe ihtiyacı var
Teknik adımlardan önce bariz soruyu yanıtlayalım: neden? Verilerle desteklenen üç neden.
1. Canlı destek dönüşümleri artırır. Forrester Research'e göre canlı destek ile etkileşime giren ziyaretçilerin dönüşüm olasılığı 3–5 kat daha fazladır. E-ticaret mağazaları için bu daha fazla tamamlanmış sipariş demektir. SaaS şirketleri için daha fazla kayıt. Mekanizma basit: insanların soruları var ve ne kadar hızlı yanıtlarsanız harekete geçmeleri o kadar olası.
2. Müşteriler telefon ve e-postaya göre sohbeti tercih eder. J.D. Power araştırmasına göre müşterilerin %42'si destek için canlı sohbeti tercih eder — telefon (%32) veya e-postadan (%23) daha fazla. Sohbet müdahaleci değildir, anlıktır ve kullanışlıdır. Tek kanallarınız telefon ve e-posta ise potansiyel görüşmelerin çoğunu kaçırıyorsunuz.
3. Sohbet destek maliyetlerini düşürür. Bir temsilci aynı anda 3–5 görüşmeyi yönetebilir — tek seferde 1 aramaya karşı. Hazır yanıtlar (sık sorulan sorulara önceden tanımlanmış cevaplar) ortalama işlem süresini %30–50 azaltır.
Evrensel kurulum — 3 adım
Bu yöntem herhangi bir web sitesinde çalışır — HTML, React, Vue, Next.js veya herhangi bir framework ile oluşturulmuş olsun. <script> etiketi ekleyebiliyorsanız bu çalışacaktır.
Adım 1: Ücretsiz hesap oluşturun
app.svyazio.com adresine gidin ve kaydolun. İşlem 30 saniye sürer — ad, e-posta, şifre, tamam. Kredi kartı gerekmez. Boş bir gelen kutusuyla panelinize ulaşacaksınız.
Adım 2: Widget kodunu kopyalayın
Ayarlar → Kurulum bölümüne gidin. Şöyle bir kod göreceksiniz:
Kopyalayın. orgId benzersiz organizasyon tanımlayıcınızdır. Ayarlar → Kurulum bölümünde bulabilirsiniz.
Adım 3: </body> etiketinden önce yapıştırın
Sitenizin HTML'ini açın ve kodu kapanış </body> etiketinden hemen önce yapıştırın. Dosyayı kaydedin ve sayfayı yenileyin. Sohbet widget'ı sağ alt köşede görünür — görüşmelere hazır.
Script asenkron olarak yüklenir — sayfa oluşturmayı engellemez. Sitenizin hızı etkilenmez.
WordPress'e kurulum
Yöntem A: WPCode Eklentisi (en kolay)
Ücretsiz WPCode (Insert Headers and Footers) eklentisini kurun. Code Snippets → Body bölümüne gidin. Svyazio scriptini yapıştırın. Kaydet'e tıklayın. Hazır — tema dosyalarını düzenlemeye gerek yok.
Yöntem B: Tema dosyası
Görünüm → Tema Dosya Düzenleyici → footer.php bölümüne gidin. Scripti </body> etiketinden önce yapıştırın. Kaydedin. Not: temanızı güncellerseniz scripti yeniden eklemeniz gerekir. Alt tema kullanmak bunu önler.
Yöntem C: Elementor
Elementor kullanıyorsanız Elementor → Özel Kod → Footer bölümüne gidin. Scripti yapıştırın. Yayınlayın. Elementor Pro'nun özel kod özelliğiyle çalışır.
Svyazio Shadow DOM kullanır — widget, WordPress temanızla CSS çakışmalarını önleyen izole bir kapsayıcıda oluşturulur. Astra, GeneratePress, Kadence, Divi ve diğer tüm temalarla uyumludur. WordPress entegrasyon rehberi →
Shopify'a kurulum
Shopify Yönetici panelinde Online Mağaza → Temalar → İşlemler → Kodu düzenle bölümüne gidin. theme.liquid dosyasını açın. Kapanış </body> etiketini bulun ve Svyazio scriptini hemen önüne yapıştırın. Kaydet'e tıklayın.
Sohbet widget'ı artık mağazanızın her sayfasında görünür — ana sayfa, ürünler, sepet, ödeme ve blog. Shadow DOM izolasyonu sıfır CSS çakışması garanti eder. Shopify entegrasyon rehberi →
Tilda'ya kurulum
Tüm site için: Tilda projenize gidin → Site Ayarları → Diğer → HTML Kodu → </body> etiketinden önce. Kodu yapıştırın. Tüm sayfaları yeniden yayınlayın.
Tek sayfa için: Bir T123 HTML bloğu (Diğer → HTML Kodu) ekleyin. Widget kodunu içine yapıştırın. Sadece belirli açılış sayfalarında sohbet istiyorsanız kullanışlıdır.
Yapıştırdıktan sonra Yeniden Yayınla'ya tıklayın — Tilda sayfaları statik olarak önbelleğe alır. Tilda entegrasyon rehberi →
Diğer Platformlar
Aynı tek satır JavaScript yaklaşımı şu platformlarda çalışır:
- Wix: Panel → Ayarlar → Özel Kod → Body sonu. Yapıştırın. Yayınlayın.
- Squarespace: Ayarlar → Gelişmiş → Kod Enjeksiyonu → Footer. Yapıştırın. Kaydedin.
- Webflow: Proje Ayarları → Özel Kod → Body. Yapıştırın. Yayınlayın.
- Next.js / React: Script etiketini
_document.tsxdosyanıza ekleyin veyanext/scriptilestrategy="lazyOnload"kullanın. - Statik HTML: HTML dosyanızda
</body>etiketinden önce yapıştırın. Dağıtın.
Sohbet widget'ınızı özelleştirme
Kurulumdan sonra widget'ı Svyazio panelinizden özelleştirin — kod değişikliği gerekmez:
- Widget rengi: Ana marka renginize uyarlayın
- Karşılama mesajı: Ziyaretçiler sohbeti açtığında görünen bir selamlama ayarlayın
- Çevrimdışı form: Ekibiniz müsait olmadığında ziyaretçi e-postasını toplayın
- Çalışma saatleri: Çevrimiçi/çevrimdışı durumunu otomatik gösterin (Pro plan)
- Otomatik mesajlar: URL, sitede geçirilen süre veya kaydırma derinliğine göre mesaj tetikleyin (Pro plan)
- White-label: Tamamen özelleştirilmiş deneyim için Svyazio markasını kaldırın (Pro plan)
Çok kanal: Telegram + E-posta
Canlı destek sadece başlangıçtır. Modern müşteriler birden fazla kanal kullanır — ve hepsinde sorunsuz destek bekler. Svyazio tek gelen kutusunda üç kanalı destekler:
- Web sitesi sohbeti — az önce kurduğunuz widget
- Telegram — Telegram botunuzu bağlayın (Pro plan, 10 bota kadar)
- E-posta — destek@sirketiniz.com adresini IMAP/SMTP ile bağlayın (Business plan, Pro'da 10 hesaba kadar)
Üç kanal da tek gelen kutusunda birleşir. Bir müşteri sitenizde sohbet eder, ardından takip e-postası gönderir ve sonra Telegram botunuza mesaj atarsa — üçü de aynı görüşme dizisinde görünür.
Kurulumdan sonra ne yapmalı
Widget'ı kurdunuz. Şimdi en iyi şekilde yararlanın:
- Mobil uygulamayı indirin. Svyazio'nun push bildirimli iOS ve Android için yerleşik uygulamaları var. Masanızdan uzakta olsanız bile hiçbir mesajı kaçırmazsınız.
- 5–10 hazır yanıt oluşturun. En sık sorulan sorular neler? Kargo ücretleri, iade politikası, fiyatlar, çalışma saatleri. Bunlar için hazır yanıtlar yazın. Temsilcileriniz 2 tıkla yanıt verecek.
- Otomatik mesaj ayarlayın. Pro planda ziyaretçi davranışına göre mesaj tetikleyebilirsiniz. Örnek: birisi fiyatlandırma sayfasında 30+ saniye geçirirse "Planlarımız hakkında sorularınız mı var? Buradayız!" mesajını tetikleyin.
- Ekibinizi davet edin. Business ve Pro planlarında birden fazla temsilci davet edebilirsiniz. Görüşmeleri atayın, dahili notlar bırakın ve sohbetleri yönlendirmek için departmanları kullanın.
- Bir chatbot akışı oluşturun. Temsilcilerinizin zamanından tasarruf etmek için kodsuz görsel chatbot oluşturucu kullanın: tuval üzerinde düğümleri sürükleyin, bağlayın, yayınlayın. Tek akış web sitesinde, Telegram'da, VK'da ve MAX'ta çalışır. Pro plan özelliği.
Fiyat özeti
Svyazio gizli maliyet olmadan temsilci başına şeffaf fiyatlandırma sunar:
- Starter (Ücretsiz): 1 temsilci, 50 görüşme/ay — kişisel siteler ve test için
- Business ($19/temsilci/ay): e-posta, hazır yanıtlar, yazma önizlemesi, dahili notlar, 10 temsilciye kadar
- Pro ($39/temsilci/ay): Telegram, AI asistanı, departmanlar, analitik, white-label, sınırsız temsilci
Her iki ücretli plan da 7 günlük ücretsiz deneme içerir, kredi kartı gerekmez.
Sıkça Sorulan Sorular
defer ile asenkron olarak yüklenir. Sayfa oluşturmayı engellemez ve Core Web Vitals'ı etkilemez. Dünya çapında CDN ile sunulur.