خطوة بخطوة — من التسجيل حتى استقبال أول طلب
افتح المتصفح واذهب لـ codeiks.com/store-login ← اضغط على تبويب "إنشاء متجر جديد"
مثال: مكانك أو متجر الأهل — يظهر في واجهة المتجر وللعملاء
كلمة المرور لا تقل عن 6 أحرف — احفظها في مكان آمن
مثال: my-store → يصبح رابطك: codeiks.com/store/my-store
استخدم أحرف إنجليزية وشرطات فقط — لا مسافات ولا أحرف عربية
ستنتقل فوراً للوحة تحكم متجرك — المتجر جاهز ✅
كل متجر جديد يحصل تلقائياً على 15 يوم تجريبية بكامل الميزات — لا يلزم إدخال أي بيانات بنكية
codeiks.com/store-loginتبويب "تسجيل الدخول" محدد بالافتراضي
نفس البيانات التي استخدمتها عند التسجيل
ستنتقل مباشرة للوحة المعلومات (Dashboard)
كل الأقسام موجودة في القائمة الجانبية على اليمين — اضغط على أي قسم للانتقال إليه
أو "Store Setup" — ستفتح صفحة بها جميع إعدادات متجرك
• الاسم بالعربية: يظهر في واجهة المتجر للعملاء
• الاسم بالإنجليزية: يظهر في الـ URL والـ SEO
اضغط على مربع اللون واختر اللون من Color Picker — اللون الرئيسي يظهر في الـ Header والأزرار
الصيغة: 201XXXXXXXXX — بدون + أو 00 — يظهر لعملائك للتواصل المباشر
التغييرات تنعكس فوراً على واجهة متجرك
أي تغيير بدون ضغط "حفظ" لن يُطبَّق — ابحث عن زر الحفظ في أسفل الصفحة أو في الأعلى
أضف التصنيفات قبل المنتجات — لأن كل منتج يحتاج تصنيفاً عند الإضافة
ستظهر قائمة التصنيفات الموجودة (إن وُجدت)
ستظهر نافذة أو صفحة بها حقول التصنيف
• الاسم بالعربية (إلزامي): مثل مواد غذائية أو مشروبات
• الاسم بالإنجليزية (اختياري)
الترتيب 1 = يظهر أولاً في المتجر — رقّم تصنيفاتك حسب الأهمية
التصنيف يظهر فوراً في المتجر وفي قائمة اختيار التصنيف عند إضافة المنتج
ستفتح صفحة النموذج الكامل
• الاسم بالعربية (إلزامي): هو الاسم الظاهر للعملاء
• الاسم بالإنجليزية (اختياري)
• السعر الأصلي (إلزامي): سعر البيع العادي
• سعر الخصم (اختياري): لو عندك عرض — يظهر مشطوباً بجانب السعر الجديد
لو المخزون غير محدود — اتركها فارغة أو اكتب رقماً كبيراً جداً
لو محدود — أدخل الرقم وسيتوقف تلقائياً عند النفاد
من القائمة المنسدلة — اختر التصنيف المناسب للمنتج
• حتى 5 صور لكل منتج
• الصورة الأولى = الصورة الرئيسية في قائمة المنتجات
• أفضل حجم: 800×800 بكسل — مربعة الشكل
المنتج يظهر فوراً في متجرك ✅
اضغط "عرض" لرؤية المنتجات وبيانات العميل والعنوان
من القائمة المنسدلة — يعني بدأت تجهيز الطلب
يظهر التحديث لصفحة تتبع الطلب الخاصة بالعميل
يُغلق الطلب ويُضاف لتقارير المبيعات
| الحالة | المعنى | متى تستخدمها |
|---|---|---|
| ⏳ قيد المراجعة | طلب جديد لم تراجعه | تلقائية عند الطلب |
| 📋 مؤكد | قبلت الطلب وبدأت تجهيزه | بعد مراجعة الطلب |
| 📦 قيد التجهيز | تجمع المنتجات وتحضّرها | اختياري |
| 🚚 في الطريق | سلّمت للمندوب أو شحنت | بعد الشحن |
| ✅ مكتمل | وصل للعميل وانتهى | بعد التأكيد النهائي |
| ❌ ملغي | لغيت الطلب | عند الضرورة فقط |
ستجد المناطق الافتراضية أو جدولاً فارغاً
• اسم المنطقة: مثل القاهرة والجيزة
• سعر الشحن: مثل 30 ج.م
• شحن مجاني فوق: اتركه فارغاً أو أدخل مبلغاً مثل 500
• أيام التسليم: من 1 إلى 2 مثلاً
المنطقة تظهر للعملاء عند الـ Checkout تلقائياً
أضف منطقة "شحن مجاني فوق 500 ج.م" — تحفّز العملاء على شراء أكثر لتجنب رسوم الشحن
ستظهر طرق الدفع المتاحة
اضغط على المفتاح — يتفعل فوراً بدون إعداد إضافي
أدخل رقم المحفظة بصيغة 201XXXXXXXXX ثم اضغط حفظ
ستفتح صفحة النموذج
مثل SALE20 أو WELCOME — أحرف إنجليزية كبيرة وأرقام فقط، بدون مسافات
• نسبة مئوية: مثل 20 = خصم 20%
• مبلغ ثابت: مثل 50 = خصم 50 ج.م
• الحد الأدنى للطلب: مثل 200 ج.م — الكوبون لا يعمل أقل منه
• تاريخ الانتهاء: اختر تاريخاً أو اتركه مفتوحاً
العملاء يستطيعون استخدامه فوراً عند الـ Checkout
| نوع الكوبون | متى تستخدمه | مثال |
|---|---|---|
| خصم نسبة % | استقطاب عملاء جدد | WELCOME20 = خصم 20% |
| خصم مبلغ ثابت | تصفية مخزون | SAVE50 = خصم 50 ج.م |
| شحن مجاني | تشجيع الطلبات الكبيرة | FREESHIP |
ستفتح نموذج البنر
الأبعاد المثالية: 1200 × 500 بكسل
استخدم Canva أو أي برنامج تصميم — يُنصح بحجم أقل من 500 KB
• العنوان: مثل عروض الصيف 🔥
• النص الفرعي: مثل خصومات تصل لـ 30%
• نص الزر: مثل تسوق الآن
• الرابط: رابط صفحة التصنيف أو المنتج — أو اتركه فارغاً
البنر يظهر فوراً في أعلى صفحة المتجر
صمّم بنراتك على Canva.com مجاناً — ابحث عن قالب "Website Banner" بأبعاد 1200×500
wwwroot/guide-imgs/ وضع فيه الصور بهذه الأسماء:
| اسم الملف | ما تُظهره الصورة | القسم |
|---|---|---|
| 01-store-login-tabs.png | صفحة store-login بتبويبَين | 1 |
| 02-register-form-filled.png | نموذج التسجيل مكتملاً | 1 |
| 03-login-form.png | نموذج تسجيل الدخول | 2 |
| 04-dashboard-overview.png | لوحة المعلومات الكاملة | 3 |
| 04b-dashboard-cards.png | البطاقات الأربع فوق الـ Dashboard | 3 |
| 04c-dashboard-sidebar.png | القائمة الجانبية كاملة | 3 |
| 05-store-setup-page.png | صفحة إعدادات المتجر | 4 |
| 05b-color-picker.png | أداة اختيار اللون مفتوحة | 4 |
| 06-categories-list.png | قائمة التصنيفات | 5 |
| 06b-add-category-form.png | نموذج إضافة تصنيف | 5 |
| 07-products-list.png | قائمة المنتجات | 6 |
| 08-add-product-form.png | نموذج إضافة منتج (الحقول) | 6 |
| 09-product-image-upload.png | قسم رفع صور المنتج | 6 |
| 09b-product-saved.png | المنتج بعد الحفظ في القائمة | 6 |
| 10-orders-list.png | قائمة الطلبات مع الفلاتر | 7 |
| 11-order-detail.png | تفاصيل طلب واحد | 7 |
| 11b-order-status-change.png | قائمة تغيير حالة الطلب | 7 |
| 12-shipping-zones.png | جدول مناطق الشحن | 8 |
| 12b-add-zone-form.png | نموذج إضافة منطقة شحن | 8 |
| 13-payment-setup.png | صفحة إعداد طرق الدفع | 9 |
| 14-coupons-list.png | قائمة الكوبونات | 10 |
| 14b-add-coupon-form.png | نموذج إنشاء كوبون | 10 |
| 15-banners-list.png | قائمة البنرات | 11 |
| 15b-add-banner-form.png | نموذج إضافة بنر | 11 |
| 15c-banner-in-store.png | البنر يظهر في واجهة المتجر | 11 |