WordPress'e Asyntai AI Chatbot Nasıl Eklenir

WordPress web siteleri için adım adım kılavuz

Platform:

Adım 1: Yerleştirme Kodunuzu Alın

Önce Asyntai Panelinize gidin ve "Yerleştirme Kodu" bölümüne kadar aşağı kaydırın. Aşağıdakine benzeyen benzersiz yerleştirme kodunuzu kopyalayın:

<script>(function(){var l=function(){var s=document.createElement("script");s.src="https://widget.asyntai.com/static/js/chat-widget.js";s.async=true;s.setAttribute("data-asyntai-id","YOUR_WIDGET_ID");document.head.appendChild(s)};if(document.readyState==="complete"){l()}else{window.addEventListener("load",l)}})();</script>

Not: Yukarıdaki kod yalnızca bir örnektir. Kişisel widget kimliğinizi içerdiğinden, kendi benzersiz yerleştirme kodunuzu Dashboard'unuzdan kopyalamanız gerekir.

Adım 2: Kurulum Yöntemini Seçin

Sohbet widget'ını WordPress'e eklemenin birkaç yolu vardır. Sizin için en uygun yöntemi seçin:

Yöntem 1: Eklenti Kullanma (Önerilen)

Sohbet widget'ını eklemenin en kolay yolu ücretsiz "WPCode" eklentisidir (eski adı "Insert Headers and Footers").

WPCode Kullanma (Ücretsiz)

WordPress yönetim panelinizde Plugins → Add Plugin bölümüne gidin
"WPCode" eklentisini arayın ve yükleyin
Eklentiyi etkinleştirin
Code Snippets → Header & Footer bölümüne gidin
Asyntai gömme kodunuzu "Footer" bölümüne yapıştırın
"Save Changes" seçeneğine tıklayın

Neden eklenti kullanmalısınız? Eklenti kullanmak, WordPress temanızı güncellediğinizde veya değiştirdiğinizde bile kodunuzun yerinde kalmasını sağlar.

Yöntem 2: Tema Dosyalarını Düzenleme

Kodu doğrudan tema dosyalarınıza ekleyebilirsiniz. Tema Dosyası Düzenleyicisinin konumu WordPress sürümünüze ve tema türünüze bağlıdır.

Klasik Temalar İçin

WordPress yönetim panelinizde Appearance → Theme File Editor bölümüne gidin
Açılır menüden aktif temanızı seçin (henüz seçili değilse)
Sağdaki dosya listesinde footer.php dosyasını bulun ve tıklayın
En alta kaydırın ve kapanış </body> etiketini bulun
Asyntai yerleştirme kodunuzu </body> etiketinin hemen öncesine yapıştırın
"Update File" seçeneğine tıklayın

Blok Temaları İçin (FSE Temaları)

Blok temalarında (Twenty Twenty-Four ve diğer Full Site Editing temaları gibi) tema dosyalarında footer.php dosyası ve </body> etiketi yoktur. Blok teması için tüm tema türleriyle çalışan eklenti yöntemini (WPCode) kullanın.

Önemli: Tema güncellemeleri değişikliklerinizin üzerine yazacaktır. Kalıcı bir çözüm için bunun yerine bir alt tema veya eklenti yöntemi kullanın.

Yöntem 3: Elementor Kullanma

Elementor kullanıyorsanız, kodu Elementor'un özel kod özelliği aracılığıyla ekleyebilirsiniz.

Elementor Pro

Elementor → Custom Code bölümüne gidin
"Add New" seçeneğine tıklayın
"Asyntai Chatbot" gibi bir ad verin
Location ayarını "<body> – End" olarak belirleyin
Asyntai yerleştirme kodunuzu yapıştırın
Display Conditions'ı "Entire Site" olarak ayarlayın
"Publish" seçeneğine tıklayın

Elementor Free

Elementor'un ücretsiz sürümünü kullanıyorsanız yukarıda açıklanan eklenti yöntemini kullanın, çünkü özel kod enjeksiyonu Elementor Pro gerektirir.

Adım 3: Kurulumu Doğrulayın

Kodu ekledikten sonra web sitenizi yeni bir tarayıcı sekmesinde veya gizli pencerede ziyaret edin. Sitenizin sağ alt köşesinde sohbet widget düğmesini görmelisiniz. Doğru açıldığından ve çalıştığından emin olmak için tıklayın.

Widget'ı göremiyor musunuz? Tarayıcı önbelleğinizi ve tüm WordPress önbellek eklentilerini temizleyin. WP Rocket veya W3 Total Cache gibi bir önbellek eklentisi kullanıyorsanız kodu ekledikten sonra önbelleği temizleyin.

AI Arama Çubuğunu ekleme

AI Arama Çubuğu, kendi koduna sahip ayrı bir widget tır. Sohbetin yanı sıra ya da tek başına ekleyin. Standard veya üzeri bir plan gerektirir: daha düşük planda çubuk görünür ama sonuç döndürmez.

Script etiketine data-replace özniteliğini ekleyin; çubuk, temanızdaki mevcut çubuğun yerini alır. Bunu, sohbet kodu için kullandığınız aynı üst bilgi ve alt bilgi eklentisiyle (örneğin WPCode) ekleyin. Betiğin arama kutunuzun yakınında olması gerekmez, bu yüzden hiçbir tema dosyasını düzenlemeniz gerekmez.

<script src="https://widget.asyntai.com/static/js/search-widget.js" data-asyntai-id="YOUR_WIDGET_ID" data-replace="auto" async></script>

AI Arama Çubuğu kılavuzunun tamamını okuyun

Belgeler