Skip to content
Uygulama Rehberi7 dk okumaGüncellendi 15 Mart 2026

Web Sitesine Chatbot Nasıl Eklenir? Adım Adım Rehber

Web sitenize yapay zeka destekli chatbot eklemek hiç bu kadar kolay olmamıştı. WordPress, Shopify veya özel kodlanmış sitelere 5 dakikada chatbot kurma rehberi.

Web Sitesine Chatbot Nasıl Eklenir? Adım Adım Rehber

Chatbot Eklemenin 3 Yolu

1. Script etiketi (En kolay): Chatbot platformunuzdan aldığınız tek satır JavaScript kodunu sitenizin `` etiketinden hemen önce yapıştırın. Tüm web sitelerinde çalışır.

2. WordPress eklentisi: Eklentiyi yükleyin, API anahtarınızı girin. Script etiketi de WordPress'te sorunsuz çalışır.

3. API entegrasyonu: İleri düzey kullanıcılar için. Tamamen özel sohbet arayüzü oluşturabilirsiniz.

Çoğu işletme için script etiketi yöntemi en pratik çözümdür. Chatloom ile bu süreç 5 dakikadan kısa sürer.

WordPress'e Chatbot Ekleme

Adım 1: Chatloom hesabı oluşturun ve chatbotunuzu kurun.
Adım 2: "Embed" bölümünden widget kodunu kopyalayın.
Adım 3: WordPress yönetim panelinde Görünüm → Tema Düzenleyici'ye gidin.
Adım 4: `footer.php` dosyasına kodu `` etiketinden önce yapıştırın.
Adım 5: Kaydedin ve sitenizi ziyaret edin.

WooCommerce kullanıyorsanız, ürün kataloğunuzu chatbot bilgi tabanına ekleyerek müşteri sorularını otomatik cevaplayabilirsiniz.

"Insert Headers and Footers" eklentisi ile tema güncellemelerinde kod kaybını önleyebilirsiniz.

Shopify'a Chatbot Ekleme

Adım 1: Chatloom'da chatbotunuzu oluşturun.
Adım 2: Embed kodunu kopyalayın.
Adım 3: Shopify yönetim panelinde Çevrimiçi Mağaza → Temalar → Kodu düzenle.
Adım 4: `theme.liquid` dosyasına kodu yapıştırın.
Adım 5: Kaydedin.

E-ticaret chatbot ipuçları:
- Ürün önerisi: Müşteriye alternatif ürünler sunun
- Kargo takibi: Sipariş takip sorularını otomatik cevaplayın
- İade politikası: Sıkça sorulan iade sorularını anında yanıtlayın

Türkiye'de Shopify kullanan işletmelerin sayısı hızla artıyor. Yurt dışına satış yapan markalar için çoklu dil desteği büyük avantaj.

Özel Kodlanmış Sitelere Ekleme

HTML siteleri: Widget script etiketini `index.html` dosyanızın `` etiketinden önce ekleyin.

React/Next.js: Script etiketini `layout.tsx` dosyanıza ekleyin veya `useEffect` hook'u ile dinamik yükleme yapın.

Vue.js: `App.vue` veya `index.html` dosyanıza ekleyin.

Performans: Chatloom widget'ı asenkron yüklenir ve sayfanızın yükleme hızını etkilemez. Widget sadece kullanıcı etkileşime geçtiğinde tam başlatılır.

Özelleştirme: Widget'ın rengini, konumunu, başlangıç mesajını Chatloom panelinden görsel olarak ayarlayabilirsiniz.

Kurulum Sonrası Optimizasyon

1. Konuşma analitiğini izleyin: En çok sorulan soruları, güven skorlarını ve memnuniyet trendlerini takip edin.

2. Bilgi boşluklarını doldurun: Cevaplanamayan soruları tespit edip yeni belgeler ekleyin.

3. Hoş geldin mesajını optimize edin: Spesifik bir mesaj kullanın - "Ürün bilgisi, sipariş takibi veya iade konusunda yardımcı olabilirim."

4. Öneri butonları ekleyin: En çok sorulan soruları buton olarak sunun.

5. Mobil deneyimi test edin: Türkiye'de trafiğin %70'i mobilden gelir.

6. A/B testi yapın: Farklı mesajlar ve butonlar ile en yüksek etkileşim oranını yakalayın.

Sıkça Sorulan Sorular

Chatbot web sitemin hızını yavaşlatır mı?

Hayır. Chatloom widget'ı asenkron yüklenir ve sayfa hızını etkilemez.

Birden fazla sayfada chatbot kullanabilir miyim?

Evet. Script etiketini genel şablon dosyasına eklerseniz tüm sayfalarda görünür.

Chatbotun görünümünü özelleştirebilir miyim?

Evet. Renk, konum, logo, başlangıç mesajı ve öneri butonlarını tamamen özelleştirebilirsiniz.

Mobilde çalışır mı?

Evet. Responsive tasarıma sahiptir ve tüm ekran boyutlarında mükemmel çalışır.

İlgili Kaynaklar

İlgili Yazılar

Web Sitenize Yapay Zeka Chatbot Eklemeye Hazır mısınız?

5 dakikada RAG destekli bir yapay zeka chatbot kurun ve yayınlayın. Kod gerekmez. Ücretsiz planla başlayın.

    Gizlilik tercihlerin

    Chatloom'un çalışması ve ürünümüzü geliştirmek için çerezler kullanıyoruz. İsteğe bağlı analiz ve pazarlama verilerinin kullanımını yönet.

    Web Sitesine Chatbot Nasıl Eklenir? Adım Adım Rehber (2026) | Chatloom