كيف تبني متجرًا إلكترونيًا: المنتجات والسلة والدفع والمخزون

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

متجر مخصص أم Shopify؟ قرّر أولًا

كن صريحًا مع نفسك في هذا الأمر قبل أن تبني أي شيء.

تكون منصة التجارة المستضافة (Shopify وSquarespace Commerce وWooCommerce وما شابهها) أفضل عادةً عندما:

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

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

يميل المتجر المخصص إلى الفوز عندما:

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

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

ما يحتاجه المتجر الإلكتروني

البيانات

احفظ السعر وقت الشراء في كل بند طلب. فإذا غيّرت السعر الشهر القادم، يجب أن تظل الطلبات القديمة تُظهر ما دفعه العميل فعلًا.

الصفحات

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

الصلاحيات

اسمح للمتسوقين بالشراء دون حساب، فالشراء كضيف يحذف خطوة، ويمكن إضافة الحسابات لاحقًا. ولا يرى الطلبات ويعدّل المنتجات إلا المسؤولون فقط، فاحمِ منطقة الإدارة بتسجيل دخول حقيقي وتحقق على الخادم.

كيف ينبغي أن يعمل الدفع

أأمن نمط للمتجر المخصص هو صفحة دفع مستضافة. ومع Stripe يكون التسلسل كالتالي:

1. ينقر المتسوق على الدفع. يعيد خادمك التحقق من الأسعار والمخزون من قاعدة البيانات، ولا يثق أبدًا بما يرسله المتصفح، ثم ينشئ جلسة Stripe Checkout.
2. يدفع المتسوق في صفحة Stripe. لا تصل بيانات البطاقة إلى خادمك أبدًا.
3. تستدعي Stripe نقطة webhook في تطبيقك لتخبره بنجاح الدفع. عندها فقط تُعلّم الطلب كمدفوع وتخفض المخزون.
4. يصل المتسوق إلى صفحة التأكيد، وترسل أنت رسالة تأكيد بالبريد الإلكتروني.

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

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

قرارات الضرائب والشحن والمخزون

هذه قرارات عملية لا يستطيع الذكاء الاصطناعي اتخاذها عنك:

• الضرائب. هل يجب عليك تحصيل ضريبة المبيعات أو ضريبة القيمة المضافة، وبأي نسبة؟ يعتمد ذلك على مكانك ومكان عملائك. تقدم Stripe منتجًا لهذا الغرض (Stripe Tax)، أو يمكنك تحديد نسب ثابتة إذا كان وضعك بسيطًا. استشر محاسبًا إذا لم تكن متأكدًا.
• الشحن. ابدأ بعدد قليل من الأسعار الثابتة (محلي، ودولي، ومجاني فوق حد معين). وتوفر منصات مثل Shopify الكثير من الجهد هنا عبر أسعار شركات الشحن الفورية وطباعة الملصقات.
• المخزون. قرّر هل يُحجز المخزون عند بدء الدفع أم فقط عند نجاحه. بالنسبة للمتاجر الصغيرة يكون خفض المخزون عند الدفع مع إعادة التحقق قبل الدفع أبسط؛ لكن قد يحدث بيع زائد لآخر قطعة من حين لآخر، لذا قرّر كيف ستتعامل مع ذلك. ولتتبع المخزون خارج المتجر، راجع كيف تبني تطبيق إدارة المخزون.

أول موجّه ناجح

ابنِ متجرًا إلكترونيًا لـ Loam & Clay، وهو استوديو صغير لصناعة الخزف يبيع الأكواب والأوعية والمزهريات. الواجهة: صفحة رئيسية تعرض المنتجات المميزة، وصفحة متجر فيها فلاتر للفئات، وصفحات منتجات فيها معرض صور، ومتغيّرات ألوان، وحالة المخزون، وسلة تنزلق من الجانب. احفظ المنتجات والمتغيّرات والطلبات وبنود الطلبات في قاعدة بيانات، واملأ الكتالوج بـ 10 منتجات واقعية. منطقة إدارة (يتطلب تسجيل دخول) لإضافة المنتجات وتعديلها، ورفع الصور، وتغيير المخزون، ورؤية الطلبات مع حالتها: مدفوع / مُجهَّز / مُرسل. يمكن أن يكون زر الدفع عنصرًا مؤقتًا الآن، وسنضيف Stripe Checkout لاحقًا. تصميم دافئ وبسيط ومصمم للجوال أولًا. بلا تقييمات مزيفة ولا عبارات مثل «شحن مجاني حول العالم».

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

خطوات البناء

1. الكتالوج وصفحات المنتجات، بأسماء منتجات وأسعار وصور حقيقية.
2. السلة تبقى محفوظة بعد تحديث الصفحة.
3. الإدارة: المنتجات والمتغيّرات والمخزون ورفع الصور. واحمِها بتسجيل الدخول.
4. Stripe Checkout في وضع الاختبار، مع إعادة التحقق من الأسعار والمخزون على الخادم.
5. Webhook يعلّم الطلبات كمدفوعة ويخفض المخزون. اختبره من البداية إلى النهاية ببطاقة تجريبية.
6. رسائل الطلبات إلى العميل وإليك.
7. السياسات وتحسين محركات البحث: صفحات الشحن والإرجاع، وعناوين المنتجات وأوصافها، وصور المشاركة. راجع تحسين محركات البحث للمواقع المبنية بالذكاء الاصطناعي.
8. النشر: انتقل إلى مفاتيح Stripe الحقيقية، واطلب بنفسك طلبًا فعليًا صغيرًا، ثم استرده.

أخطاء شائعة

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

تكاليف التشغيل

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

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

البناء مع Mythex

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

تستخدم المدفوعات حسابك الخاص في Stripe: تضيف مفاتيح Stripe كأسرار للمشروع، وتطلب من الوكيل إضافة Checkout، ثم تختبر ببطاقات Stripe التجريبية في المعاينة (وصفة Stripe). تحتاج webhooks إلى عنوان URL عام، لذا انشر التطبيق قبل أن توجّه Stripe إليها (وصفة webhooks). الضرائب والشحن ومزامنة المخزون ليست ميزات مدمجة في Mythex، ولا يوجد تكامل أصلي مع Shopify. فإذا احتجت إلى هذه الأمور كمنتج جاهز، فإن Shopify هو الخيار الأفضل. وكنقطة بداية، راجع قوالب المتاجر، مثل متجر التجارة الإلكترونية.

الأسئلة