Dashboard'a Dön

Belgeler

Asyntai'yi nasıl kullanacağınızı öğrenin

WordPress'e Asyntai AI Chatbot Nasıl Eklenir

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

Yerleştirme Kodunu Al

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

Önce Asyntai Dashboard'unuza gidin ve "Yerleştirme Kodu" bölümüne inin. Şuna benzeyen benzersiz yerleştirme kodunuzu kopyalayın:

<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></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 "Insert Headers and Footers" veya "WPCode" gibi bir eklenti kullanmaktır.

WPCode Kullanma (Ücretsiz)

  1. Go to Plugins → Add New in your WordPress admin
  2. "WPCode" eklentisini arayın ve yükleyin
  3. Eklentiyi etkinleştirin
  4. Code Snippets → Header & Footer bölümüne gidin
  5. Asyntai gömme kodunuzu "Footer" bölümüne yapıştırın
  6. "Save Changes" seçeneğine tıklayın

Insert Headers and Footers Kullanma

  1. Go to Plugins → Add New in your WordPress admin
  2. WPBeginner tarafından geliştirilen "Insert Headers and Footers" eklentisini arayın
  3. Eklentiyi yükleyin ve etkinleştirin
  4. Settings → Insert Headers and Footers bölümüne gidin
  5. Asyntai gömme kodunuzu "Scripts in Footer" kutusuna yapıştırın
  6. "Kaydet"'e 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

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

Blok Temaları İçin (FSE Temaları)

Blok tabanlı bir tema kullanıyorsanız (Twenty Twenty-Four veya diğer Full Site Editing temaları gibi), Tema Dosyası Düzenleyicisi taşınmıştır:

  1. WordPress yönetim panelinizde Tools → Theme File Editor bölümüne gidin
  2. Açılır menüden aktif temanızı seçin
  3. Dosya listesinde footer.php veya footer.html dosyasını arayın
  4. Asyntai gömme kodunuzu kapanış </body> etiketinden önce ekleyin
  5. "Update File" seçeneğine tıklayın

Not: Bazı blok temalarda footer.php dosyası bulunmaz. Bu durumda, 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

  1. Elementor → Custom Code bölümüne gidin
  2. "Add New" seçeneğine tıklayın
  3. "Asyntai Chatbot" gibi bir ad verin
  4. Set Location to "Before </body> End"
  5. Asyntai yerleştirme kodunuzu yapıştırın
  6. Display Conditions'ı "Entire Site" olarak ayarlayın
  7. "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öremiyorsunuz mu? 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.