العودة إلى لوحة التحكم

التوثيق

تعلّم كيفية استخدام Asyntai

البدء
التثبيت قاعدة المعرفة اختبر الذكاء الاصطناعي إدارة المواقع
التخصيص
ألوان الأداة اسم مساعد الذكاء الاصطناعي الرسالة الأولية موضع الأداة التشغيل التلقائي فقاعة الترحيب شارة الرسائل غير المقروءة وضع التعليمات طرح الأسئلة استخدام الرموز التعبيرية جمع البريد الإلكتروني جمع أرقام الهاتف التقاط العملاء المحتملين الذكي الترجمة والتوطين إخفاء العلامة التجارية رابط الخصوصية إشعار مخصص تنزيل النص الكامل محادثة جديدة سجل المحادثات النص التعريفي ونقطة الحالة تحويل الكلام إلى نص أيقونة المحادثة شعار الشركة حد الأحرف درجة الإبداع
نصائح تعليمات الذكاء الاصطناعي مقارنة الخطط
الميزات
زحف الموقع فجوات المعرفة بطاقات المنتجات بطاقات المنتجات الديناميكية Dynamic Images سياق المستخدم المراقبة المباشرة التحكم البشري التصعيد إشعارات الذكاء الاصطناعي التقرير اليومي تغذية البيانات في الوقت الفعلي تغذية البيانات في الوقت الفعلي - الحد الأقصى أعضاء الفريق تسجيل الدخول الموحد تضمين الصور رؤية الصور أداة الترجمة الترجمة والتوطين العملاء المحتملون التقاط العملاء المحتملين الذكي تذاكر الدعم الحجوزات تضمينات استبعاد الصفحات عناوين IP المحظورة النموذج الأذكى تفعيل التفكير اقتراحات الردود رسائل المتابعة تحويل الكلام إلى نص تنزيل النص الكامل الدردشة المضمّنة
التحليلات
تحليلات المحادثات سجلات المحادثات
التكاملات
REST API Instagram Messenger WhatsApp Zapier Email تطبيقات الجوال
أخرى
إضافة إلى الشاشة الرئيسية زر فتح مخصص
اسأل الذكاء الاصطناعي

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

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

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

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

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

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

ملاحظة: الكود أعلاه مجرد مثال. يجب عليك نسخ كود التضمين الفريد الخاص بك من لوحة التحكم لأنه يحتوي على معرف الأداة الشخصي الخاص بك.

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

يحتوي Framer على ميزة كود مخصص مدمجة تجعل إضافة السكريبتات سهلة:

  1. افتح مشروع Framer الخاص بك
  2. انقر على أيقونة الترس (إعدادات الموقع) في أعلى اليسار
  3. انتقل إلى قسم "Custom Code"
  4. انقر على زر "Add Script"
  5. الصق كود Asyntai المضمّن في حقل السكريبت
  6. اضبط الموضع على "End of <body> tag"
  7. احفظ وانشر موقعك

نصيحة: يضمن وضع السكريبت في "End of <body> tag" تحميله بعد محتوى الصفحة، وهو ما يُوصى به لأدوات الدردشة ولن يبطئ تحميل صفحتك. يوفر Framer أيضاً خيارات "Start of <head>" و"End of <head>"، لكن نهاية body هي المفضلة.

بديل: استخدام مكوّن الكود

إذا كنت تفضل إضافة روبوت الدردشة باستخدام مكوّن الكود:

  1. في محرر Framer، افتح الصفحة التي تريد روبوت الدردشة فيها
  2. أضف مكوّن كود إلى لوحتك
  3. الصق كود Asyntai المضمّن في المكوّن
  4. ضعه في التخطيط حسب الحاجة

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

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

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

لا ترى الأداة؟ تأكد من حفظ ونشر موقعك بعد إضافة الكود. جرّب مسح ذاكرة التخزين المؤقت للمتصفح أو العرض في نافذة تصفح متخفي. إذا كنت تستخدم نطاقاً مخصصاً، قد تستغرق التغييرات بضع دقائق للانتشار.