الخطط القياسية: دليل واجهة سلة التسوق

نظرة عامة

بالنسبة لخطط Shopify القياسية، توفر LoyaltyTree واجهة سلة تسوق قوية تضيف وظيفة رعاية الأشجار إلى سلة التسوق الخاصة بك. يغطي هذا الدليل الإعداد الكامل والتخصيص.

المتطلبات الأساسية

• خطة Shopify القياسية: تعمل مع الخطط الأساسية، Shopify، أو المتقدمة
• حساب LoyaltyTree: حساب نشط مع متجر مُعد
• الوصول إلى القالب: القدرة على تعديل ملفات القالب

عملية التثبيت

الخطوة 1: تثبيت التطبيق

1. التثبيت من متجر تطبيقات Shopify

   • ابحث عن "LoyaltyTree" في متجر تطبيقات Shopify
   • انقر على "تثبيت" ووافق على الأذونات
   • أكمل مصادقة OAuth

2. الكشف التلقائي عن الخطة

   • النظام يكشف عن الخطة القياسية تلقائيًا
   • يتم تفعيل تكوين واجهة السلة
   • يتم إعداد ملفات تمديد القالب

الخطوة 2: دمج القالب

الدمج التلقائي (موصى به)

<!-- تمت إضافته تلقائيًا إلى cart.liquid -->
{{ 'loyaltytree-cart-widget.js' | asset_url | script_tag }}
<div id="loyaltytree-cart-widget" data-shop="{{ shop.permanent_domain }}"></div>

الدمج اليدوي

إذا فشل الدمج التلقائي:

1. تعديل قالب cart.liquid
2. إضافة كود الواجهة قبل علامة المغلقة
3. تكوين إعدادات الواجهة في الإدارة
4. اختبار الوظائف

الخطوة 3: تكوين الواجهة

الإعدادات الأساسية

• أسعار الأشجار: تحديد التكلفة لكل شجرة
• رسالة الرعاية: تخصيص دعوة للعمل
• النمط المرئي: مطابقة ألوان العلامة التجارية والخطوط
• الموقع: اختيار مكان السلة

الخيارات المتقدمة

// خيارات تكوين الواجهة
window.LoyaltyTreeConfig = {
  position: 'cart-bottom', // أو 'cart-top', 'cart-sidebar'
  style: {
    primaryColor: '#2D5A27',
    secondaryColor: '#4A7C59',
    fontFamily: 'inherit'
  },
  messaging: {
    title: 'ازرع الأشجار مع طلبك',
    description: 'ساعد في استعادة الغابات في جميع أنحاء العالم',
    buttonText: 'أضف {trees} شجرة(شجرات) مقابل {price}'
  }
};

الميزات

تجربة سلة تسوق تفاعلية

• اختيار كمية الأشجار في الوقت الحقيقي
• تحديثات الأسعار الديناميكية
• تصور الأثر البيئي
• مؤشرات التقدم

تصميم متجاوب

• واجهة محسّنة للهواتف المحمولة
• عناصر تحكم سهلة الاستخدام باللمس
• أداء تحميل سريع
• توافق عبر المتصفحات

التخصيص

• تاريخ تأثير العميل
• كميات الأشجار الموصى بها
• مواضيع رسائل موسمية
• مشاريع غابات تعتمد على الموقع

الاختبار والدعم

اختبار التطوير

1. نسخة احتياطية من القالب: حفظ القالب الحالي
2. وضع المعاينة: اختبار في محرر القالب
3. وظائف السلة: إضافة/إزالة المنتجات
4. تفاعل الواجهة: اختبار اختيار الأشجار
5. عملية الدفع: إكمال عمليات الشراء التجريبية

موارد الدعم

• التوثيق: loyalty.eco/docs
• دعم عبر البريد الإلكتروني: support@loyalty.eco
• الدردشة المباشرة: متاحة في لوحة الإدارة
• منتدى المجتمع: loyalty.eco/community

واجهة سلة التسوق الخاصة بخطتك القياسية جاهزة الآن لتعزيز المشاركة البيئية وزيادة قيم الطلبات!