صفحة 107 - كتاب المهارات الرقمية - الصف 9 - الفصل 1 - المملكة العربية السعودية

📚 المتجر الإلكتروني وسلة المشتريات

المفاهيم الأساسية

المتجر الإلكتروني: المكان الذي تعرض فيه جميع المنتجات المتوفرة للبيع.

سلة المشتريات: المكان الذي يجمع المنتجات المختارة قبل إتمام عملية الدفع.

رمز القسيمة: أداة تسمح باستخدام خصم إضافي على المشتريات.

خريطة المفاهيم

```markmap

الوحدة الثالثة: التجارة الإلكترونية

الأدوات

المتجر الإلكتروني Local Wp

#### الدخول للمتجر الإلكتروني

##### استيراد متجر إلكتروني باستخدام LocalWP

• تحميل الأداة من: www.localwp.com
• إنشاء أو استيراد متجر
• خطوات الاستيراد:

- البحث عن البرنامج وفتحه

- إنشاء موقع جديد

- اختيار ملف مضغوط (مثل My giftshop_Final.zip)

- تغيير اسم المتجر (اختياري)

- استيراد الموقع وفتحه في المتصفح

##### إنشاء موقع جديد

• إنشاء موقع ووردبريس جديد أو "هيدلس" ووردبريس
• إنشاء موقع من مخطط جاهز (Blueprint)

- يحتوي على عناصر مثبتة مسبقاً (إضافات، قوالب)

• استيراد موقع من ملف مضغوط (ZIP)

- اختيار الملف أو سحبه إلى النافذة

- استخدام أداة WP Migrate لإنشاء أرشيف ZIP للموقع

##### خطوات فتح المتجر المستورد

• إدخال اسم الموقع المحلي (Local site name)

- مثال: My giftshop_final

• النقر على زر "Continue"
• النقر على زر "Import site"
• النقر على زر "Open site" لفتح المتجر في المتصفح
• ستظهر الصفحة الرئيسية للمتجر

- تحتوي على ترحيب مثل: "مرحبا بكم في متجرنا الإلكتروني"

#### اختيار المنتج وإضافته إلى سلة المشتريات

##### خطوات الشراء من المنصة

افتح صفحة المتجر الإلكتروني واضغط على "الذهاب للتسوق" (Go to eShop).

اختر المنتج المراد شراؤه واضغط على "إضافة إلى السلة" (Add to Cart).

اضغط على "عرض السلة" (View Cart).

يظهر المنتج المختار في علامة تبويب "سلة المشتريات" (Cart).

##### عناصر الصفحة الرئيسية للمتجر

• عنوان المتجر الإلكتروني (مثال: My giftshop)
• شريط القوائم
• الصفحة الرئيسية
• زر "الذهاب للتسوق"

#### المتجر

• عرض جميع النتائج (3 منتجات في المثال)
• يمكن اختيار الترتيب المناسب للبحث (الافتراضي، حسب الشهرة، حسب التقييم، حسب الأحدث، حسب السعر)
• يظهر سعر المنتج الأساسي أو السعر بعد الخصم (مثال: تخفيض!)

#### سلة المشتريات

• يمكن إزالة عنصر من خلال الضغط على أيقونة حذف (Delete)
• تحتوي على تفاصيل المنتج (الاسم، الكمية، السعر، المجموع)

#### رمز القسيمة

• استخدام القسيمة للحصول على خصم

```

نقاط مهمة

• تأكد دائمًا من إضافة المنتجات الصحيحة وعددها إلى سلة المشتريات قبل إتمام عملية الدفع.
• يمكن ترتيب المنتجات في المتجر بعدة طرق: الافتراضي، حسب الشهرة، حسب معدل التقييم، حسب الأحدث، أو حسب السعر (من الأعلى أو الأدنى).
• في سلة المشتريات، يتم عرض المنتج والكمية والسعر والمجموع الكلي.

الترتيب الافتراضي

ترتيب افتراضي ترتيب حسب الشهرة ترتيب حسب معدل التقييم ترتيب حسب الأعلى سعراً للأعلى ترتيب حسب الأعلى سعراً للأدنى

يمكنك اختيار الترتيب المناسب لبحثك.

هذه هي جميع المنتجات المتوفرة في المتجر الإلكتروني.

هنا يظهر سعر المنتج الأساسي أو إذا كان هناك خصم عليه.

تأكد دائماً من إضافة المنتجات الصحيحة وعددها إلى سلة المشتريات، قبل إتمام عملية الدفع.

يمكنك إزالة عنصر من سلة المشتريات من خلال الضغط على أيقونة حذف (Delete).

سلة المشتريات

المنتج

الكمية

السعر

المجموع

دبابيس

99

1

3,99

رمز القسيمة

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

تحديث السلة

2025 - 1447

وزارة التعليم

Ministry of Education

107

الترتيب الافتراضي ترتيب افتراضي ترتيب حسب الشهرة ترتيب حسب معدل التقييم ترتيب حسب الأعلى سعراً للأعلى ترتيب حسب الأعلى سعراً للأدنى يمكنك اختيار الترتيب المناسب لبحثك. هذه هي جميع المنتجات المتوفرة في المتجر الإلكتروني. هنا يظهر سعر المنتج الأساسي أو إذا كان هناك خصم عليه. تأكد دائماً من إضافة المنتجات الصحيحة وعددها إلى سلة المشتريات، قبل إتمام عملية الدفع. يمكنك إزالة عنصر من سلة المشتريات من خلال الضغط على أيقونة حذف (Delete). سلة المشتريات المنتج الكمية السعر المجموع دبابيس 99 1 3,99 رمز القسيمة استخدام القسيمة تحديث السلة 2025 - 1447 وزارة التعليم Ministry of Education 107 --- VISUAL CONTEXT --- **FIGURE**: كوب Description: A white mug with a circular green logo on it. Context: Represents a product available for purchase. **FIGURE**: قبعة Description: A white baseball cap with a circular green logo on the front. Context: Represents a product available for purchase. **FIGURE**: دبابيس Description: A white circular pin badge with a circular green logo. Context: Represents a product available for purchase. **FIGURE**: كوب Description: A white mug with a circular green logo on it. Context: Represents a product available for purchase. **FIGURE**: قبعة Description: A white baseball cap with a circular green logo on the front. Context: Represents a product available for purchase. **FIGURE**: دبابيس Description: A white circular pin badge with a circular green logo. Context: Represents a product available for purchase. **FIGURE**: سلة المشتريات Description: A circular pin with a green logo, next to a delete icon (X). Context: Represents an item in the shopping cart and its delete option.