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

المنصة:

HubSpot

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

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

1. سجّل الدخول إلى حساب HubSpot
2. انقر على أيقونة الإعدادات (الترس) في شريط التنقل الرئيسي
3. في الشريط الجانبي الأيسر، انتقل إلى Website > Pages
4. مرّر للأسفل إلى قسم "Site footer HTML"
5. الصق كود Asyntai المضمّن في منطقة النص
6. انقر على "Save" في أسفل الصفحة

بديل: التثبيت الخاص بالصفحة

إذا كنت تريد روبوت الدردشة في صفحات محددة فقط:

1. انتقل إلى Marketing > Website > Website Pages (أو Landing Pages)
2. انقر على الصفحة التي تريد تعديلها
3. في محرر الصفحة، انقر على Settings في الأعلى
4. مرّر للأسفل إلى "Advanced options"
5. ابحث عن قسم "Footer HTML"
6. الصق كود تضمين Asyntai
7. انقر على "Apply changes" وانشر صفحتك

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

لمزيد من التحكم، يمكنك إضافة ملف JavaScript من خلال مدير التصميم:

1. Go to Marketing > Files and Templates > Design Tools
2. في الشريط الجانبي الأيسر، انقر على File > New file
3. حدد "JavaScript" من القائمة المنسدلة
4. سمِّ ملفك (مثلاً asyntai-chatbot.js)
5. أضف الكود التالي:
   (function() {
  var script = document.createElement('script');
  script.async = true;
  script.src = 'https://asyntai.com/static/js/chat-widget.js';
  script.setAttribute('data-asyntai-id', 'YOUR_WIDGET_ID');
  document.body.appendChild(script);
})();
6. استبدل YOUR_WIDGET_ID بمعرف الأداة الفعلي الخاص بك
7. انقر على "Publish changes"
8. أدرج هذا الملف في قالبك باستخدام require_js أو اربطه في إعدادات موقعك

بديل: استخدام الوحدات المخصصة

أنشئ وحدة قابلة لإعادة الاستخدام لروبوت الدردشة:

1. Go to Marketing > Files and Templates > Design Tools
2. انقر على File > New file > Module
3. سمِّها "Asyntai Chatbot"
4. في ملف module.html، الصق كود التضمين الخاص بك
5. انشر الوحدة
6. أضف الوحدة إلى قسم التذييل في القالب الخاص بك، أو اسحبها إلى صفحات فردية

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

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