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

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

المنصة:

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

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

سجّل الدخول إلى حساب Duda الخاص بك وافتح محرر الموقع
في الشريط الجانبي الأيسر، انقر على "More" (أيقونة النقاط الثلاث)
انقر على "Settings"
مرّر للأسفل وانقر على "Head HTML"
في حقل "Body End HTML"، الصق كود Asyntai المضمّن
انقر على "Save"
انقر على "Publish" في أعلى اليمين لنشر تغييراتك

نصيحة: تضمن إضافة الكود في قسم Body End HTML تحميل روبوت الدردشة بعد محتوى صفحتك، مما لا يؤثر على سرعة تحميل موقعك. تضيف هذه الطريقة روبوت الدردشة تلقائياً إلى كل صفحة في موقعك.

الطريقة البديلة 1: أداة HTML (صفحات محددة)

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

افتح الصفحة التي تريد تعديلها في محرر Duda
في الشريط الجانبي الأيسر، ابحث عن "HTML" في لوحة الأدوات
اسحب وأفلت أداة HTML في عمود أو صف في صفحتك
انقر على الأداة لتعديلها
الصق كود Asyntai المضمّن في حقل الكود
انقر على "Update"
انقر على "Publish" لنشر التغييرات

ملاحظة: تتيح لك أداة HTML تضمين كود مخصص في أي مكان في صفحتك. لا يؤثر الموضع المرئي للأداة على مكان ظهور روبوت الدردشة - سيظل يظهر في الزاوية السفلية اليمنى كما هو مُعدّ.

الطريقة البديلة 2: وضع المطور (متقدم)

للمستخدمين المتقدمين، يمكنك استخدام وضع المطور لإضافة الكود مباشرةً إلى HTML:

في محرر Duda، انقر على أيقونة Developer Mode في الشريط العلوي
انقر على "Site HTML/CSS" لتوسيع التحديد
انقر على "body-end.html" من قائمة الملفات
مرّر إلى آخر سطر في الملف
الصق كود Asyntai المضمّن في سطر جديد
انقر على "Save"
انقر على "Done" للخروج من وضع المطور
انقر على "Publish" لنشر تغييراتك

مهم: يمنحك وضع المطور وصولاً مباشراً إلى HTML وCSS الخاص بموقعك. تأكد من إضافة الكود فقط في نهاية ملف body-end.html لتجنب تعطيل وظائف موقعك. اختبر التغييرات دائماً قبل النشر.

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

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