# ابدأ متجرًا على WooCommerce باستخدام WordPress

URL: https://canvaswp.com/ar/guides/start-a-woocommerce-store-with-wordpress/
Updated: 2026-11-03

الدليل

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

نُشر في 5 سبتمبر 2026 آخر تحديث 3 نوفمبر 2026 كتبه فريق Canvas في SemiColonWeb

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

WooCommerce إضافة مجانية من دليل الإضافات في WordPress، وهي تتولى كل ما يتعلق بالتجارة: بيانات المنتجات، والمخزون، والطلبات، وقواعد الضرائب، ومناطق الشحن، وبوابات الدفع. لا تستبدل Canvas هذه الطبقة مطلقًا، ولهذا تستمر إضافات WooCommerce الأخرى في العمل.

### طريقتان للتثبيت

- **دَع معالج الإعداد يتولى الأمر.** اختر عرضًا توضيحيًا للمتجر أثناء الإعداد، وستقوم خطوة الإضافات بتثبيت WooCommerce وتفعيله قبل بدء الاستيراد، لأن المتجر يحتاج إلى إضافة متجر.
- **ثبّته بنفسك** من الإضافات، ثم إضافة جديد، وشغّل الإعداد الأولي لـ WooCommerce. نفّذ ذلك إذا كنت تضيف متجرًا إلى موقع تديره حاليًا.

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

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

## الخطوة 2: ابدأ من عرض توضيحي لمتجر، أو من كتالوج فارغ

أمامك خيار هنا، ويستحق عشر دقائق من التفكير.

### استيراد عرض توضيحي لمتجر

21 متجرًا من أصل 88 عرضًا توضيحيًا هي متاجر WooCommerce تعمل، ويمنحك استيراد أحدها منتجات وفئات وسمات وعينات ألوان ومتجرًا مصممًا وصفحة منتج مصممة وسلة تسوق وصفحة دفع، وكلها جاهزة في أماكنها وقابلة للتعديل. وهو أسرع طريقة لمعرفة كيف تتناسب الأجزاء معًا، ويمكنك التراجع عن الاستيراد بالكامل إن قررت عدم اعتماده.

### ابنِ على كتالوجك الخاص

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

في كلتا الحالتين، تُدمج صفحات WooCommerce الموجودة على موقعك، فلا يوجد أبداً سوى متجر واحد، وسلة واحدة، وصفحة دفع واحدة، وصفحة حساب واحدة.

[كيف يعمل استيراد العروض التوضيحية بالتفصيل](https://canvaswp.com/ar/guides/import-a-wordpress-demo-website/)

[العروض التوضيحية التسعة لمتاجر WooCommerce](https://canvaswp.com/ar/wordpress-themes/ecommerce/)

## الخطوة 3: أضف منتجاتك الأولى

المنتجات سجلات في WooCommerce، تُضاف ضمن قسم المنتجات في لوحة إدارة WordPress، وهذا الجزء عادي عن قصد. اقضِ وقتك هنا لا في التصميم، لأن صفحة المنتج الجيدة تعتمد في معظمها على بيانات منتج جيدة.

- **صورة فوتوغرافية واضحة لكل منتج،** تُلتقط بالطريقة نفسها لكل عنصر. تبدو شبكة الكتالوج مصممة بعناية عندما تتطابق الأشكال، وكأنها جُمعت على عجل عندما لا تتطابق.
- **وصف قصير يجيب عن السؤال الفعلي الذي يطرحه المتسوق.** المقاس والمادة ومدة الوصول وما يحدث إذا لم يناسب المنتج.
- **فئات تطابق طريقة تسوّق الناس،** لا طريقة تنظيم مخزنك.
- **السمات لكل ما هو متغيّر.** اللون والمقاس والتشطيب. أعطِ مصطلحات الألوان قيمة لونية فعلية في لوحة الإدارة، لأن ذلك ما يحوّل القائمة المنسدلة إلى عيّنات ألوان لاحقًا.
- **المخزون والوزن والأبعاد** إذا كنت تشحن منتجات مادية. تعتمد قواعد الشحن عليها.

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

## الخطوة 4: تصميم صفحة المتجر

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

### الكتل

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

### القالب الأساسي

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

### الإعدادات الافتراضية على مستوى المتجر

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

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

## الخطوة 5: تصميم صفحة المنتج

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

### ابنِه من أجزاء

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

### أو ابدأ من تخطيط مُعدّ مسبقًا

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

### ما الذي تضعه في الجزء الظاهر أولاً من الصفحة

الصورة والاسم والسعر واختيار المتغير وزر الإضافة إلى السلة. يمكن أن يأتي كل شيء آخر، بما في ذلك الوصف الذي لا يقرؤه معظم الناس، أسفل ذلك. تحقّق من ذلك على الهاتف قبل أن تقرر أنك لا توافق.

## الخطوة 6: السلة والدفع

هاتان الشاشتان هما مكان ضياع المال، وفي معظم القوالب هما الشاشتان اللتان لا يُسمح لك بلمسهما. هنا تصبحان كتلتين مثل كل شيء آخر.

### سلة التسوق

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

### صفحة الدفع

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

### قواعد تُثبت فائدتها

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

## الخطوة 7: عينات الخيارات والإضافة إلى السلة وأنماط البطاقات

يتضمن التكامل ثلاثة سلوكيات في المتجر تكلّف عادةً إضافة مستقلة لكل منها.

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

الثلاثة كلها إعدادات. لا يتطلب أي منها مقتطف كود، ولا قالبًا فرعيًا، ولا إضافة ثانية، ويمكن إيقاف كل منها إذا فضّلت السلوك الأبسط.

تبيع بعض القوالب هذه الطبقة بشكل منفصل. تقدّم OceanWP تكاملاً مجانياً مع WooCommerce وتوفّر Ocean eCommerce Pro كمنتج منفصل، أما [كيف تقارن Canvas بـ OceanWP](https://canvaswp.com/ar/compare/oceanwp/) فيوضح ما تتضمنه كل خطة لأغراض المتجر.

## الخطوة 8: المدفوعات والسرعة، ثم طلب تجريبي

التصميم في المرتبة الأخيرة، والمال في المرتبة الأولى. راجع هذه الخطوات قبل أن تُعلن لأحد أن المتجر أصبح مفتوحاً.

### الإعداد التجاري في WooCommerce

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

### السرعة في Canvas

يحمّل WooCommerce النصوص البرمجية وأوراق الأنماط في كل صفحة من الموقع، بما في ذلك الصفحات التي لا تبيع أي شيء. تتيح خمسة مفاتيح التراجع عن ذلك: إزالة JavaScript الخاص بـ WooCommerce من الصفحات التي لا تعرض أي مخرجات للمتجر، وإيقاف تتبع إسناد الطلبات، ومنع النص البرمجي cart fragments من الاستعلام عن الخادم في كل صفحة تعرض السلة، وإزالة مكتبتي قوة كلمة المرور والقوائم المنسدلة خارج صفحتي الحساب والدفع. وتندرج هذه الخيارات ضمن 35 تحسينًا، وكل منها قابل للتراجع عنه.

### ثم أتمم طلبًا حقيقيًا

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

**الأداء، تبويب WooCommerce.** خمسة مفاتيح تشغيل قابلة للتراجع للسكربتات التي لا تستخدمها الصفحة أبدًا.

## المصادر

عندما يصف هذا الدليل أمرًا خارج Canvas نفسه، فهذه هي الصفحات الرسمية التي توثّقه.

- [تثبيت WooCommerce وإلغاء تثبيته](https://woocommerce.com/document/installing-uninstalling-woocommerce/) woocommerce.com · WooCommerce مجاني، ويُثبَّت من شاشة الإضافات ويفتح معالج الإعداد الخاص به.
- [صفحات WooCommerce](https://woocommerce.com/document/woocommerce-pages/) woocommerce.com · يخصص WooCommerce صفحة واحدة لكل من المتجر وسلة التسوق والدفع والحساب
- [إعداد الضرائب في WooCommerce](https://woocommerce.com/document/setting-up-taxes-in-woocommerce/) woocommerce.com · تُضبط معدلات الضريبة في إعدادات WooCommerce
- [إعداد مناطق الشحن](https://woocommerce.com/document/setting-up-shipping-zones/) woocommerce.com · منطقة الشحن هي منطقة جغرافية تشحن إليها
- [تتبع إسناد الطلبات](https://woocommerce.com/document/order-attribution-tracking/) woocommerce.com · ما يسجّله إسناد الطلبات، وإعداد WooCommerce الذي يوقفه

الخطوات التالية

## الخطوات التالية

دليلان لبقية الموقع المحيط بالمتجر، وشرح كامل لميزات المتجر.

[الدليل **إنشاء موقع مطعم** استيراد كامل من البداية حتى النهاية على مشروع حقيقي، مع التعديلات التي تليه.](https://canvaswp.com/ar/guides/build-a-restaurant-website-with-wordpress/) [الدليل **إنشاء مواقع إلكترونية للعملاء** ترخيص واحد لكل عميل: المفاتيح، ونسخ الاختبار، وكيف يبدو تسليم الموقع.](https://canvaswp.com/ar/guides/build-client-websites-with-wordpress/) [المنتج **Canvas و WooCommerce** 24 كتلة متجر و18 نموذج متجر.](https://canvaswp.com/ar/woocommerce/)

الأسئلة

## الأسئلة الشائعة

[الأسئلة الشائعة الكاملة](https://canvaswp.com/ar/faq/) تجيب عن الباقي، و [التوثيق](https://docs.canvaswp.com/) يشرح كل إعداد بالتفصيل.

**هل ما زلت بحاجة إلى إضافة WooCommerce؟**

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

**هل كتل المتجر شراء إضافي؟**

لا، تُضمَّن كتل المتجر في Canvas مع كل خطة دون تكلفة إضافية. جميع كتل المتجر، وعددها 24، كتل مميزة، وتتضمّن كل خطة جميع الكتل المميزة، إلى جانب جميع قوالب المتجر، وعددها 18، وجميع المتاجر التوضيحية، وعددها 21. لا توجد فئة تجارة إلكترونية منفصلة، ولا توجد إضافة منفصلة للمتجر.

**هل يمكنني دمج هذه مع كتل WooCommerce؟**

نعم، يمكنك المزج بينها بحرية: كتل المتجر في Canvas هي كتل مسجّلة عادية، لذلك تجاور كتل WooCommerce والكتل الأساسية في النموذج نفسه والصفحة نفسها. استبدل جزءاً واحداً في كل مرة، واترك بقية التخطيط كما هو.

**هل سيمنحني استيراد عرض المتجر التوضيحي صفحتي دفع؟**

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