Dokümantasyon

Chatio'yu web sitenize
dakikalar içinde ekleyin

Canlı destek widget'ı kurulumu, domain tanımlama, Telegram ve e-posta bağlantısı. Teknik bilgi gerekmeden adım adım takip edin.

Ücretsiz başlayınKurulum koduna git
Hızlı başlangıç

4 adımda canlı destek

Kayıttan widget'ın yayına alınmasına kadar tüm süreç birkaç dakika sürer.

01

Ücretsiz hesap oluşturun

chatio.com.tr/register adresinden kayıt olun. E-posta doğrulamasından sonra panele giriş yapın.

Kayıt ol
02

Web sitenizi tanımlayın

Panel → Web Sitelerim bölümünde site adınızı ve domain adresinizi (https:// ile) ekleyin. Widget yalnızca izin verdiğiniz adreste çalışır.

Panele git
03

Kurulum kodunu kopyalayın

Siteler listesinde sitenizin yanındaki Kurulum Kodu butonuna tıklayın. Size özel site key içeren tek satırlık script oluşturulur.

Kodu al
04

Sitenize yapıştırın

Kodu </body> etiketinden hemen önce veya <head> içine ekleyin. Sayfayı yenilediğinizde sağ altta sohbet balonu görünür.

Canlı demo
Kurulum kodu

Tek satırlık embed script

Her site için benzersiz site_key üretilir. Kodu panelden kopyalayın; aşağıdaki örnek yapıyı gösterir. SIZIN_SITE_KEY kısmı sizin kodunuzla değişir.

  • </body> etiketinden hemen önce ekleyin (önerilen)
  • Alternatif: <head> içine de eklenebilir
  • HTTPS kullanan sitelerde sorunsuz çalışır
  • Domain panelde tanımlı değilse widget yüklenmez
Kurulum kodu
<script>
(function(w,d,s,o,f,js){
w['Chatio']=o;w[o]=w[o]||function(){(w[o].q=w[o].q||[]).push(arguments)};
js=d.createElement(s);js.async=1;js.src=f;
js.dataset.siteKey='SIZIN_SITE_KEY';
js.dataset.api='https://api.chatio.com.tr/v1';
d.head.appendChild(js);
})(window,document,'script','chatio','https://api.chatio.com.tr/v1/widget.js');
</script>

HTML örneği

<!DOCTYPE html>
<html lang="tr">
<head>
  <title>Siteniz</title>
</head>
<body>
  <!-- Sayfa içeriğiniz -->

  <script>
(function(w,d,s,o,f,js){
w['Chatio']=o;w[o]=w[o]||function(){(w[o].q=w[o].q||[]).push(arguments)};
js=d.createElement(s);js.async=1;js.src=f;
js.dataset.siteKey='SIZIN_SITE_KEY';
js.dataset.api='https://api.chatio.com.tr/v1';
d.head.appendChild(js);
})(window,document,'script','chatio','https://api.chatio.com.tr/v1/widget.js');
</script>
</body>
</html>
Platform rehberi

Hangi altyapıyı kullanıyorsanız kullanın

Popüler site oluşturucularında kurulum kodu aynıdır; yalnızca ekleme yeri değişir.

HTML / Statik site

index.html veya şablon dosyanızda </body> kapanış etiketinden hemen önce kurulum kodunu yapıştırın.

WordPress

Görünüm → Tema Dosya Düzenleyici → footer.php veya bir eklenti ile (ör. Insert Headers and Footers) kodu footer alanına ekleyin.

Shopify

Online Mağaza → Temalar → Düzenle → theme.liquid dosyasında </body> öncesine kodu ekleyin.

Wix / Webflow

Site ayarlarından özel kod (Custom Code) bölümüne kurulum scriptini body sonuna ekleyin.

Çok kanallı destek

Widget'tan sonra kanalları bağlayın

Web sohbetine ek olarak Telegram ve e-posta üzerinden de aynı panelden yanıt verin.

Telegram

@BotFather ile bot oluşturun, token'ı Chatio panelinde Bağlantılar sayfasına yapıştırın. /connect komutu ile sohbeti panele bağlayın.

E-posta

Bağlantılar sayfasından e-posta kanalını etkinleştirin. Müşteri e-posta yanıtları ilgili konuşmaya otomatik eklenir.

Detaylı adımlar için panele giriş yaptıktan sonra Bağlantılar sayfasındaki kurulum sihirbazını takip edin.

Widget görünümü

Sohbet balonunu markanıza uyarlayın

Panel → Widget Görünümü: tema rengi, balon konumu, karşılama mesajı, temsilci adı ve çevrimdışı mesajını ayarlayın. Değişiklikler anında tüm sitelerinize yansır.

Ekip

Temsilcilerinizi davet edin

Panel → Ekip bölümünden temsilci ve yönetici ekleyin. Her üye kendi hesabıyla giriş yapar; gelen konuşmalar Gelen Kutusu'ndan yanıtlanır.

SSS

Sık sorulan sorular

Widget neden görünmüyor?

Domain adresinizin panelde tanımlı olduğundan, kurulum kodunun doğru yapıştırıldığından ve site key'in eşleştiğinden emin olun. Tarayıcı önbelleğini temizleyip tekrar deneyin.

Kodu head mi body mi içine koymalıyım?

Her iki konum da çalışır. En yaygın yöntem </body> etiketinden hemen önce eklemektir.

Birden fazla site ekleyebilir miyim?

Evet. Planınızdaki site limitine kadar her domain için ayrı site kaydı ve kurulum kodu oluşturabilirsiniz.

Sohbet balonunu özelleştirebilir miyim?

Panel → Widget Görünümü bölümünden renk, karşılama mesajı, temsilci adı, konum ve dil ayarlarını değiştirebilirsiniz.

Hazır mısınız? 14 gün ücretsiz deneyin

Kredi kartı gerekmez. Kurulum kodunu dakikalar içinde sitenize ekleyin.

Ücretsiz kayıt olFiyatlarımızı Görüntüleyin