Shopify'ye Asyntai AI Chatbot Nasıl Eklenir

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

Platform:

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

First, go to your Asyntai Dashboard and scroll down to the "Embed Code" section. Copy your unique embed code which will look like this:

<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: Shopify Temanıza Kod Ekleme

Chatbot'u Shopify mağazanıza eklemek için şu adımları izleyin:

Shopify Yönetim paneline giriş yapın
Online Store → Themes bölümüne gidin
Mevcut temanızı bulun ve "..." düğmesine (üç nokta) tıklayın
Açılır menüden "Edit code" seçeneğini seçin
Sol kenar çubuğunda Layout altında theme.liquid seçeneğine 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
Sağ üst köşedeki "Save" düğmesine tıklayın

İpucu: theme.liquid dosyasında </body> etiketini hızlıca aramak için Ctrl+F (Windows) veya Cmd+F (Mac) kullanın.

Alternatif: Shopify Uygulaması Kullanma

Kod düzenlemeyi tercih etmiyorsanız, özel scriptler eklemek için bir Shopify uygulaması kullanabilirsiniz:

Shopify App Store'a gidin
"Custom Script Injector" veya "Header & Footer Scripts" araması yapın
Seçtiğiniz uygulamayı kurun
Asyntai gömme kodunuzu alt bilgi bölümüne ekleyin

Adım 3: Kurulumu Doğrulayın

Değişikliklerinizi kaydettikten sonra, Shopify 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örmelisiniz. Doğru şekilde açıldığından ve çalıştığından emin olmak için üzerine tıklayın.

Widget'ı göremiyor musunuz? Shopify tema dosyalarınızı önbelleğe alabilir. Mağazanızı gizli/özel tarayıcı penceresinde açmayı deneyin veya birkaç dakika bekleyip sayfayı yenileyin.

Shopify Plus Kullanıcıları

Shopify Plus'taysanız, ödeme sayfalarında chatbot'u görüntülemek için scripti checkout.liquid dosyası aracılığıyla da ekleyebilirsiniz. Ancak çoğu mağazanın buna yalnızca ana vitrin sayfalarında ihtiyaç duyduğunu unutmayın.

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. theme.liquid dosyasına, kapanış body etiketinin hemen öncesine yapıştırın; sohbet kodunun bulunduğu dosyanın aynısı. Temanız kendi arama sonuçları sayfasını korur, dolayısıyla Enter eskisi gibi çalışmaya devam eder.

<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