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

المنصة:

WooCommerce

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: احصل على كود التضمين

First, go to your Asyntai Dashboard and scroll down to the "Embed Code" section. Copy your unique embed code which will look like this:

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

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

1. سجّل الدخول إلى لوحة تحكم WordPress
2. انتقل إلى الإضافات → إضافة جديدة
3. ابحث عن "Insert Headers and Footers" من WPCode (أو إضافة مشابهة)
4. انقر على "Install Now" ثم "Activate"
5. انتقل إلى Code Snippets → Header & Footer (أو صفحة إعدادات الإضافة)
6. الصق كود Asyntai المضمّن في قسم "Footer"
7. انقر على "Save Changes"

بديل: استخدام مخصص القالب

تحتوي العديد من قوالب WooCommerce على خيارات مدمجة لإضافة نصوص برمجية مخصصة:

1. انتقل إلى المظهر → تخصيص
2. ابحث عن قسم يسمى "Additional CSS/JS" أو "Custom Code" أو "Footer Scripts"
3. الصق كود Asyntai المضمّن في الحقل المناسب
4. انقر على "Publish" لحفظ التغييرات

بديل: تعديل ملفات القالب (functions.php)

للمطورين أو الذين يشعرون بالراحة في تعديل ملفات القالب:

1. انتقل إلى المظهر → محرر ملفات القالب
2. حدد القالب النشط (أو يفضل القالب الفرعي)
3. افتح ملف functions.php
4. أضف الكود التالي في نهاية الملف:
   function add_asyntai_chatbot() {
  echo '<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>';
}
add_action('wp_footer', 'add_asyntai_chatbot');
5. استبدل YOUR_WIDGET_ID بمعرف الأداة الفعلي الخاص بك
6. انقر على "Update File"

بديل: خطاف WooCommerce المخصص

لتحميل روبوت الدردشة فقط على صفحات WooCommerce (المتجر، المنتج، السلة، الدفع):

1. أضف هذا الكود إلى ملف functions.php الخاص بقالبك:
   function add_asyntai_chatbot_woocommerce() {
  if (is_woocommerce() || is_cart() || is_checkout() || is_account_page()) {
    echo '<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>';
  }
}
add_action('wp_footer', 'add_asyntai_chatbot_woocommerce');
2. استبدل YOUR_WIDGET_ID بمعرف الأداة الفعلي الخاص بك
3. احفظ الملف

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

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