Squarespace'a Asyntai AI Chatbot Nasıl Eklenir

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

Platform:

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

Önce Asyntai Panelinize gidin ve "Yerleştirme Kodu" bölümüne kadar aşağı kaydırın. Aşağıdakine benzeyen benzersiz yerleştirme kodunuzu kopyalayın:

<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: Code Injection ile Kod Ekleyin

Siteniz Squarespace Core, Plus veya Advanced planındaysa (ya da eski bir Business veya Commerce planındaysa), Code Injection ile chatbot'u tüm sayfalara tek seferde ekleyebilirsiniz:

Squarespace hesabınıza giriş yapın ve sitenizi açın
Sol paneldeki Pages seçeneğine tıklayın
Panelin altındaki Custom Code seçeneğine tıklayın
Code Injection seçeneğine tıklayın
Footer bölümüne kadar aşağı kaydırın
Asyntai gömme kodunuzu Footer metin kutusuna yapıştırın
"Kaydet"'e tıklayın

Not: Squarespace 7.0'da Code Injection, Pages → Website Tools altındadır.

İpucu: Kodu Footer bölümüne eklemek, onu kapanış </body> etiketinden hemen önce yerleştirir; bu, sohbet widget'ları için önerilen yerleşimdir ve sayfa yüklemenizi yavaşlatmaz.

Alternatif: Kod Blokları Kullanma

Chatbot'u yalnızca belirli sayfalara eklemek için kod bloklarını kullanabilirsiniz. Bir kod bloğu JavaScript'i yalnızca Core, Plus veya Advanced planında (ya da eski bir Business veya Commerce planında) çalıştırır.

Sitenizi Squarespace Düzenleyici'de açın
Chatbot eklemek istediğiniz sayfaya gidin
Sayfada "Edit" düğmesine tıklayın
Bir bölümün üzerine gelin ve "+ Blok Ekle"'ye tıklayın
Aşağı kaydırın ve "Code" seçeneğini seçin
Kod bloğunu düzenlemek için kalem simgesine tıklayın
Asyntai yerleştirme kodunuzu yapıştırın
Bloğun Mode menüsünün HTML olarak ayarlandığından emin olun
Düzenleyiciyi kapatmak için bloğun dışına tıklayın
"Kaydet"'e tıklayın

Önemli: Kod blokları kullanırken kodu chatbot'un görünmesini istediğiniz her sayfaya eklemeniz gerekir. Site genelinde kurulum için yukarıdaki Code Injection yöntemini kullanın.

Adım 3: Kurulumu Doğrulayın

Değişikliklerinizi kaydettikten sonra, web sitenizi yeni bir tarayıcı sekmesinde veya gizli pencerede açın. Sağ alt köşede 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? Değişikliklerinizi kaydedip yayınladığınızdan emin olun. Tarayıcı önbelleğinizi temizlemeyi veya sitenizi gizli pencerede görüntülemeyi deneyin. Squarespace'in kod değişikliklerini uygulaması birkaç dakika sürebilir. Squarespace'te oturum açıkken kod bazen çalışmaz, bu yüzden siteyi gizli bir pencerede kontrol edin.

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. Bunu sohbet koduyla aynı yere, Pages, Custom Code, Code Injection, Footer altına ekleyin. Squarespace, Code Injection'ı yalnızca Core, Plus veya Advanced planında (ya da eski bir Business veya Commerce planında) sunar, bu yüzden bunu kurmak için bu planlardan birine ihtiyacınız vardır.

<script src="https://widget.asyntai.com/static/js/search-widget.js" data-asyntai-id="YOUR_WIDGET_ID" data-replace="auto" async></script>