كيفية إضافة روبوت الدردشة Asyntai AI إلى Squarespace

دليل خطوة بخطوة لمواقع Squarespace

المنصة:

الخطوة 1: احصل على كود التضمين

أولاً، انتقل إلى لوحة تحكم Asyntai ومرر لأسفل إلى قسم "Embed Code". انسخ كود التضمين الفريد الخاص بك، والذي سيبدو هكذا:

<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>

ملاحظة: الكود أعلاه مجرد مثال. يجب عليك نسخ كود التضمين الفريد الخاص بك من لوحة التحكم لأنه يحتوي على معرف الأداة الشخصي الخاص بك.

الخطوة 2: إضافة الكود باستخدام Code Injection

إذا كان موقعك على خطة Squarespace Core أو Plus أو Advanced (أو خطة Business أو Commerce القديمة)، يمكنك إضافة روبوت الدردشة إلى جميع الصفحات دفعة واحدة باستخدام Code Injection:

سجّل الدخول إلى حساب Squarespace الخاص بك وافتح موقعك
انقر على Pages في اللوحة اليسرى
انقر على Custom Code في أسفل اللوحة
انقر على Code Injection
مرر لأسفل إلى قسم Footer
الصق كود تضمين Asyntai في مربع نص Footer
انقر على "Save"

ملاحظة: في Squarespace 7.0، توجد ميزة Code Injection ضمن Pages → Website Tools.

نصيحة: إضافة الكود إلى قسم التذييل يضعه مباشرة قبل وسم إغلاق </body>، وهو الموضع الموصى به لأدوات الدردشة ولن يبطئ تحميل صفحتك.

البديل: استخدام كتل الكود

لإضافة روبوت الدردشة إلى صفحات محددة فقط، يمكنك استخدام كتل الكود (Code Blocks). لا تشغّل كتلة الكود JavaScript إلا على خطة Core أو Plus أو Advanced (أو خطة Business أو Commerce القديمة).

افتح موقعك في محرر Squarespace
انتقل إلى الصفحة التي تريد إضافة روبوت الدردشة إليها
انقر على "Edit" في الصفحة
مرر المؤشر فوق قسم وانقر على "+ Add Block"
مرر لأسفل واختر "Code"
انقر على أيقونة القلم لتعديل كتلة الكود
الصق كود تضمين Asyntai
تأكد من ضبط قائمة Mode في الكتلة على HTML
انقر خارج الكتلة لإغلاق المحرر
انقر على "Save"

مهم: عند استخدام كتل الكود، ستحتاج إلى إضافة الكود إلى كل صفحة تريد أن يظهر فيها روبوت الدردشة. للتثبيت على مستوى الموقع بأكمله، استخدم طريقة Code Injection أعلاه.

الخطوة 3: التحقق من التثبيت

بعد حفظ التغييرات، افتح موقعك في علامة تبويب جديدة أو نافذة تصفح خاص. يجب أن ترى زر أداة الدردشة في الزاوية السفلية اليمنى. انقر عليه للتأكد من أنه يفتح ويعمل بشكل صحيح.

لا ترى الأداة؟ تأكد من حفظ ونشر تغييراتك. جرب مسح ذاكرة التخزين المؤقت للمتصفح أو عرض موقعك في نافذة تصفح خاص. قد يستغرق Squarespace بضع دقائق لتطبيق تغييرات الأكواد. أحياناً لا يعمل الكود أثناء تسجيل دخولك إلى Squarespace، لذا تحقق من الموقع في نافذة خاصة.

إضافة شريط البحث بالذكاء الاصطناعي

شريط البحث بالذكاء الاصطناعي مكوّن منفصل له كوده الخاص. أضفه إلى جانب المحادثة، أو بمفرده. يتطلب باقة Standard أو أعلى: في الباقات الأدنى يظهر الشريط لكنه لا يعرض نتائج.

أضف السمة data-replace إلى وسم السكربت، وسيحل شريطنا محل الشريط الموجود في قالب موقعك. أضفه من Pages، ثم Custom Code، ثم Code Injection، ثم Footer، في نفس مكان كود الدردشة. لا يوفر Squarespace ميزة Code Injection إلا على خطة Core أو Plus أو Advanced (أو خطة Business أو Commerce القديمة)، لذلك تحتاج إلى واحدة منها لتثبيت هذا.

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