إنشاء المتجر الإلكتروني - المهارات الرقمية - ثالث متوسط

298 الوحدة الأولى: المتاجر الإلكترونية ستتعلم في هذه الوحدة طريقة إنشاء متجر إلكتروني على شبكة الإنترنت، وستتعرف على كيفية إعداده وتحريره وفقًا للمنتجات التي ستبيعها، وأيضًا على أهمية تحسين محركات البحث Search Engine Optimization - SEO) وتحديد إستراتيجية تسعير منتجات المتجر. وفي الختام ستتعرف على الخطوات التي عليك اتباعها إذا أردت نشر متجرك الإلكتروني الذي ستصممه باستخدام نظام ووردبريس WordPress عبر الإنترنت. أهداف التعلم ستتعلم في هذه الوحدة: > طريقة عمل نظام اسم المجال (DNS). > خطوات إنشاء المتجر الإلكتروني. > تصميم صفحات المتجر الإلكتروني > كيفية إضافة منتجات إلى المتجر الإلكتروني. > كيفية وضع إستراتيجية تسعير لمنتجات المتجر الإلكتروني. > اختبار المتجر الإلكتروني ونشره. > كيفية تعزيز تحسين محركات البحث (SEO) لموقع إلكتروني. الأدوات > ووردبريس المحلي (LocalWordPress) وزارة التعليم 2024-1446

الدرس الأول: إنشاء المتجر الإلكترونى رابط الدرس الرقمي www.ien.edu.sa تتمثل أهم فوائد المتجر الإلكتروني في توفير إمكانية التسوق للعملاء في أي وقت ومن أي مكان، ولذلك ستنشئ في هذا الدرس المتجر الإلكتروني الذي تعاملت معه كعميل في الفصل الدراسي السابق، حيث تعلمت كيفية التسوق عبر الإنترنت ، كما ستتعرف على بعض مواصفات المتجر الإلكتروني الناجح مواصفات المتجر الإلكتروني الناجح يجب أن يكون المتجر الإلكترونى جذابًا ويمكن التنقل فيه بسهولة بحيث يُرغب العملاء في الشراء منه بدلًا من الذهاب إلى المتاجر التقليدية. يشير مفهوم تصميم المتجر الإلكتروني إلى وجود العناوين والإعلانات وترويسة الصفحة الرئيسة، وإمكانية البحث وغيرها من عوامل التصميم التي تجذب العملاء للدخول إلى المتجر. يوضّح الجدول الآتي بعض النصائح لتصميم متجر إلكتروني يجذب العملاء عبر الإنترنت. مواصفات المتجر الإلكتروني الناجح الاسم المناسب Online Shopping Shop by category Proceed to checkenst من المهم أن يكون اسم المتجر الإلكتروني سهل التذكر والتهجئة، ويمثل نوع المنتجات المتوفرة فيه. من المفيد أن تتوفر خاصية تقييم المنتجات داخل المتجر الإلكتروني، وأن تظهر تقييمات العملاء تقييم المنتجات السابقين للتأكد من جودة المُنتَج. من المهم أن يكون المتجر الإلكتروني واضحًا وبسيطا حتى يتمكن العميل من التركيز على المنتجات التصميم الجيد لاتخاذ قرار الشراء، وهذا يعني عدم وجود مشتتات مثل الألوان الزاهية أو النصوص التي لا يمكن البنية الوظيفية (Functional Structure) قراءتها. سهولة البحث عن المنتجات التي يبحث عنها العميل والوصول إليها، والحصول على معلومات المُنتَج بما فيها صوره وسعره ، كما يجب توفير المساعدة للعميل عند الحاجة. نتائج البحث في جوجل الاستفادة من تحسين محرّكات البحث (SEO) بحيث يكون ترتيب المتجر الإلكتروني في قائمة البحث مرتفعًا لجذب العملاء؛ لأن العملاء يزورون ما يرونه أولًا في قائمة نتائج البحث في جوجل. (Google) وزارة التعو29 Ministry of Education 2024-1446

300 مراحل إنشاء المتجر الإلكتروني يتضمن إنشاء المتجر الإلكتروني عدة مراحل بداية من التخطيط والتصميم حتى النشر. فيما يأتي المراحل الأساسية التي يتضمنها إنشاء المتجر الإلكتروني: 1 التخطيط يجب أن يكون الغرض من المتجر الإلكتروني واضحًا ومحددًا ، وكذلك هيكليته العامة قبل البدء في تصميم الموقع. 2 التصميم: يتم تصميم المخطط العام للصفحة الرئيسة والصفحات الفرعية للمتجر الإلكتروني على الورق، ومن ثم عليك تحديد النصوص المطلوبة في المساحات المختلفة من المتجر الإلكتروني. التنفيذ: بعد إنشاء مخطط الموقع ، يتم البدء في عملية تصميم الصفحة وتطوير المحتوى باستخدام منصة عبر الإنترنت تتميز بتوفيرها أدوات متنوعة لإنشاء موقع المتجر الإلكتروني 4 اختبار الموقع ونشره عبر شبكة الإنترنت في هذه المرحلة تتم عملية اختبار الموقع بعناية مع التحقق من أن الروابط بين الصفحات والوظائف تعمل بشكل صحيح ليتم في النهاية نشر المتجر الإلكتروني عبر الإنترنت. جميع مرحلة التخطيط يتطلب إنشاء المتجر الإلكتروني تخطيطا دقيقًا لضمان نجاحه، وأثناء مرحلة التخطيط لإنشاء المتجر عليك: تحديد الهدف من عملك التجاري وهو بيع منتجات متعلقة باليوم الوطني للمملكة العربية السعودية. اختيار منصة التجارة الإلكترونية المناسبة لإنشاء متجرك الإلكتروني. تحديد المنتجات التي ستعرضها في متجرك الإلكتروني، وإنشاء بيان مصور (Catalog) شامل للمنتجات بما في ذلك أسعارها وأوصافها وصورها. التفكير في التجربة العامة التي سيحصل عليها المُستخدم عند التفاعل مع المتجر الإلكتروني، بما في ذلك التصميم وسهولة الاستخدام. اختيار اسم المجال المناسب لمتجرك الإلكتروني. اسم المجال يُستخدم لكتابة عنوان بروتوكول الإنترنت (Internet Protocol (IP) بشكل قريب من لغة الإنسان، حيث إنه من الصعب تذكر عنوان IP مثل 13.107.237.60 الذي يوجهك إلى موقع إلكتروني، وللتغلب على هذه المشكلة تم اعتماد ما يسمى بأسماء المجال (Domain Names) كطريقة لتصفح المواقع الإلكترونية. يمكن الوصول إلى كل موقع إلكتروني عبر عنوان IP، ولكن في العادة تتم زيارة هذه المواقع من خلال أسماء المجال المقابلة لها. يتم تحويل اسم المجال إلى عنوان IP من خلال نظام اسم المجال (Domain Name System DNS)، وهي خدمة عبر الإنترنت تشير إلى عنوان IP المتوافق مع اسم كل مجال. وزارة التعليم Ministry of Education 2024-1446

وزارت النع 30 Ministry of Education 2024-1446 3 5 1 يشير المجال إلى هذا IP: 13.107.237.60 إنشاء اتصال بالخادم للعثور على المعلومات. طلب الوصول إلى عنوان IP لموقع ."www.visitsaudi.com" 4 كيف يعمل اسم المجال ؟ يخزن الخادم العنوان ليكون جاهزًا في حال تلقي طلبات لنفس المجال. اسم المجال "www.visitsaudi.com" غير موجود في قاعدة البيانات في هذا الخادم وسيعاد 2 توجيه الاستعلام إلى خادم آخر.

302 اختيار اسم المجال إن اختيار اسم المجال أمر مهم بالنسبة للموقع، حيث يساعد اسم المجال الجيد في جذب المزيد من الزائرين والعملاء المحتملين. ← بعض العوامل المهمة التي تساعدك على اختيار اسم المجال: تأكد من اختيار اسم لا ينتهك العلامات التجارية للآخرين، لذا عليك تجنب أسماء المجالات المشابهة للعلامات التجارية الموجودة حاليًا لتجنب أي مشكلات قانونية. يجب أن يتوافق الاسم مع الخطط المستقبلية للأعمال، حيث تُعدُّ أسماء المجال للشركة استثمارًا طويل الأجل، لذلك من الأفضل اختيار الأسماء المناسبة للوقت الحالي والمستقبل. اختر اسما يسهل تذكره وتجنّب الأسماء الطويلة أو الصعبة، فالاسم المختصر يساعد في عملية الترويج الشفهي للمتجرك الإلكتروني. يفضّل استخدام اسم مجال بامتداد .com. قدر الإمكان، حيث يُعد الامتداد الأكثر شيوعًا، كما يمكنك استخدام هذا الامتداد مع مجال من مستوى أعلى خاص ببلدك مثل: sa. تحقق من عدم استخدام الاسم ذاته في وسائل التواصل الاجتماعي من قبل الآخرين لضمان إمكانية إنشاء الحسابات الخاصة بعملك التجاري وحملاتك التسويقية. شارك أفكارك مع أصدقائك وعائلتك الذين تثق بهم، فعملية العثور على اسم المجال المثالي ليست سهلة ومن المهم الحصول على النصائح المناسبة. من المهم أن تحدد الآن اسما جيدًا لمتجرك الذي ستنشئه، فمن الممكن أن يكون هو المفتاح لتمييزه عن المنافسين المحتملين، والاسم الذي ستستخدمه لمتجرك الإلكتروني هو: My giftshop وزارة التعليم Ministry of Education 2024-1446

مرحلة التصميم تُعدُّ مرحلة التصميم لإنشاء متجرك الإلكتروني My Giftshop خطوة مهمة في عملية بناء موقع إلكتروني ناجح للتجارة الإلكترونية، فالهدف الأساسي من مرحلة التصميم هو إنشاء نموذج أولي Prototype)، وأسهل طريقة لإنشاء هذا النموذج الأولي الافتراضي من خلال استخدام الورقة والقلم. سيحتوي متجرك الإلكتروني على خمس صفحات أساسية: - الصفحة الرئيسة (Homepage). المتجر (Shop) حول (About) سلة المشتريات (Cart) إتمام الطلب (Checkout) My giftshop إتمام الطلب الصفحة الرئيسة المتجر حول سلة المشتريات مرحلة التنفيذ بعد أن أصبح لديك فكرة عامة حول المتجر الإلكتروني، ستبدأ بعملية إنشائه. ستستخدم لذلك أداتين مهمتين وهما: أداة ووردبريس المحلي Local WordPress) وأداة ووكومرس (WooCommerce). تُستخدم أداة ووردبريس المحلي لتطوير واختبار أنظمة ووردبريس على جهاز حاسبك المحلي. تتمثل إحدى المزايا المهمة لنظام ووردبريس في احتوائها على مكتبة واسعة من المكونات الإضافية (Plugins) والسمات Themes) التي يمكن استخدامها لتخصيص وتحسين الوظائف والتصميم داخل موقعك الإلكتروني. بالنسبة للمتاجر الإلكترونية، يقدّم نظام ووردبريس العديد من المكونات الإضافية للتجارة الإلكترونية مثل أداة ووكومرس، وهي المكوّن الإضافي الأكثر شيوعًا واستخداما على المنصة، وتتيح لك أداة ووكومرس إنشاء متجر إلكتروني بمزايا مثل: إدارة المخزون (Inventory Management) وقوائم المنتجات Product Listings) ومعالجة عملية الدفع (Payment Processing) وخيارات الشحن Shipping Options) يمكنك بهاتين الأداتين اختبار متجرك الإلكتروني قبل نشره على الشبكة العنكبوتية. يمكنك تنزيل أداة ووردبريس المحلي من الموقع الإلكتروني: www.localwp.com معلومة ووردبريس هو نظام إدارة محتوى (Content Management System-CMS) واسع الانتشار يقدم مزايا متنوعة لأنواع مختلفة من المواقع الإلكترونية، ومن خلال المكوّن الإضافي الشامل Extensive Plugin ومكتبة السمات، يمكن تخصيص نظام . ووردبريس ليناسب احتياجاتك سواء كنت تدير متجرًا إلكترونيًا، أو نظامًا للتعليم والتدريب الإلكتروني أو صحفًا ومجلات إلكترونية. وزارة التعو 30 Ministry of Education 2024-1446

NEW! + وزارة التعليم Ministry of Education 2024-1446 Local Local افتح الآن أداة ووردبريس المحلي وأنشئ متجرك الإلكتروني. لإنشاء المتجر الإلكتروني: > من زرّ البحث )Search) اكتب اسم البرنامج محلي (Local) ، ثم اختره 1 > عند فتح البرنامج، اضغط على زر إنشاء موقع جديد Create a new site). > اضغط على زرّ اختيار ملف مضغوط موجود Select an existing IP)، 3 واختر الملف المضغوط باسم: My giftshop.zip ، ثم اضغط على فتح .(open). 5 > يمكنك تغيير اسم مجال موقع متجرك ، • ثم اضغط على زرّ متابعة .(Continue) 2 > اضغط على زرّ استيراد الموقع Import Site) 4 > اضغط على زر فتح الموقع open) Site) لفتح المتجر الإلكتروني . 9 يمكنك إنشاء موقع إلكتروني بالضغط على علامة + Looks like you haven't created any sites yet! 2 + Create a new site Create a site Create a new site Spin up a new WordPress or headless WordPress site. Create from a Blueprint Start a new site with pre-installed elements like plugins and themes. What's this? 3 Select an existing ZIP or drag your file into the window to import a site. Need a fast, free way to create a ZIP archive of your site? Try WP Migrate Local تطبيق الكل تطبيقات مستندات الويب المزيد أفضل تطابق Local تطبيق تطبيقات local-6.7.0-windows.exe Local Security Policy إعدادات إعدادات اللغة م إضافة لغة لهذا الجهاز الوصول إلى العمل أو المدرسة إعدادات السعة التخزينية بحث في الويب Local - شاهد نتائج الويب فتح تشغيل كمسؤول فتح موقع الملف تثبيت بالقائمة ابدأ ثبيت إلى شريط المهام الغاء التثبيت Continue Local مستندات characters localisation تم تصميم متجر إلكتروني جاهز ستستورده كملف مضغوط، ولكن يمكنك تصميم متجرك الإلكتروني على الإنترنت وتبادله مع زملائك. 1 304

III Local قد يستغرق استيراد الملف بعض الوقت. Go back 1 Set up site Local Local site name 6 My giftshop Go back Browse for archive to import >OneDrive... > Documents Search Documents New folder My giftshop.zip 4 Organize Desktop Documents Music Pictures This PC 3D Objects Desktop Documents Import site from Downloads Music 5 File name: My giftshop.zip Zip ("zip".tar.gz.tgz Open Cancel Archive Source C\Users\binar OneDrive\Documents\My giftshop.zip Site information Advanced options يجب أن يكون اسم مجال موقع المتجر الإلكتروني باللغة الإنجليزية لكي يظهر في متصفح المُستخدم. Continue 7 2 Set up environment Choose your environment Preferred Custom PHP 8.1.9 | Web server nginx | MySQL Version 8.0.16 Set up site 2 Set up environment وزارة التع305 Ministry of Education 2024-1446 ☐ X Import site 80

NEW! Local Local sites My giftshop My giftshop كما تمت الإشارة سابقًا، يتطلب إنشاء متجر إلكتروني وجود موقع إلكتروني باسم مجال (Domain Name) فريد، ويجب أن يكون من السهل تذكر هذا الاسم، وأن يتوافق مع محتوى متجرك الإلكتروني لكي يتمكن الأشخاص من العثور عليه بسهولة عبر الإنترنت. Stop site Last start Today Go to site folder Open site shell 9 Overview Database Tools WWP Admin Open site Site domain my-giftshop.local Change SSL my-giftshop.local.crt Trust Web server nginx - PHP version 819 Details Database One-click admin WordPress version 6.11 MySQL 8.0.16 Select admin Multisite Xdebug Stop all Live Link Enable مرحبا Saad المتجر سلة المشتريات لوحة حسابي الصفحة الرئيسة Sample Page إتمام الطلب وزارة التعليم Ministry of Education 2024-1446 No ON Details تحرير الموقع جديد تحرير الصفحة الصفحة الرئيسة Come in WE'RE مرحبًا بك في المتجر كتابة رسالة ترحيب قصيرة هنا الذهاب للتسوق GEN My giftshop W My giftshop Connect host 306

تغيير اسم مجال الموقع في ووردبريس المحلي عند استيراد الملف المضغوط My giftshop.zip يمكنك تغيير اسم مجال الموقع المحلي Local Site) واستخدام الاسم الذي تفضله، كما يمكنك تغييره بعد استيراد الملف من خلال زرّ الإعدادات (Settings). لتغيير اسم مجال الموقع المحلي > حدد الموقع الذي تريد تغيير اسم مجاله. > اضغط على زر الإعدادات Settings) لهذا الموقع. > اضغط على إعادة تسمية (Rename) ، واكتب اسمًا جديدًا لمجال موقع متجرك. 6 > أدخل الاسم الجديد الذي تريده لمجال الموقع ، ٥ ثم اضغط على زر إعادة تسمية مجال موقع متجرك Rename site) 5 سيتم عرض اسم المجال الجديد في ووردبريس المحلي لموقع متجرك. LOCA وزارة التعر30 Ministry of Education 2024-1446 NEW! Local Local sites ● My giftshop 1 2 Overview Database Tools My giftshop Go to site folder Oper Open site Admin dashboard Go to site folder Open site shell Site domain my-giftshe SSL my-giftsha Restart Stop Start Web server nginx Clone site PHP version 8.19 Export Save as Blueprint Database MySQL 8.0 One-click admin on Change domain Rename 3 Delete Stop site © Last started: Today WWP Admin Open site يمكنك تصدير متجرك الإلكتروني من خلال الضغط على زر تصدير (Export)، وسيكون الملف الذي تم تصديره بتنسيق مضغوط (Zip Format)، ويمكنك استخدام الملف لاستيراده في أداة أخرى لووردبريس المحلي. يفضل تسمية مجال المتجر باسمك لاحظ أن تغيير اسم الموقع في ووردبريس المحلي لا يغير اسم المجال باللغة الإنجليزية حتى تستطيع التعرف الفعلي للموقع، وإذا كنت ترغب في تغيير اسم المجال، فستحتاج إلى الضغط على زر تغییر (Change) من قسم اسم مجال الموقع (Site domain) على متجرك في الدرس القادم. 6 Local sites My Giftshop My Giftshop Last started: Today Go to site folder Open site shell Overview Database Tools Site domain WWP Admin Open site my-giftshop local Change SSE my-giftshop.local.crt Trust O Web server nginx PHP version 819 Details C Database MySQL 8.0.16 One-click admin Select admin Rename site Please enter a new name for My giftshop (my-giftshop/ocall My Giftshop 4 Cancel Rename site 5

308 لا يؤدي تغيير اسم مجال متجرك في ووردبريس المحلي إلى تغيير اسم الموقع في ووردبريس. لتغيير اسم موقعك في ووردبريس : 2 > اضغط على زرّ مسؤول لوحة تحكم ووردبريس ( Admin ( لفتح لوحة تحكم المسؤول 1 في النافذة التي تظهر، أدخل اسم المُستخدم وكلمة المرور ، ثم اضغط على زرّ دخول Login > اضغط على الإعدادات (Settings) من القائمة اليمنى، ثم حدّد عام (General). في حقل اسم الموقع Site) ، حدث اسم موقعك إلى الاسم الذي تريده 0 4 > اضغط على زر حفظ التغييرات (Save Changes) أسفل الصفحة 2 Last started: Today Local sites My Giftshop •My Giftshop Go to site folder Open site shell Overview Database Tools Site domain WWP Admin Open site my-giftshop.local Change 1 SSL my-giftshop.local.crt Trust O Web server nginx ~ PHP version 819-> Details Database MySQL 8.0.16 One-click admin off Select admit WordPress version 62 4 04 My giftshop الرئيسية الرئيسية تحديثات در مقالات و وسائط صفحات تعليقات جديد الرئيسية لا يبدو أن متحرك يستخدم اتصالاً آمنا. Local مرحباً بك في معرفة المزيد حول النسي & My giftshop 40 W خطأ: كلمة المرور التي أدخلتها للبريد الالكتروني saadsa.fahd@gmail.com غير صحيحة. كلمة مرورك ؟ فقدت اسم المستخدم أو البريد الإلكتروني saad كلمة المرور هي: كلمة المرور ksabinary123! تذكرني إذا غيّرت اسم الموقع، فسيظهر الاسم الجديد هنا. هل فقدت كلمة مرورك ؟ الانتقال إلى My giftshop العربية جدید WooCommerce الرئيسية إعدادات عامة المنتجات مقالات ال التحليلات اسم الموقع 6 My giftshop و وسائط التسويق اكتسب محتوى غن صفحات المكونات والأنماط سطر الوصف موقع ووردبريس عربي آخر المظهر تعليقات إضافات 5 أنماط المكونات هي يكلمات قليلة، أكتب تيدة قصيرة عن الموقع. جاهرة للمكونات. اس dacl تلهام أو إنشاء عام المح البصر. ي أدوات الإعدادات كتابة وسائط ه صفحة جديدة قراءة حفظ التغييرات 7 مناقشة طي القائمة وسائط روابط دائمة الخصوصية روابط دائمة طي القائمة الخصوصية شكرا لك لاستخدامك ووردبريس. 3 2 وزارة التعليم Ministry of Education 2024-1446

لنطبق معًا تدريب 1 • أجب عن الأسئلة الآتية: 1. ما المقصود باسم مجال المتجر الإلكتروني ؟ ولماذا يُستخدم ؟ وهل يلعب اسم المجال دورًا مهما في جذب عملاء جدد؟ وضّح إجابتك. .2. اذكر العوامل المهمة عند اختيار اسم المجال، وأيها تراه مناسبًا عند اختيار اسم مجال للاستخدام الشخصي أو للشركات ؟ وضّح إجابتك. وزارة التعو30 Ministry of Education 2024-1446

310 تدريب 2 ما المواصفات الأساسية التي يجب أن يتمتع بها أي متجر إلكتروني لجذب العملاء عبر الإنترنت؟ وما أكثرها أهمية ؟ وضّح إجابتك. تدريب 3 حدد الجملة الصحيحة والجملة الخطأ 1. يتم تصميم مخطط الصفحة الرئيسة للمتجر الإلكتروني في مرحلة التخطيط. 2. من المهم اختيار اسم مجال يسهل تذكَّره والابتعاد عن الأسماء الطويلة أو الصعبة. .3 تُستخدم أداة ووردبريس المحلي (Localwp) لتطوير واختبار أنظمة ووردبريس على جهاز حاسبك المحلي. 4. تُتيح لك أداة ووكومرس ) WooCommerce) إضافة وظائف التجارة الإلكترونية إلى نظام ووردبريس صحيحة خطأ وزارة التعليم Ministry of Education 2024-1446

تدريب 4 أنشئ متجرًا إلكترونيًا للكتب المستعملة مستخدمًا أداة ووردبريس المحلي (LocalWP): > في مرحلة التخطيط لمتجرك الإلكتروني، ما الذي تتضمنه هذه المرحلة لإنشاء المتجر ؟ اكتب أهم الخطوات، على سبيل المثال الهدف من المتجر واسم المجال. > بعد ذلك انتقل إلى مرحلة التصميم، حيث ستنشئ نموذجًا أوليًا لمتجرك الإلكتروني. وزارة التعدد3 Ministry of Education 2024-1446