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

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

المنصة:

الخطوة 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: اختيار طريقة التثبيت

هناك عدة طرق لإضافة أداة الدردشة إلى WordPress. اختر الطريقة الأنسب لك:

الطريقة 1: استخدام إضافة (موصى به)

أسهل طريقة لإضافة أداة الدردشة هي استخدام إضافة "WPCode" المجانية (كانت تُسمى سابقاً "Insert Headers and Footers").

استخدام WPCode (Free)

انتقل إلى Plugins → Add Plugin في لوحة إدارة WordPress
ابحث عن "WPCode" وقم بتثبيتها
فعّل الإضافة
انتقل إلى Code Snippets → Header & Footer
الصق كود Asyntai المضمّن في قسم "Footer"
انقر على "Save Changes"

لماذا تستخدم إضافة؟ يضمن استخدام إضافة بقاء الكود في مكانه حتى عند تحديث أو تغيير قالب WordPress الخاص بك.

الطريقة 2: تعديل ملفات القالب

يمكنك إضافة الكود مباشرة إلى ملفات القالب. يعتمد موقع محرر ملفات القالب على إصدار WordPress ونوع القالب.

للقوالب الكلاسيكية

انتقل إلى المظهر → محرر ملفات القالب في لوحة إدارة WordPress
حدد القالب النشط من القائمة المنسدلة (إذا لم يكن محددًا بالفعل)
ابحث عن footer.php وانقر عليه في قائمة الملفات على اليمين
انتقل إلى الأسفل وابحث عن وسم الإغلاق </body>
الصق كود تضمين Asyntai الخاص بك قبل وسم </body> مباشرة
انقر على "Update File"

للقوالب الكتلية (قوالب FSE)

القوالب القائمة على الكتل (مثل Twenty Twenty-Four وقوالب Full Site Editing الأخرى) لا تحتوي على ملف footer.php ولا على وسم </body> في ملفات القالب. إذا كنت تستخدم قالباً قائماً على الكتل، فاستخدم طريقة الإضافة (WPCode)، فهي تعمل مع جميع أنواع القوالب.

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

الطريقة 3: استخدام Elementor

إذا كنت تستخدم Elementor، يمكنك إضافة الكود من خلال ميزة الكود المخصص في Elementor.

Elementor Pro

انتقل إلى Elementor → Custom Code
انقر على "Add New"
أعطه اسمًا مثل "Asyntai Chatbot"
اضبط Location على "<body> – End"
الصق كود تضمين Asyntai
اضبط شروط العرض على "Entire Site"
انقر على "Publish"

Elementor Free

إذا كنت تستخدم الإصدار المجاني من Elementor، استخدم طريقة الإضافة الموضحة أعلاه، حيث يتطلب حقن الكود المخصص Elementor Pro.

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

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

لا ترى الأداة؟ امسح ذاكرة التخزين المؤقت للمتصفح وأي إضافات تخزين مؤقت في WordPress. إذا كنت تستخدم إضافة تخزين مؤقت مثل WP Rocket أو W3 Total Cache، امسح ذاكرة التخزين المؤقت بعد إضافة الكود.

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

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

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

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

اقرأ دليل شريط البحث بالذكاء الاصطناعي كاملاً

التوثيق