Asyntai AI Chatbot'u BigCommerce'e Nasıl Eklersiniz

BigCommerce 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: Kurulum Yöntemini Seçin

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

Yöntem 1: Script Manager Kullanma (Önerilen)

Script Manager, BigCommerce mağazanıza özel komut dosyaları eklemenin en kolay ve önerilen yoludur. Herhangi bir kodlama bilgisi gerektirmez ve tema değişikliklerinde kalıcıdır.

BigCommerce Kontrol Panelinize giriş yapın
Vitrin → Script Manager bölümüne gidin
"Komut Dosyası Oluştur" düğmesine tıklayın
Komut dosyanızı şu ayarlarla yapılandırın:
- Ad: Asyntai AI Chatbot
- Açıklama: AI destekli sohbet widget'ı (isteğe bağlı)
- Yerleşim: Altbilgi
- Konum: Tüm Sayfalar
- Komut Dosyası Kategorisi: İşlevsel
- Komut Dosyası Türü: Script
"Komut Dosyası İçeriği" kutusuna Asyntai yerleştirme kodunuzu yapıştırın
"Kaydet"'e tıklayın

Neden Script Manager kullanmalısınız? Script Manager aracılığıyla eklenen komut dosyaları temanızdan bağımsız olarak yönetilir. Mağaza temanızı güncellediğinizde veya değiştirdiğinizde etkilenmezler.

Yöntem 2: Page Builder Kullanma

Sohbet widget'ını bir HTML öğesi kullanarak eklemek için BigCommerce'in Page Builder'ını kullanabilirsiniz. Bu yöntem, widget'ın nerede görüneceği üzerinde daha fazla kontrol istiyorsanız kullanışlıdır.

BigCommerce Kontrol Panelinize giriş yapın
Vitrin → Temalarım bölümüne gidin
Aktif temanızdaki "Özelleştir" düğmesine tıklayın
Page Builder'ın sol kenar çubuğunda "HTML" öğesini bulun
HTML öğesini sayfa şablonunuzun altbilgi alanına sürükleyip bırakın
HTML öğesine tıklayın ve "HTML Düzenle"'yi seçin
Asyntai yerleştirme kodunuzu yapıştırın
"HTML'yi Kaydet"'e tıklayın
Click "Publish" to apply changes to your live store

Not: Chatbot'un tüm sayfalarda olmasını istiyorsanız, altbilgi gibi genel bir bölgeye eklemeniz gerekir. Site genelinde kurulum için Script Manager yöntemi daha kolaydır.

Yöntem 3: Tema Dosyalarını Düzenleme (Stencil Temalar)

Stencil temaları kullanan geliştiriciler için kodu doğrudan tema dosyalarınıza ekleyebilirsiniz. Bu, temanızın kaynak dosyalarına erişim gerektirir.

BigCommerce Kontrol Panelini Kullanma

Vitrin → Temalarım bölümüne gidin
Aktif temanızda "Gelişmiş"'e tıklayın
"Tema Dosyalarını Düzenle"'yi seçin
templates → components → common bölümüne gidin
footer.html dosyasını açın
Dosyanın en altına inin
Paste your Asyntai embed code just before the closing tag
"Kaydet ve Dosyayı Uygula"'ya tıklayın

Stencil CLI Kullanma (Yerel Geliştirme)

Stencil CLI ile yerel olarak geliştirme yapıyorsanız:

Temanızın yerel dosyalarını açın
Navigate to templates/components/common/footer.html
Kapanış etiketlerinin öncesine Asyntai yerleştirme kodunuzu ekleyin
stencil push kullanarak değişikliklerinizi gönderin

Önemli: Temanızı güncellediğinizde tema dosyası değişikliklerinin üzerine yazılabilir. Tema güncellemelerinde kalıcı olan bir çözüm için Script Manager yöntemini kullanın.

Adım 3: Kurulumu Doğrulayın

Kodu ekledikten sonra BigCommerce mağazanızı yeni bir tarayıcı sekmesinde veya gizli pencerede ziyaret edin. Mağazanızın sağ alt köşesinde sohbet widget'ı düğmesini görmeniz gerekir. Düzgün açıldığından ve çalıştığından emin olmak için tıklayın.

Widget'ı göremiyorsunuz mu? Tarayıcı önbelleğinizi temizleyin ve tekrar deneyin. Tema Düzenleyici aracılığıyla değişiklik yaptıysanız, değişiklikleri canlı mağazanıza uygulamak için "Yayınla"ya tıkladığınızdan emin olun.

Belgeler