كيفية إضافة روبوت Asyntai AI للدردشة إلى Volusion
دليل خطوة بخطوة لمتاجر Volusion الإلكترونية
الخطوة 1: احصل على كود التضمين
أولاً، انتقل إلى لوحة تحكم Asyntai وانتقل لأسفل إلى قسم "Embed Code". انسخ كود التضمين الفريد الذي سيبدو هكذا:
<script async src="https://asyntai.com/static/js/chat-widget.js" data-asyntai-id="YOUR_WIDGET_ID"></script>
ملاحظة: الكود أعلاه مجرد مثال. يجب عليك نسخ كود التضمين الفريد الخاص بك من لوحة التحكم لأنه يحتوي على معرف الأداة الشخصي الخاص بك.
الخطوة 2: نسخ القالب احتياطيًا
قبل إجراء أي تغييرات على متجر Volusion الخاص بك، من المهم إنشاء نسخة احتياطية:
- سجّل الدخول إلى لوحة إدارة Volusion
- انتقل إلى Design → File Editor
- انقر على Archive Theme لإنشاء نسخة احتياطية
- قم بتنزيل نسخة من الأرشيف للاحتفاظ بها
مهم: احرص دائمًا على نسخ القالب احتياطيًا قبل إجراء تغييرات على الكود. يتيح لك ذلك التراجع بسهولة إذا حدث خطأ ما.
الخطوة 3: إضافة الكود إلى القالب (موصى به)
لإضافة روبوت الدردشة إلى جميع صفحات متجر Volusion الخاص بك:
- في لوحة إدارة Volusion، انتقل إلى Design → Template
- بدلاً من ذلك، انتقل إلى Design → File Editor → Shortcuts
- ابحث عن ملف القالب الرئيسي (عادةً template_*.html)
- انتقل لأسفل للعثور على وسم الإغلاق </body>
- الصق كود تضمين Asyntai الخاص بك قبل وسم </body> مباشرة
- انقر على حفظ لتطبيق التغييرات
- قم بمعاينة متجرك للتحقق من ظهور روبوت الدردشة
نصيحة: تضمن إضافة الكود قبل وسم الإغلاق </body> أداءً مثاليًا لتحميل الصفحة. تضيف هذه الطريقة روبوت الدردشة إلى كل صفحة في متجرك تلقائيًا.
الطريقة البديلة 1: حقن HTML في الرأس/التذييل
يتيح لك Volusion إضافة كود مخصص من خلال الإعدادات العامة:
- سجّل الدخول إلى لوحة إدارة Volusion
- انتقل إلى Settings → Design Settings
- ابحث عن قسم Custom HTML أو Footer Code
- الصق كود Asyntai المضمّن في هذا الحقل
- انقر على Save
- سيتم الآن إضافة الكود إلى جميع الصفحات تلقائيًا
ملاحظة: قد يختلف الموقع الدقيق لإعدادات HTML المخصص حسب خطة Volusion وإصدارها. ابحث عن الإعدادات المتعلقة بـ "Custom Code" أو "Header/Footer" أو "Global HTML."
الطريقة البديلة 2: التثبيت على صفحة محددة
إذا كنت ترغب في إضافة روبوت الدردشة إلى صفحات محددة فقط:
- انتقل إلى Design → File Editor → Shortcuts
- أنشئ أو عدّل قالبًا خاصًا بالصفحة باستخدام وظيفة PageName
- أضف كودًا شرطيًا لتضمين النص البرمجي فقط في صفحات محددة:
<!-- Add to template file -->
<script>
if (PageName == 'home' || PageName == 'products') {
// Your Asyntai embed code here
var script = document.createElement('script');
script.src = 'https://asyntai.com/static/js/chat-widget.js';
script.setAttribute('data-asyntai-id', 'YOUR_WIDGET_ID');
script.async = true;
document.head.appendChild(script);
}
</script>
نصيحة: هذه الطريقة مفيدة إذا كنت تريد روبوت الدردشة فقط في صفحات معينة مثل صفحات المنتجات أو الدفع أو الدعم. استبدل 'home' و'products' بأسماء الصفحات الفعلية من متجر Volusion الخاص بك.
الطريقة البديلة 3: مقالة CSS/HTML مخصصة
يمكنك أيضًا إضافة الكود من خلال كتلة مقالة:
- في إدارة Volusion، انتقل إلى Articles → Articles
- أنشئ مقالة جديدة أو عدّل مقالة موجودة
- انتقل إلى عرض HTML في محرر المقالات
- الصق كود تضمين Asyntai
- احفظ المقالة
- أضف هذه المقالة إلى قالب صفحتك أو الشريط الجانبي
- سيظهر روبوت الدردشة في الصفحات التي تُعرض فيها هذه المقالة
ملاحظة: هذه الطريقة أقل شيوعًا لكنها يمكن أن تكون مفيدة إذا كان لديك وصول محدود إلى ملفات القوالب أو تريد تشغيل/إيقاف روبوت الدردشة بسهولة عن طريق إخفاء/إظهار المقالة.
الخطوة 4: التحقق من التثبيت
بعد حفظ التغييرات، افتح متجر Volusion الخاص بك في علامة تبويب جديدة أو نافذة تصفح خاص. يجب أن ترى زر أداة الدردشة في الزاوية السفلية اليمنى. انقر عليه للتأكد من أنه يفتح ويعمل بشكل صحيح.
لا ترى الأداة؟ تأكد من حفظ جميع تغييرات القوالب. امسح ذاكرة التخزين المؤقت للمتصفح أو اعرض في وضع التصفح الخاص. قد يخزّن Volusion القوالب مؤقتًا، لذا قد تستغرق التغييرات بضع دقائق للظهور. تحقق من وحدة تحكم المتصفح (F12) بحثًا عن أي أخطاء JavaScript.
تحتاج مساعدة؟
إذا لم تكن مرتاحًا لتعديل ملفات القوالب، يمكن لفريق دعم عملاء Volusion المساعدة في طلبات HTML وCSS المخصصة. يمكنك أيضًا التواصل مع دعم Asyntai للحصول على إرشادات حول تثبيت روبوت الدردشة على متجر Volusion الخاص بك.
الدعم المهني: يقدم Volusion خدمات برمجة مخصصة إذا كنت بحاجة إلى مساعدة مهنية في تعديلات القوالب أو التخصيصات المعقدة.
Weebly