WordPress'e yapay zeka chatbotu nasıl eklenir

WordPress'e chatbot eklemenin yolları

Bu kılavuz önce Elfsight AI Chatbot ile widget yöntemini, ardından kendi chatbotunuzu geliştirmenin neler gerektirdiğini gösterir.

Chatbotu oluşturun

1. 1.

   Bir şablon seçin ve URL'nizi girin

   Düzenleyiciyi açın, bir şablon seçin ve WordPress sitenizin adresini yapıştırın. Chatbot sayfalarınızdan en fazla 200 tanesini okur. Henüz web siteniz yok mu? İşletme bilgilerinizi elle girin.

2. 2.

   Bilgi ekleyin

   Dosyaları (PDF, DOCX, PPTX, TXT, JSON, HTML, MD) yükleyin, fiyatlar ve politikalar için soru-cevap çiftleri yazın ve sitede olmayan her şey için metin blokları ekleyin.

3. 3.

   Temsilciyi ayarlayın

   Ad ve görsel, rol, ton (Samimi, Profesyonel, Rahat, Doğrudan veya kendi tanımınız), yanıt uzunluğu, karşılama mesajı ve önerilen sorular, ayrıca neleri yanıtlayıp neleri yanıtlamaması gerektiğine dair konuşma kuralları.

4. 4.

   Yetenekleri açın

   İletişim bilgisi toplayın, ziyaretçi sessiz kaldığında takip mesajı gönderin, eylem düğmeleri gösterin ve temsilci yardımcı olamadığında ekibinizin iletişim bilgilerini sunun.

5. 5.

   Temanıza uyarlayın

   Altı temadan birini, bir vurgu rengini ve WordPress temanızınkine yakın bir yazı tipini seçin.

Her adımın ayrıntıları için web sitenize yapay zeka chatbotu nasıl eklenir kılavuzuna bakın.

Chatbotu WordPress'in tüm sayfalarına ekleyin

Yüzen bir sohbet genellikle her sayfada yer alır. Düzenleyicide Add to website düğmesine tıklayın, kodu kopyalayın ve ardından şu yollardan birini kullanın:

1. 1.

   Bir header ve footer eklentisi

   Plugins → Add New bölümünden WPCode gibi bir kod parçacığı eklentisi kurun, header ve footer ayarlarını açın, kodu footer kutusuna yapıştırın ve kaydedin. En güvenli yol budur: tema güncellemelerinden etkilenmez.

2. 2.

   Blok temasının footer'ı

   Appearance → Editor → Patterns → Footer yolunu izleyin, bir Custom HTML bloğu ekleyin, kodu yapıştırın ve kaydedin.

3. 3.

   Klasik temanın widget alanı

   Appearance → Widgets (veya Customize → Widgets) bölümüne gidin, bir footer alanına Custom HTML widget'ı ekleyin, kodu yapıştırın ve yayınlayın.

Sohbeti bazı sayfalarda — örneğin ödeme sayfasında — göstermemek için kodu kaldırmak yerine chatbotun görünürlük ayarlarını kullanın.

Chatbotu tek bir WordPress sayfasına ekleyin

1. 1.

   Sayfayı açın

   WordPress'te Pages bölümüne gidin, imleci sayfanın üzerine getirin ve Edit seçeneğine tıklayın.

2. 2.

   Custom HTML bloğu ekleyin

   + simgesine tıklayın, Custom HTML bloğunu bulun ve sohbetin görünmesini istediğiniz yere yerleştirin. Klasik düzenleyicide bunun yerine Text sekmesine geçin.

3. 3.

   Kodu yapıştırın ve güncelleyin

   Chatbot kodunu yapıştırın ve Update düğmesine tıklayın. Yerleştirilmiş sohbet o noktada görünür; yüzen sohbet ise yalnızca o sayfanın köşesinden açılır.

Sayfa oluşturucular da aynı şekilde çalışır: Elementor'un HTML widget'ı, Divi'nin Code modülü. Mağazalar için Elementor yapay zeka chatbotu ve WooCommerce yapay zeka chatbotu sayfalarına bakın.

WordPress.com mu, WordPress.org mu?

Kendi barındırdığınız bir WordPress.org sitesinde yukarıdaki yolların hepsi çalışır. WordPress.com'da betik ve eklenti eklemek için Business veya daha üst bir plan gerekir; daha düşük planlarda kod silinir ya da düz metin olarak görünür.

Chatbotu sitenizde nerede göstermelisiniz

• İnsanların takıldığı sayfalar — sorular fiyatlandırma, iletişim, ürün ve ödeme sayfalarında ortaya çıkar.

• Sağ alt köşe varsayılan konumdur ve ziyaretçiler onu orada arar; bir sepet veya çerez düğmesini kapatıyorsa sola ya da alt ortaya taşıyın.

• Karşılama mesajı ve önerilen sorular, yalın bir düğmeden daha iyi çalışır: ziyaretçilere sohbetin neler yapabileceğini anlatır.

• Yerleştirilmiş sohbet, sohbetin sayfanın ana içeriği olduğu yardım veya iletişim sayfalarına uygundur.

• Chatbotun ayarlarında sayfaya ve cihaza göre gösterin veya gizleyin; böylece aynı kod tüm sitede çalışır.

OpenAI API ile kendi chatbotunuzu geliştirin

Tam kontrole ihtiyacınız varsa bir yapay zeka modelinin API'si üzerinde chatbot geliştirebilirsiniz. Bunun için dört parça gerekir:

1. 1.

   Bir API anahtarı

   Sağlayıcının geliştirici platformunda bir tane oluşturun ve gizli tutun — asla sayfa koduna koymayın.

2. 2.

   Bir backend

   Ziyaretçinin mesajını alan, API'yi çağıran ve yanıtı döndüren küçük bir sunucu betiği. Barındırma ve HTTPS gerektirir.

3. 3.

   Bir sohbet arayüzü

   Sohbet penceresi için HTML ve JavaScript; bir kod parçacığı eklentisi veya Custom HTML bloğu aracılığıyla eklenir.

4. 4.

   Bilgileriniz

   Model başlangıçta işletmeniz hakkında hiçbir şey bilmez; içeriğinizi ona sizin vermeniz ve güncel tutmanız gerekir.

Ayrıca her şeyin bakımını kendiniz yaparsınız: API limitleri ve maliyetleri, model değişiklikleri, güvenlik, mobil düzen. Çoğu WordPress sitesi için hazır bir widget daha hızlı ve işletmesi daha ucuzdur.

Daha iyi bir WordPress chatbotu için ipuçları

• Gerçek sorularla eğitin. En sık sorulan 20 sorunuzu yanıtlarıyla, güncel fiyatları ve politikaları yükleyin, eski sürümleri kaldırın.

• Ona bir ses verin. Tonu ayarlayın ve sıradan bir bot gibi değil, markanız gibi konuşması için birkaç konuşma kuralı ekleyin.

• Bir yedek seçenek belirleyin. Temsilci yanıt veremediğinde veya ziyaretçi bir kişiyle görüşmek istediğinde ekibinizin iletişim bilgilerini sunun.

• Sohbetleri okuyun. Sohbetler ve potansiyel müşteriler panelinizdedir, sohbet dökümleri e-postanıza da gönderilebilir — bunları her hafta kontrol edin ve boşlukları doldurun.

• Telefonlarda test edin. Başlatıcının küçük ekranlarda menüleri veya düğmeleri kapatmadığını kontrol edin.

• Gizlilik politikanızı güncelleyin. Chatbottan ve topladığı iletişim bilgilerinden bahsedin, sohbetin alt bilgisinde de yanıtların yapay zekadan geldiğini belirtin.

Sorun giderme

1. 1.

   Chatbot görünmüyor

   Kodun görüntülediğiniz sayfada olduğunu kontrol edin, ardından önbellek eklentinizin ve CDN'nizin önbelleğini temizleyin. JavaScript'i geciktiren veya birleştiren optimizasyon eklentileri onu engelleyebilir — chatbotun betiğini bunların dışında tutun.

2. 2.

   Kod metin olarak görünüyor

   Kod bir Paragraph bloğuna veya Visual sekmesine yapıştırılmış. Custom HTML bloğunu veya klasik düzenleyicinin Text sekmesini kullanın; WordPress.com'daysanız planınızı kontrol edin.

3. 3.

   Görünmemesi gereken sayfalarda görünüyor

   Chatbotun görünürlük ayarlarında sayfa kuralları belirleyin veya kodu site genelindeki footer'dan tek tek sayfalara taşıyın.

4. 4.

   Yanıtlar yanlış veya belirsiz

   Eksik bilgileri soru-cevap çiftleri veya metin blokları olarak ekleyin, çelişen dosyaları kaldırın ve konuşma kurallarını sıkılaştırın.

Ekran görüntülü tam kılavuz: Elfsight widget'ını WordPress'e ekleme ↗ · Kendiniz yapmak istemiyor musunuz? Ücretsiz kurulum talep edin ↗