WordPress Siteye Chatbot Ekleme: 3 Yöntem, Adım Adım

WordPress sitenize chatbot eklemenin en kolay yolu, chatbotun verdiği tek satırlık kodu WPCode gibi ücretsiz bir kod ekleme eklentisiyle sitenizin alt bilgi (footer) bölümüne yapıştırmaktır. Tema dosyalarına dokunmazsınız, tema güncellemelerinde kod silinmez ve işlem beş dakika sürer. Bu rehberde bu yöntemi ve iki alternatifini adım adım anlatıyoruz.

Örnekleri Helovo üzerinden veriyoruz ama anlatılan yöntemler, sitenize script kodu ekleyen her chatbot için geçerlidir.

Başlamadan önce: chatbotunuzu hazırlayın

Kodu eklemeden önce chatbotun kendisi hazır olmalı. Helovo'da bu şu adımlardan oluşur:

1. Ücretsiz hesap açın ve yeni bir chatbot oluşturun.
2. İşletmenizi, fiyatlarınızı, teslimat ve iade koşullarınızı, iletişim bilgilerinizi ve çalışma saatlerinizi yazın.
3. Sohbet penceresinin rengini, avatarını ve karşılama mesajını seçin.
4. Panelde birkaç gerçekçi soruyla test edin.

Bu adımların ayrıntıları için web sitesine chatbot ekleme rehberimize bakabilirsiniz.

Kodu alın ve alan adınızı ekleyin

Chatbotun Kurulum ekranında önce chatbotun çalışacağı alan adını ekleyin, örneğin laleciceklik.com. Chatbot yalnızca izin verdiğiniz sitelerde açılır; biri kodunuzu kopyalasa bile kendi sitesinde çalıştıramaz.

Ardından şuna benzeyen bir kod alırsınız:

<script src="https://api.helovo.com/widget.js" data-bot="pk_…" async></script>

Bu kodun sitenizin her sayfasında, kapanış </body> etiketinden hemen önce yer alması gerekir. WordPress'te bunu yapmanın üç yolu var.

Yöntem 1: WPCode eklentisi (önerilen)

WPCode (eski adıyla "Insert Headers and Footers"), WordPress'in en yaygın kod ekleme eklentilerinden biridir ve ücretsiz sürümü bu iş için yeterlidir.

1. WordPress yönetim panelinde Eklentiler → Yeni Ekle sayfasına gidin.
2. Arama kutusuna WPCode yazın, eklentiyi Şimdi Yükle ve ardından Etkinleştir deyin.
3. Sol menüde beliren Code Snippets → Header & Footer sayfasını açın.
4. Chatbot kodunu Footer kutusuna yapıştırın.
5. Save Changes (Değişiklikleri kaydet) butonuna basın.

Sitenizi yeni bir sekmede açın; sağ alt köşede sohbet düğmesini görmelisiniz. Görmüyorsanız aşağıdaki "Chatbot görünmüyorsa" bölümüne bakın.

Neden önerilen yöntem? Kod temanızdan bağımsız durur. Temayı güncellediğinizde ya da değiştirdiğinizde chatbot çalışmaya devam eder.

Yöntem 2: Tema dosyası (footer.php)

Eklenti kurmak istemiyorsanız ve klasik (blok olmayan) bir tema kullanıyorsanız kodu doğrudan temanıza ekleyebilirsiniz:

1. Görünüm → Tema Dosya Düzenleyici sayfasına gidin.
2. Sağdaki listeden footer.php dosyasını açın.
3. Dosyanın sonuna yakın </body> satırını bulun ve kodu bu satırın hemen üstüne yapıştırın.
4. Dosyayı güncelle deyin.

Bu yöntemin iki dezavantajı var: tema güncellendiğinde değişiklik silinebilir ve blok temalarda (örneğin Twenty Twenty-Four) footer.php dosyası bulunmaz. Temayı kendiniz değiştirecekseniz bir alt tema (child theme) kullanın ya da Yöntem 1'i tercih edin.

Yöntem 3: Elementor Pro

Siteniz Elementor Pro ile yapıldıysa Elementor'un kendi kod ekleme özelliğini kullanabilirsiniz:

1. Elementor → Custom Code (Özel Kod) sayfasına gidin ve Add New deyin.
2. Kodu yapıştırın, konum olarak </body> - End seçin.
3. Yayınlarken koşul olarak Entire Site (Tüm site) seçin.

Elementor'un ücretsiz sürümünde bu özellik yoktur; o durumda Yöntem 1'i kullanın.

WooCommerce mağazaları için ipuçları

WooCommerce kullanıyorsanız kurulum aynıdır; kod mağaza sayfaları dahil tüm sitede çalışır. Chatbotu mağazanız için hazırlarken şunları yazmayı unutmayın:

• Kargo firması, gönderim süresi ve ücretsiz kargo limiti
• İade ve değişim koşulları ve adımları
• Ödeme seçenekleri (kart, havale, kapıda ödeme)
• Sipariş takibinin nerede yapıldığı

Chatbot WooCommerce siparişlerinize bağlanmaz; "Siparişim nerede?" sorusunda müşteriyi sipariş takip sayfanıza ya da size yönlendirir. E-ticaret için ayrıntılı öneriler e-ticaret chatbotu rehberimizde.

Chatbot görünmüyorsa

• Önbelleği temizleyin: LiteSpeed Cache, WP Rocket, W3 Total Cache gibi bir eklenti kullanıyorsanız kodu ekledikten sonra önbelleği temizleyin.
• JavaScript geciktirme ayarına bakın: Bazı hız eklentileri, "JavaScript'i geciktir" ya da "JS'yi birleştir" ayarlarıyla scriptleri ziyaretçi sayfayla etkileşime geçene kadar bekletir. Chatbot geç açılıyorsa widget.js adresini bu ayarın hariç tutulanlar listesine ekleyin.
• Alan adını kontrol edin: www.siteniz.com ile siteniz.com farklı adreslerdir. Sitenizin hangisiyle açıldığına bakın ve Helovo'da o adresi ekleyin; emin değilseniz ikisini de ekleyin.
• Chatbotun durumu "Aktif" mi? Taslak ya da duraklatılmış bir chatbot sitede görünmez.
• Tarayıcı konsolu: Sayfada F12'ye basıp Console sekmesini açın. "[Helovo]" ile başlayan uyarılar genellikle sorunu doğrudan söyler.

Chatbot sitemi yavaşlatır mı?

Kod async olarak yüklenir, yani sayfanızın açılmasını beklemez; sayfa içeriği önce yüklenir, sohbet düğmesi ardından gelir.

Yayına aldıktan sonra

İlk hafta her gün panelde Konuşmalar sayfasına göz atın:

• Size yönlendirilen konuşmalar, chatbotun bilmediği soruları gösterir. Bu bilgileri talimatlarınıza ekleyin.
• Tekrar eden beklenmedik sorular, sitenizde eksik bir bilgiye işaret edebilir.

Birkaç hafta içinde chatbot müşterilerinizin sorularının çoğunu tek başına yanıtlar hale gelir.

Sık sorulan sorular

WordPress için chatbot eklentisi mi kullanmalıyım, script kodu mu?

İkisi de çalışır. Script kodu, chatbotun kendisini WordPress'ten bağımsız tutar: aynı chatbotu farklı sitelerde kullanabilir, WordPress'ten başka bir platforma geçtiğinizde kodu taşımanız yeterli olur.

WordPress.com'da da çalışır mı?

Kendi sunucunuzdaki WordPress'te (WordPress.org) sorunsuz çalışır. WordPress.com'da kod ve eklenti ekleme yalnızca eklenti kurulmasına izin veren planlarda mümkündür; planınızı kontrol edin.

Chatbotu yalnızca bazı sayfalarda gösterebilir miyim?

WPCode'un ücretsiz sürümündeki Header & Footer alanı kodu tüm sayfalara ekler. Belirli sayfalarda göstermek için eklentinin koşullu kod parçacığı (snippet) özelliğini ya da Elementor Pro'nun sayfa koşullarını kullanabilirsiniz.

Ücret ne kadar?

Helovo'da chatbotu kurmak ve test etmek ücretsizdir; sitenizde ziyaretçilerle konuşması için abonelik gerekir. Güncel seçenekler fiyatlar sayfasında, fiyat modellerinin karşılaştırması chatbot fiyatları rehberimizde.