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

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

المنصة:

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

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>

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

الخطوة 2: إضافة الكود باستخدام حقن الأكواد (خطط Business و Commerce)

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

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

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

بديل: استخدام كتل الأكواد (جميع الخطط)

إذا كنت على خطة Personal أو تفضل إضافة روبوت الدردشة إلى صفحات محددة فقط، يمكنك استخدام كتل الأكواد:

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

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

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

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

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

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

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

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

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