WooCommerce'e Asyntai AI Chatbot Nasıl Eklenir

WooCommerce mağazaları için adım adım kılavuz

Platform:

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: Eklenti Kullanma (Önerilen)

Chatbot'u WooCommerce mağazanıza eklemenin en kolay yolu ücretsiz bir üst bilgi/alt bilgi eklentisi kullanmaktır:

WordPress Yönetim Paneli'ne giriş yapın
Plugins → Add New bölümüne gidin
WPCode tarafından geliştirilen "Insert Headers and Footers" eklentisini arayın (veya benzer bir eklenti)
"Install Now" ve ardından "Activate" seçeneğine tıklayın
Code Snippets → Header & Footer bölümüne (veya eklentinin ayarlar sayfasına) gidin
Asyntai gömme kodunuzu "Footer" bölümüne yapıştırın
"Save Changes" seçeneğine tıklayın

İpucu: Kodu alt bilgiye eklemek, mağazanızın içeriğinden sonra yüklenmesini sağlar; bu, sohbet widget'ları için idealdir ve sayfa yüklemenizi yavaşlatmaz veya WooCommerce işlevselliğini etkilemez.

Alternatif: Tema Özelleştirici Kullanma

Birçok WooCommerce teması, özel betik eklemek için yerleşik seçeneklere sahiptir:

Appearance → Customize bölümüne gidin
"Additional CSS/JS", "Custom Code" veya "Footer Scripts" adlı bir bölüm arayın
Asyntai gömme kodunuzu uygun alana yapıştırın
Click "Publish" to save your changes

Not: Tüm temalarda bu seçenek bulunmaz. Temanızda özel betik alanları yoksa eklenti yöntemini kullanın veya temanızın functions.php dosyasını düzenleyin.

Alternatif: Tema Dosyalarını Düzenleme (functions.php)

Geliştiriciler veya tema dosyalarını düzenlemekten rahat olanlar için:

Appearance → Theme File Editor bölümüne gidin
Aktif temanızı (veya tercihen alt temanızı) seçin
functions.php dosyasını açın
Dosyanın sonuna aşağıdaki kodu ekleyin:
function add_asyntai_chatbot() { echo '<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>'; } add_action('wp_footer', 'add_asyntai_chatbot');
Replace YOUR_WIDGET_ID with your actual widget ID
"Update File" seçeneğine tıklayın

Önemli: Tema dosyalarını düzenlerken her zaman bir alt tema kullanın. Ana temadaki değişiklikler temanızı güncellediğinizde kaybolur. Kod düzenlemekten emin değilseniz bunun yerine eklenti yöntemini kullanın.

Alternatif: WooCommerce'e Özel Hook

Chatbot'u yalnızca WooCommerce sayfalarında (mağaza, ürün, sepet, ödeme) yüklemek için:

Bu kodu temanızın functions.php dosyasına ekleyin:
function add_asyntai_chatbot_woocommerce() { if (is_woocommerce() || is_cart() || is_checkout() || is_account_page()) { echo '<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>'; } } add_action('wp_footer', 'add_asyntai_chatbot_woocommerce');
Replace YOUR_WIDGET_ID with your actual widget ID
Dosyayı kaydedin

İpucu: Bu yöntem, AI chatbot'un tüm web siteniz yerine yalnızca mağaza sayfalarınızda görünmesini ve müşterilere ürünler ve siparişler konusunda yardımcı olmasını istiyorsanız kullanışlıdır.

Adım 3: Kurulumu Doğrulayın

Değişikliklerinizi kaydettikten sonra WooCommerce mağazanızı yeni bir tarayıcı sekmesinde veya gizli pencerede ziyaret edin. Sağ alt köşede 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? Bir önbellek eklentisi yüklüyse (WP Super Cache, W3 Total Cache veya WP Rocket gibi), önce önbelleğinizi temizleyin. Ayrıca tarayıcı önbelleğinizi temizlemeyi veya gizli pencerede görüntülemeyi deneyin.