N8N Chat UI: web sitesine n8n chatbot ekleme

N8N Chat UI, n8n chatbot için görsel bir sohbet arayüzü tasarlayıp web sitenize eklemenizi sağlar. Çalışan bir iş akışı olan geliştiriciler, ajanslar ve site sahipleri, sohbet penceresini kendi markalarına uyarlamak için kullanabilir.

Bu site ne işe yarar? Basit bir açıklama

n8n’i arka planda işi yapan ekip, N8N Chat UI’ı ise ziyaretçinin konuştuğu danışma masası gibi düşünebilirsiniz. Mesaj webhook adresinize gönderilir; iş akışı sonucu üretir ve pencere bu yanıtı gösterir.

Destek, potansiyel müşteri toplama veya randevu işlemleri için ilgili adımların backend’de hazırlanması gerekir. Ürün bağımsızdır ve n8n ile bağlantılı değildir; yalnızca görünümü değiştirmek çalışan bir otomasyon oluşturmaz.

İş akışını bağlayıp ilk yanıtı alma

1. Chat Trigger veya Webhook kullanan çalışan bir iş akışı ve siteyi düzenleme erişimi hazırlayın.
2. Pencereyi tasarlayın, önizlemeyi kontrol edin ve webhook bağlantısını ekleyin.
3. Akışlı olmayan yanıtlar için HTTP 200 ve output metin alanını içeren geçerli JSON döndürün. Dinamik metinlerde tırnakları doğru biçimde kaçırın.
4. Üretilen yerleştirme kodunu siteye ekleyin. Bir test mesajı göndererek hem n8n çalışmasını hem ekrandaki yanıtı kontrol edin.

Backend bağlantı kılavuzu özel POST uç noktalarını da açıklar. WordPress’te ChatUI Widget for n8n eklentisini kurup etkinleştirin; Settings → N8N Chat UI bölümünde Widget ID veya webhook adresini kaydedin. Belirli sayfaları hariç tutabilirsiniz.

Markaya uygun tasarım ve kullanım alanları

Canlı önizleme ile renk, yazı tipi, avatar, karşılama metni ve sohbet düğmesi ayarlanabilir. Sayfa içi pencere veya yüzen açılır pencere seçilir. Mobil uyum ve sağdan sola yazılan diller için RTL düzeni sunulur.

Backend, followUpPrompts alanıyla tıklanabilir devam soruları döndürebilir. Bir iş akışını paylaşan farklı pencerelerde oturum anahtarlarını planlayarak konuşma bağlamlarını ayırın. Oturum anahtarı kullanıcı yetkilendirmesinin yerini tutmaz.

Dosyalar, ses kayıtları ve akışlı yanıtlar

Dosya yükleme için tür, boyut ve adet sınırları ayarlanabilir. Dosyalar n8n’e ikili veri olarak ulaşır; belge okuma ve analiz için ek adımlar gerekir.

Ses girişi bir kayıt gönderir. Resmî örnek, metni ajana vermeden önce ayrı bir konuşmayı yazıya çevirme hizmeti kullanır. Dosya ve sesle birlikte metadata, nesneye çevrilmesi gereken JSON dizesi olarak iletilir.

Akışlı yanıt için hem Chat Trigger/Webhook girişinde hem AI Agent çıkışında streaming etkin olmalıdır. Widget bu ayarı algılar; yalnızca arayüzü değiştirmek yeterli değildir.

Ücretsiz deneme ve ücretli kullanım

28 Ekim 2026 kontrolüne göre yeni hesaplara 30 gün geçerli 100 Managed deneme kredisi verilir. Sonrasında ön ödemeli kredi alınır; proxy’nin işlediği her mesaj bir kredi tüketir. Bakiye biterse yeni mesajlar işlenmez. 5 Ekim 2026 ve sonrasında alınan ücretli krediler mevcut koşullara göre sona ermez; eski alımlar kendi koşullarını korur.

Standalone tek seferlik lisans gerektirir ve Managed mesaj kredisi tüketmez. Yeni alımlarda kalıcı temel lisans ile isteğe bağlı destek ve güncelleme dönemlerini ayırın. Güncel fiyatları, ödeme para birimini ve vergileri kontrol edin. n8n, model ve transkripsiyon giderleri ayrıdır.

Veriler ve uygulama sınırları

Standalone, tarayıcıdan webhook’a doğrudan bağlanır; adres istemci kodunda görünür. Managed sağlayıcı proxy’sini kullanır, webhook adresini gizler ve alan adı/bölge kısıtlamaları, hız sınırları, analiz ve merkezi yönetim sunar.

Gizlilik politikası, sağlayıcının konuşma içeriğini saklamadığını, önbelleğe almadığını veya günlüklemediğini belirtir. Proxy yine de mesajları anlık işler; teknik ölçümler ve ayarlar tutulur. Kendi n8n, veritabanı ve model sağlayıcınızın saklama kurallarını ayrıca inceleyin.

Sık sorulan sorular

Mevcut web siteme ekleyebilir miyim?

Evet. Yerleştirme kodu veya resmî WordPress eklentisi kullanılabilir; site düzenleme izni ve çalışan backend gerekir.

Araç n8n iş akışını da oluşturur mu?

Hayır. Model, veri kaynakları ve işlemler n8n’de veya uyumlu backend’de yapılandırılır.

Sınırsız ücretsiz kullanabilir miyim?

Başlangıçtaki 100 kredi 30 gün geçerlidir. Sonrasında Managed kredisi veya Standalone lisansı ile backend hizmetleri gerekir.

Resmî kaynaklar

• Ürün belgeleri: ayarlar ve oturum yönetimi.
• WordPress kılavuzu: kurulum ve sayfa istisnaları.
• MCP bağlantısı: OAuth veya API anahtarıyla widget listeleme, oluşturma ve tema düzenleme; tema değişiklikleri webhook’u değiştirmez.
• Resmî destek: hesap ve bağlantı soruları.