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:

<script> (function(d, w, c) { w.SvyazioConfig = { orgId: 'YOUR_ORG_ID', serverUrl: 'https://app.svyazio.com' }; w[c] = w[c] || function() { (w[c].q = w[c].q || []).push(arguments); }; var s = d.createElement('script'); s.async = true; s.src = 'https://app.svyazio.com/widget/svyazio.js'; if (d.head) d.head.appendChild(s); })(document, window, 'Svyazio'); </script>

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.

<html> <body> ... your page content ... <!-- Svyazio Live Chat --> <script> (function(d, w, c) { w.SvyazioConfig = { orgId: 'YOUR_ORG_ID', serverUrl: 'https://app.svyazio.com' }; w[c] = w[c] || function() { (w[c].q = w[c].q || []).push(arguments); }; var s = d.createElement('script'); s.async = true; s.src = 'https://app.svyazio.com/widget/svyazio.js'; if (d.head) d.head.appendChild(s); })(document, window, 'Svyazio'); </script> </body> </html>

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:

Sohbet widget'ınızı özelleştirme

Kurulumdan sonra widget'ı Svyazio panelinizden özelleştirin — kod değişikliği gerekmez:

Svyazio Dashboard — conversation list Svyazio Dashboard — replying to visitor Svyazio Dashboard — settings

Ç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:

Üç 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:

  1. 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.
  2. 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.
  3. 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.
  4. 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.

Fiyat özeti

Svyazio gizli maliyet olmadan temsilci başına şeffaf fiyatlandırma sunar:

Her iki ücretli plan da 7 günlük ücretsiz deneme içerir, kredi kartı gerekmez.

Sıkça Sorulan Sorular

Kurulum ne kadar sürer?
Yaklaşık 2 dakika. Kaydolun, scripti kopyalayın, sitenizin footer'ına yapıştırın. Widget anında görünür — yeniden başlatma yok, derleme yok, bekleme yok.
Kodlama bilgisi gerekir mi?
Hayır. WordPress, Shopify ve Tilda'da scripti görsel ayar panelleri üzerinden yapıştırırsınız. Özel sitelerde </body> etiketinden önce tek satır ekleyin.
Canlı destek ücretsiz mi?
Evet. Svyazio'nun Starter planı sonsuza kadar ücretsiz — 1 temsilci, 50 görüşme/ay, kredi kartı gerekmez. Ücretli planlar temsilci başına ayda $19'dan başlar.
Web sitemi yavaşlatır mı?
Hayır. Script defer ile asenkron olarak yüklenir. Sayfa oluşturmayı engellemez ve Core Web Vitals'ı etkilemez. Dünya çapında CDN ile sunulur.
Hangi platformlar destekleniyor?
Herhangi bir web sitesi: WordPress, Shopify, WooCommerce, Tilda, Wix, Squarespace, Webflow, Next.js, React, özel HTML — script etiketi ekleyebiliyorsanız çalışır.

Canlı destek eklemeye hazır mısınız?

Sonsuza kadar ücretsiz. 2 dakikada kurulum. Kredi kartı gerekmez.

Ücretsiz Başlayın

Okumaya devam edin

10 en iyi ücretsiz canlı destek aracı Telegram destek rehberi WordPress entegrasyonu