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

المنصة:

Drupal

HTML/Custom WordPress Shopify WooCommerce BigCommerce Ecwid Wix Squarespace Webflow Weebly HubSpot Tilda Adobe Experience Manager Duda Google Sites Bludit Plesk Concrete CMS Craft CMS Contentful Docusaurus Strapi Joomla Kentico Drupal Magento Blogger Bitrix TYPO3 PrestaShop OpenCart Ghost Hugo Statamic Umbraco Volusion Moodle SilverStripe Grav October CMS ProcessWire Sanity ExpressionEngine Sylius Backdrop CMS MODX Bagisto PayloadCMS e107 CrafterCMS Kirby MedusaCMS DatoCMS GoDaddy Framer Bubble Carrd Jimdo Strikingly Kajabi Teachable Thinkific ClickFunnels Hostinger Unbounce Leadpages Systeme.io Instapage

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

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

الخطوة 2: استخدام وحدة Header and Footer Scripts (موصى بها)

أسهل طريقة لإضافة روبوت الدردشة هي استخدام وحدة "Header and Footer Scripts":

1. سجّل الدخول إلى لوحة إدارة Drupal
2. انتقل إلى Extend وانقر على "Install new module"
3. ابحث عن "Header and Footer Scripts" أو قم بتنزيلها من Drupal.org
4. ثبّت الوحدة وفعّلها
5. انتقل إلى Configuration → Development → Header and Footer Scripts
6. انقر على علامة تبويب "Footer"
7. الصق كود Asyntai المضمّن في منطقة نص سكريبتات التذييل
8. انقر على "Save configuration"

بديل: تعديل قالب السمة

يمكنك إضافة الكود مباشرةً إلى ملف قالب السمة الخاص بك:

1. انتقل إلى مجلد القالب الخاص بك: themes/your_theme/
2. افتح ملف html.html.twig (أو أنشئ واحداً إذا لم يكن موجوداً)
3. ابحث عن وسم الإغلاق </body>
4. الصق كود تضمين Asyntai الخاص بك قبل وسم </body> مباشرة
5. احفظ الملف
6. امسح ذاكرة التخزين المؤقت لـ Drupal: Configuration → Performance → Clear all caches

بديل: استخدام المكتبات (للمطورين)

للمطورين الذين يفضلون استخدام نظام مكتبات الأصول في Drupal:

1. أنشئ أو عدّل ملف *.libraries.yml الخاص بالقالب
2. أضف إدخال مكتبة جديد:
   asyntai-chatbot:
js:
https://asyntai.com/static/js/chat-widget.js: { type: external, attributes: { async: true, data-asyntai-id: YOUR_WIDGET_ID } }
3. أرفق المكتبة في ملف *.info.yml الخاص بالقالب:
   libraries:
- your_theme/asyntai-chatbot
4. امسح ذاكرة التخزين المؤقت لـ Drupal

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

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