جديد | تعرّف على إصدار قالب مهارتي 5.0 واحصل على عرض خاص اليوم 🎉

اضغط هنا

إنشاء متجر إلكتروني بووكومرس خطوة بخطوة

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

تشمل التجارة الإلكترونية السلعَ المادية كأجهزة الحاسوب أو الحليب مثلًا! وتشمل الخدمات كاستضافة المواقع أو إعلانات فيسبوك، كما تشمل المنتجات الرقمية مثل قالب مهارتي أو مجموعة برامج Microsoft Office. هذه أمثلة ويوجد العديد.

صورة للتعبير عن التجارة الإلكترونية عبر الإنترنت

المتاجر الإلكترونية: المتجر الإلكتروني هو مكان على الإنترنت مجهز بأدوات معينة لعرض المنتجات وبيعها، تمامًا مثل فكرة توفير مكان وتجهيزه لإنشاء سوبر ماركت. هذا على الأرض، وذاك على الإنترنت.

ويمكن إنشاء المتجر الإلكتروني كموقع ويب أو تطبيق للجوال، وقد يكون باستعمال كليهما معًا، وربما تدخل مكونات أخرى متكاملة معهما، وفي هذا المقال سنقوم بإنشاء متجر إلكتروني على موقع ويب من خلال ووردبريس، قالب مهارتي، و ووكومرس خطوة بخطوة.

قالب مهارتي للمتاجر الإلكترونية

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

صورة تعبر عن التكامل الرائع بين قالب مهارتي ومتاجر woocommerce

باستخدام ووردبريس وإضافة ووكومرس مع قالب مهارتي وإضافتَي دعم المتاجر ومؤلف الصفحات فإنك تحصل على:

  • نظام تجاري إلكتروني عربي بالكامل
  • يصل للمهتمين في أي مكان في العالم
  • سهل التخصيص والتعديل بدون خبرات برمجية
  • يسمح ببيع المنتجات المادية والرقمية والخدمات
  • إدارة وتتبع الطلبات بشكل إلكتروني من حاسوبك
  • إنشاء العروض الترويجية وقسائم التخفيض للعملاء
  • إحصائيات مفصلة حول العمليات التي تتم على المتجر
  • دعوة مدراء لمساعدتك في إدارة المتجر بصلاحيات مختلفة
  • استلام المدفوعات بطرق إلكترونية وغير إلكترونية حسب رغبتك
  • متاجر جاهزة مسموح لك بإدخال لمساتك عليها ثم إطلاقها على موقعك
  • التواصل مع عملائك ودعمهم بمقالات متعلقة بالمنتجات التي تبيعها
  • قاعدة بيانات لعملائك السابقين يمكنك التواصل معهم بشأن منتجاتك الجديدة
  • وصف منتجك بشكل دقيق والحديث عن ميزاته وفوائده، مما يزيد فرصة إقناع عملائك
  • والمزيد مما يستحيل حصره في هذه المقالة!

ما هي متطلبات إنشاء هذا المتجر الإلكتروني؟

لكي تجهز المتجر الإلكتروني الخاص بك ستحتاج إلى توفير هذه الأمور:

  • دومين + استضافة
  • تثبيت ووردبريس + إضافة ووكومرس
  • قالب مهارتي + إضافة المتاجر ومؤلف الصفحات

للنقطة الأولى: راجع مقالة (كيف تحصل على استضافة ودومين في دقائق) من خلالها تحصل على استضافتك + دومين مجاني
لتثبيت ووردبريس راجع مقالة (طريقة تنصيب ووردبريس على استضافتك بخمس خطوات سريعة)
لتثبيت قالب مهارتي والإضافات التابعة له: راجع قسم “طريقة الاستخدام” في حسابك على موقع مهارتي.

والآن إلى طريقة تثبيت إضافة ووكومرس (WooCommerce)

إن كنت تفضل تحميل الإضافة فيمكنك ذلك بالضغط هنا، أو اتبع الطريقة السهلة التالية:

انتقل إلى لوحة تحكم ووردبريس في موقعك، اختر “إضافات” ثم “أضف جديد”

في مربع البحث اكتب woocommerce لتظهر النتائج، وأولها الإضافة المطلوبة. اضغط زر “التنصيب الآن” بجوار الإضافة. سيتم التنصيب، وبعد اكتماله يتحول الزر إلى “تفعيل” اضغط تفعيل.

العثور على إضافة woocommerce وتثبيتها

إعداد إضافة ووكومرس (WooCommerce) وتجهيز المتجر

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

المرحلة الأولى ” إعداد المتجر”

إعداد متجر woocommerce المرحلة الأولى

في هذه المرحلة حدد مكان متجرك إذا كان له كيان مادي، حدد الدولة وأدخل العنوان التفصيلي حيث تجد حقولًا مُعَنْونة يمكنك كتابة البيانات فيها بحسب ما تشير إليه. بالطبع يمكنك تجاهل بعض هذه البيانات إذا أردت، كما يمكنك تعديلها في أي وقت.

بعد ذلك يجب أن تحدد العملة التي تريد استخدامها في المتجر، هل ستتعامل بالريال السعودي أو الدولار أو غيرهما؟  الأسعار التي ستدخلها لاحقًا سيتم تطبيقها بهذه العملة، فانتبه!

نوع المنتجات التي ستبيعها على الموقع يجب تحديده، هل هي منتجات مادية سيتم استلامها على أرض الواقع؟ أو منتجات رقمية تتيح لزبائنك تحميلها من الإنترنت مباشرة؟ أو يوجد لديك كلا النوعين؟ بناء على اختيارك سيضبط النظام بعض الإعدادت والخيارت المناسبة.

📌 ملاحظة: إذا أزلت علامة صح أمام “ساعد على تحسين WooCommerce بفضل تتبع الاستخدام” ستجد نفسك في صفحة فارغة! عندها انتقل من خلال شريط التمرير الأفقي في متصفحك إلى أقصى اليمين (أو اليسار إن كان متصفحك باللغة الإنجليزية) لأنك مازلت في نفس الصفحة لكنها عريضة وفارغة!! ولا أعلم السبب في هذا.

انتهِ من الإعدادت المناسبة لك ثم اضغط “هيا بنا”

المرحلة الثانية “الدفع”

إعداد متجر woocommerce المرحلة الثانية الدفع

في هذه المرحلة يتم تحديد طرق الدفع التي تريد توفيرها لزبائنك، حيث يمكنك تفعيل الدفع الإلكتروني أو غير الإلكتروني أو كليهما.

خيار  ” طرق دفع آمنة ومحمية باستخدام بطاقات الائتمان أو حساب PayPal الخاص بزبونك.” لجعل عملائك يدفعون لك إلكترونيًّا من حساباتهم في باي بال أو بالبطاقات الائتمانية، ويتم الدفع قبل إتمام عملية الشراء.

خيار ” إعداد حساب PayPal من أجلي باستخدام هذا البريد الإلكتروني” يمَكِّن النظام من ربط المتجر مباشرة بحسابك في باي بال لاستقبال المدفوعات عليه، ضع علامة صح أمامه، ثم اكتب بريدك الإلكتروني الذي تستعمله في باي بال.

القسم الثاني ” مدفوعات غير إلكترونية” قم بتفعيل المناسب لك منها، حيث يمكن للزبون اختيار الوسيلة المناسبة له بناء على ما تقوم أنت بتفعيله.

بعد الانتهاء اضغط زر “متابعة”

المرحلة الثالثة “الشحن”

إعداد متجر woocommerce المرحلة الثالثة الشحن

إذا كنت ستبيع منتجات مادية فقم بتحديد تفاصيل شحن هذه المنتجات لعملائك، سواء كن تبيع داخل البلاد فقط أو داخلها وخارجها. حدد المناسب لعملك.

في كل خيار منهما يمكنك جعل الشحن مجانيًّا، أو بتكلفة ثابتة تحددها، مع العلم بأنه بإمكانك لاحقًا تحديد مناطق أخرى محددة أكثر، وبتكاليف شحن مختلفة.

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

ثم اضغط “متابعة”

📌 ملاحظة1: بناء على العملة التي اخترتها في المرحلة السابقة قد تختفي بعض الخيارت؛ حيث أن بعض خيارات الدفع غير متاحة في بعض البلاد أو لبعض العملات.

📌 ملاحظة2: بناء على هذه الخيارات سيقوم النظام بتثبيت إضافات أخرى لتمكين عمل المزايا التي اخترتها. انظر أسفل النافذة حيث سيخبرك بذلك.

المرحلة الرابعة ” موصى به”

إعداد متجر woocommerce المرحلة الرابعة موصى به

هذا مجرد اقتراح باستعمال أداة MailChimp الخاصة بالقوائم البريدية والتواصل مع العملاء من خلال الإيميل.

إذا رغبت في استعمال هذه الميزة فسيقوم النظام بتثبيت الإضافة الخاصة بها، وسيجب عليك إنشاء حساب في موقع ميلتشمب ثم ربطه بموقعك.

المرحلة الخامسة “تفعيل”

إعداد متجر woocommerce المرحلة الخامسة تفعيل

يقترح النظام أيضاً تفعيل وربط إضافة Jetpack بالمتجر، ويذكر لك بعض مزاياها. يستحسن أن تقرأها وتتخذ القرار الصحيح بناء على احتياجاتك. غالباً ننصح بعد تفعيل الكثير من الإضافات حيث يمكنك تفعيلها لاحقاً في أي وقت.

لتجاوز هذا الأمر اضغط ” تخطي هذه الخطوة” في الأسفل.

ولإتمام الربط والتكامل، اضغط ” المتابعة مع Jetpack” حيث يتم نقلك إلى wordpress.com لفتح حساب جديد (مجاني) أو الدخول إذا كان لديك حساب، ثم تكمل إجراءات الربط.

والآن مرحبًا بك في متجرك الإلكتروني، لقد أصبحتَ جاهزًا لبناء أقسام المتجر وعرض المنتجات وبدأ البيع! طالع النافذة الأخيرة في معالج الإعداد، واتخذ الإجراءات التي تلزمك.

بناء المتجر الإلكتروني في WooCommerce

يتكون المتجر الإلكتروني من أقسام عامة مثل مراكز التسوق، على سبيل المثال: المواد الغذائية، الأدوات المنزلية، الملابس، الألعاب … إلخ

هذه الأقسام في نظام ووكومرس نسميها “التصنيفات” ويمكن أن تحتوي هذه التصنيفات على تصنيفات فرعية، مثلًا قسم “المواد الغذائية” تندرج تحته أقسام: الألبان، اللحوم، الفواكه، المخبوزات… إلخ

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

📌 ملاحظة: أحيانًا يكون مجال المتجر بحاجة لأقسام رئيسية فقط دون أقسام متفرعة منها، فانظر الأنسب لك وقم بتطبيقه.

طريقة إضافة الأقسام إلى متجر WooCommerce

انتقل إلى “المنتجات” ثم “التصنيفات”

هناك يمكنك إضافة أقسام رئيسية، وأخرى فرعية، مع نبذة تكتبها عن كل قسم إن أحببت. مع المزيد من الخيارات.

طريقة إضافة الأقسام إلى متجر WooCommerce

كما هو واضح في الصورة، تجد الحقول التالية:

الاسم: اسم القسم، وسيكون ظاهرًا للزبائن.

الاسم اللطيف: الرابط المتفرع من الموقع ويؤدي إلى القسم.

التصنيف الأب: قم باختيار القسم الرئيسي إن كنت تضيف قسمًا فرعيًّا. (تجب إضافة قسم رئيس في المرة الأولى، ثم تضيف الأقسام الفرعية بعد ذلك)

الوصف: نبذة عن القسم ومحتوياته وما إلى ذلك.

نوع العرض: عند دخول العميل هذا القسم في المتجر هل يرى المنتجات المندرجة تحته أم يرى الأقسام الفرعية له، أو كليهما؟

الصورة البارزة: صورة خاصة بهذا القسم تعبر عن محتوياته.

ثم اضغط “إضافة تصنيف جديد” وقم بتكرار هذه العملية لكل قسم تريد إنشاءه.

في الجانب الأيسر من الصفحة تجد الأقسام الخاصة بمتجرك مع توضيح عدد المنتجات في كل قسم.

📌 ملاحظة: يمكنك تعديل تفاصيل الأقسام في أي وقت، فقط أشِر إلى اسم القسم الذي تريد تعديل تفاصيله، ثم اضغط “تحرير” أو “تحرير سريع”

طريقة إضافة المنتجات إلى متجر WooCommerce

أنهيت تجهيز الأقسام والأرفف الخاصة بالمتجر؟ حان وقت جلب البضائع وتجهيزها للعرض 😊

لإضافة منتج إلى المتجر الخاص بك انتقل إلى “المنتجات” ثم “إضافة منتج جديد” أو من الشريط العُلوي اضغط “جديد” ثم “المنتَج”.

طريقة إضافة المنتجات إلى متجر WooCommerce

الأرقام التالية توضح طريقة العمل:

اسم المنتج: وهو الاسم المعتمد في لوحة التحكم وفي الموقع أمام الزبائن.

كتابة تعريف مفصل عن المنتج.

سعر المنتج قبل الخصم.

سعر المنتج بعد الخصم (لا بد أن يكون أقل من السعر الأول)

جدولة: تحديد تاريخ بداية ونهاية السعر المخفض بحيث يطبق النظام السعر المخفض عند تاريخ البدء، ثم يعود للسعر الأصلي عند تاريخ الانتهاء بشكل تلقائي.

اكتب نبذة مختصرة عن المنتج.

التصنيف: تحديد القسم الذي ينتمي إليه المنتج. يمكنك اختيار أكثر من قسم، ويمكنك إنشاء قسم جديد دون الرجوع لنافذة التصنيفات.

أدخل الوسوم المتعلقة بالمنتج.

الصورة الرئيسية للمنتج: احرص أن تكون واضحة وجذابة، ويستحسن أن تكون مربعة.

صور المنتج: احرص على توفير صور لنفس المنتج من زوايا وأوضاع مختلفة، وأيضًا بأبعاد متساوية.

معاينة صفحة المنتج كيف تبدو أمام الزائر.

نشر المنتج في المتجر وظهوره للزبائن حتى يتمكنوا من الشراء.

📌 ملاحظة: كافة الحقول أعلاه اختيارية من الناحية الفنية، بإمكانك تجاهل بعضها أو تجاهلها بالكامل! لكن يبقى السؤال: كيف سيبدو المنتج في متجرك عند تجاهل مدخلات مهمة مثل وصف المنتج أو صورته؟ الشاهد أنه لا يجب عليك تعبئة جميع الحقول، وفي نفس الوقت من غير الجيد تجاهل المهم منها. وازِن بين الأمرين بحسب احتياجاتك.

مثال: يمكنك إدراج سلعة بسعر واحد، دون أن يكون هناك سعر طبيعي وسعر مخفض ووقت مجدول للتخفيض.

كيف سيبدو المنتج على صفحات موقعك للزائرين؟

هذه صورة خارجية للمنتج على صفحات متجرك

صورة خارجية لمنتجات woocommerce على صفحات المتجر

وهذه صورة الصفحة الخاصة بالمنتج عند استعراض تفاصيله

صورة صفحة منتج woocommerce على المتجر

هل انتهينا من إعداد متجرنا الإلكتروني؟

نعم، هذه الإجراءات تجعل متجرك الإلكتروني جاهزًا بشكل أساسي لتنطلق في التجارة الإلكترونية.

روابط مهمة:

تعرف على: إضافة دعم المتاجر من مهارتي

تحسينات قالب مهارتي للمتاجر ولقطات من قلب الحدث

متاجر  بتقنية مهارتي: متجر حِبر ، متجر تاليك ، متجر تاء

تم إعداد الشرح على الإصدارات التالية: ووردبريس: 5.0.3 – ووكومرس: 3.5.4 – قالب مهارتي: 4.4.3

سعدنا بصحبتك في هذه المقالة، هناك جوانب كثيرة لدينا العزم على تغطيتها بإذن الله لتتعرف على المزيد حول إدارة متجرك الجديد وإمكاناته الكامنة؛ فتابعنا لتطلع على الجديد والمميز. إن أعجبتك هذه المقالة شاركنا بتعليقك.

Avatar

عبدالرحمن المكاوي

أحب التنقيب في الإضافات للعثور على وظائف ومهام جديدة! شغوف بإنتاج مواقع رائعة باستخدام قالب مهارتي
download mharty theme

تعليق 18

  1. Avatar

    مجهود رائع شكرً اخي عبدالرحمن

    الرد
    • Avatar

      حضورك أروع، والشكر موصول لك أخ فارس.

  2. Avatar

    الموضع رائع ومفيد ومختصر جدا , شكرا على الشرح الرائع

    الرد
    • Avatar

      الشكر موصول لك، ومتابعة رائعة من كذلك 🙂
      سعداء بتواجدك على مدونة مهارتي

  3. Avatar

    مشكور لكن كيف لي ان اقوم باضافة الدفع عبر البطاقة الائتمانية
    هل مسموح ام لا

    الرد
    • Avatar

      أهلا أخي محمد، بمجرد ربط بايبال يمكن للعملاء أن يدفعوا بالبطاقة الائتمانية بشكل طبيعي.
      أتمنى لك التوفيق وازدهار متجرك إن شاء الله

  4. Avatar

    شرح رائع ولكن قبل هذا كله ، اين مسألة الحماية وتأمين الموقع من العبث الداخلي والخارجي للموقع حتى نتطمن على ان عملنا لن يذهب سدا .
    اذا امكن اخي الغالي أو من يملك المهارة ، لشرح الطريق الاكثر تأمين للموقع المتجر الذي يعمل على الوورد برس حتى يمكن الاعتماد علي هذه الخدمات .

    الرد
    • Avatar

      أشكرك أخي الكريم للإشارة إلى هذه المسألة، ولأهميتها الشديدة تتم مراعاة جوانب الأمن والحماية في إصدارات ووردبريس وإضافة ووكومرس.
      بالإضافة إلى قالب مهاراتي والإضافات التابعة له يتم البناء بإحترافية تامة مع مراعاة قواعد الحماية، ويتم إصدار التحديثات الدورية لتغطية هذه الجوانب.
      أيضا يمكنك الحصول على استضافة مؤمنة بشكل جيد واعتماد دومين https لمزيد من الحماية.

  5. Avatar

    السلام عليكم
    نرجو مساعده يااخوة
    هاي اضافة WooCommerce لما اجي اعمل تنصيب لها بيعطي:فشل التنصيب: مجلد الوصول موجود مسبقاً.

    ماعم بحسن نصبها عندي وقالب من عنكون شو سبب يرجى مساعده محتاجه ضروري
    وشكر لكم

    الرد
    • Avatar

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

  6. Avatar

    انا تركت استخدامها لأنها لا تلبي اشياء كثيرة مثل الشحن اريد تحديد بعض المدن بقيمة سعر ثابت وبعض المدن مجانا لا استطيع الا بكتابة الرمز البريدي 🙁

    الرد
    • Avatar

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

  7. Avatar

    شرح وافي يعطيك العافية

    الرد
    • Avatar

      جزاكم الله خيرًا، وجودكم من دواعي سروري 🙂

  8. Avatar

    مرحبا

    اين المثال حي مثل باقي المواقع
    الصور مش كفاية في المثال

    الرد
    • Avatar

      أهلا أستاذ علي، وبالفعل لدينا 3 نماذج فعلية مدرجة في نهاية المقالة.
      من فضلك راجع الفقرة التالية: متاجر بتقنية مهارتي: متجر حِبر ، متجر تاليك ، متجر تاء

  9. Avatar

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

    الرد
    • Avatar

      أهلا أستاذ عبد اللطيف، هناك جوانب كثيرة لدينا العزم على تغطيتها بإذن الله لتتعرف على المزيد حول إدارة متجرك الجديد وإمكاناته الكامنة؛ فتابعنا لتطلع على الجديد والمميز.
      أو تواصل معنا في الدعم الفني من خلال حسابك.

أرسل

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

انضم إلينا اليوم، واحصل على القالب والإضافات التي يحتاجها موقعك

سعر يبدأ من 69$ فقط     قالب مهارتي     إضافات ووردبريس حصرية     تحديثات مستمرة     دعم فني     واستخدام لا محدود  

اشترك الآن

نثق بأنك ستحب قالب وإضافات مهارتي لووردبريس