Volusion'a Asyntai AI Chatbot Nasıl Eklenir

Volusion e-ticaret 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: Temanızı Yedekleyin

Volusion mağazanızda herhangi bir değişiklik yapmadan önce bir yedek oluşturmanız önemlidir:

Volusion Yönetim Paneli'ne giriş yapın
Design → File Editor bölümüne gidin
Yedek oluşturmak için Archive Theme'e tıklayın
Güvenli saklama için arşivin bir kopyasını indirin

Önemli: Kod değişiklikleri yapmadan önce her zaman temanızı yedekleyin. Bu, bir şeyler ters giderse kolayca geri dönmenizi sağlar.

Adım 3: Şablona Kod Ekleme (Önerilen)

Chatbot'u Volusion mağazanızın tüm sayfalarına eklemek için:

Volusion Yönetim Panelinizde Design → Template bölümüne gidin
Design → File Editor → Shortcuts bölümüne gidin
Ana şablon dosyasını bulun (genellikle template_*.html)
Kapanış </body> etiketini bulmak için aşağı kaydırın
Asyntai yerleştirme kodunuzu </body> etiketinin hemen öncesine yapıştırın
Değişiklikleri uygulamak için Save düğmesine tıklayın
Chatbot'un göründüğünü doğrulamak için mağazanızı önizleyin

İpucu: Kodu kapanış </body> etiketinden önce eklemek, optimum sayfa yükleme performansı sağlar. Bu yöntem chatbot'u mağazanızın her sayfasına otomatik olarak ekler.

Alternatif Yöntem 1: Üst Bilgi/Alt Bilgi HTML Enjeksiyonu

Volusion, genel ayarlar aracılığıyla özel kod eklemenize olanak tanır:

Volusion Yönetim Paneli'ne giriş yapın
Settings → Design Settings bölümüne gidin
Custom HTML veya Footer Code bölümünü bulun
Asyntai gömme kodunuzu bu alana yapıştırın
Save düğmesine tıklayın
Kod artık tüm sayfalara otomatik olarak eklenecektir

Not: Özel HTML ayarlarının tam konumu Volusion planınıza ve sürümünüze göre değişebilir. "Custom Code", "Header/Footer" veya "Global HTML" ile ilgili ayarları arayın.

Alternatif Yöntem 2: Sayfaya Özel Kurulum

Chatbot'u yalnızca belirli sayfalara eklemek istiyorsanız:

Design → File Editor → Shortcuts bölümüne gidin
PageName fonksiyonunu kullanarak sayfaya özel bir şablon oluşturun veya düzenleyin
Komut dosyasını yalnızca belirli sayfalara dahil etmek için koşullu kod ekleyin:

<!-- Add to template file -->
<script>
if (PageName == 'home' || PageName == 'products') {
    // Your Asyntai embed code here
    var script = document.createElement('script');
    script.src = 'https://asyntai.com/static/js/chat-widget.js';
    script.setAttribute('data-asyntai-id', 'YOUR_WIDGET_ID');
    script.async = true;
    document.head.appendChild(script);
}
</script>

İpucu: Bu yöntem, chatbot'u yalnızca ürün sayfaları, ödeme veya destek sayfaları gibi belirli sayfalarda istiyorsanız kullanışlıdır. 'home' ve 'products' ifadelerini Volusion mağazanızdaki gerçek sayfa adlarıyla değiştirin.

Alternatif Yöntem 3: Özel CSS/HTML Makalesi

Kodu bir makale bloğu aracılığıyla da ekleyebilirsiniz:

Volusion Yönetim Panelinde Articles → Articles bölümüne gidin
Yeni bir makale oluşturun veya mevcut birini düzenleyin
Makale düzenleyicisinde HTML görünümüne geçin
Asyntai yerleştirme kodunuzu yapıştırın
Makaleyi kaydedin
Bu makaleyi sayfa şablonunuza veya kenar çubuğuna ekleyin
Chatbot, bu makalenin görüntülendiği sayfalarda görünecektir

Not: Bu yöntem daha az yaygındır ancak şablon dosyalarına sınırlı erişiminiz varsa veya makaleyi gizleyip/göstererek chatbot'u kolayca açıp kapatmak istiyorsanız kullanışlı olabilir.

Adım 4: Kurulumu Doğrulayın

Değişikliklerinizi kaydettikten sonra Volusion mağazanızı yeni bir tarayıcı sekmesinde veya gizli pencerede açın. 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öremiyor musunuz? Tüm şablon değişikliklerini kaydettiğinizden emin olun. Tarayıcı önbelleğinizi temizleyin veya gizli modda görüntüleyin. Volusion şablonları önbelleğe alabilir, bu nedenle değişikliklerin görünmesi birkaç dakika sürebilir. Herhangi bir JavaScript hatası için tarayıcı konsolunu (F12) kontrol edin.

Yardıma mı İhtiyacınız Var?

Şablon dosyalarını düzenlemekten emin değilseniz, Volusion Müşteri Destek ekibi özel HTML ve CSS talepleri konusunda yardımcı olabilir. Chatbot'u Volusion mağazanıza kurma konusunda rehberlik için Asyntai destek ekibiyle de iletişime geçebilirsiniz.

Profesyonel Destek: Tema değişiklikleri veya karmaşık özelleştirmeler için profesyonel yardıma ihtiyacınız varsa Volusion özel kodlama hizmetleri sunar.

Belgeler