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

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

المنصة:

الخطوة 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: إضافة الكود باستخدام Custom Code (موصى به)

تضيف ميزة Custom Code روبوت الدردشة إلى جميع الصفحات دفعة واحدة. يوفرها Wix للمواقع المنشورة والمرتبطة بنطاق، وهذا يتطلب خطة Premium:

سجّل الدخول إلى حساب Wix الخاص بك وانتقل إلى لوحة تحكم موقعك
انقر على Settings في الشريط الجانبي الأيسر
في قسم Development & integrations، انقر على Custom Code
انقر على "+ Add Custom Code" في أعلى اليمين
الصق كود Asyntai المضمّن في مربع النص
أدخل اسمًا للكود الخاص بك (مثل "Asyntai Chatbot")
ضمن "Add Code to Pages"، اختر "All pages"
ضمن "Place Code in"، اختر "Body - end"
انقر على "Apply" للحفظ

نصيحة: يضع اختيار "Body - end" النص البرمجي قبل وسم الإغلاق </body> مباشرة، وهو الموضع الموصى به لأدوات الدردشة.

البديل: استخدام عنصر Embed HTML (الخطة المجانية)

بدون خطة Premium، يمكنك إضافة الكود إلى صفحة باستخدام عنصر Embed HTML. يعرض Wix هذا العنصر كـ iframe، لذلك تبقى أداة الدردشة داخل إطار العنصر ولا تطفو فوق الصفحة. اجعل الإطار كبيراً بما يكفي لنافذة الدردشة المفتوحة.

افتح موقعك في محرر Wix
انقر على "Add Elements" (زر "+") في شريط الأدوات الأيسر
اختر "Embed Code"، ثم "Popular Embeds"، ثم "Embed HTML"
انقر على "Enter Code" والصق كود تضمين Asyntai
انقر على "Apply"
اسحب زوايا العنصر لتجعله كبيراً بما يكفي لنافذة الدردشة المفتوحة
انقر على "Publish" لحفظ التغييرات

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

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

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

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

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

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

أضف السمة data-replace إلى وسم السكربت، وسيحل شريطنا محل الشريط الموجود في قالب موقعك. أضفه من Settings، ثم Custom Code، في نفس مكان كود الدردشة. لا يوفر Wix ميزة Custom Code إلا مع خطة Premium ونطاق مرتبط، لذلك تحتاج إلى ذلك لتثبيت هذا.

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