بناء متجر إلكتروني في 2026: Shopify ضد WooCommerce ضد Custom

دليل تطوير مواقع التجارة الإلكترونية ده بيرد على السؤال اللي بييجيلي أكتر من أي سؤال تاني من المؤسسين ومديري التسويق والـ CTOs في القاهرة والرياض ولندن وجنيف وبرلين: "نبني على Shopify ولا WooCommerce ولا نروح كاستوم؟" بعد خمس سنين وخمسة وعشرين متجر شغّال في الإنتاج عبر سبع دول، إجابتي الصريحة إن المنصة الصح بتعتمد على ثلاث متغيرات قابلة للقياس — الإيرادات والتعقيد والفريق — مش على اللي صاحبك المصمم نصحك بيه أو على أعلى وكالة بتزعّق على LinkedIn الربع ده.

أنا خالد أحمد، مطوّر full stack سينيور مقيم في القاهرة. نقلت براندات من Shopify Plus لما الرسوم كلت من هامش ربحهم، وأنقذت متاجر WooCommerce انهارت تحت تعارض الإضافات في زحمة Black Friday، وبنيت أسواق Laravel كاستوم بتدير GMV شهري بسبعة أرقام. الدليل ده بيلخّص اللي اتعلمته في إطار قرار تقدر تطبّقه النهارده، بأرقام حقيقية وكود حقيقي وبنفس الصراحة اللي بقدّمها للعملاء اللي بيدفعوا.

إيه اللي يعنيه اختيار منصة التجارة الإلكترونية فعلاً في 2026

في 2020 قرار المنصة كان شكلي في معظمه — اختار أرخص حاجة بتقبل المدفوعات. في 2026 القرار ده بيشكّل هامش ربحك الإجمالي وخطة التوظيف والسقف اللي ممكن توصله في SEO والسرعة اللي تقدر بيها ترد لما TikTok يبعت لك ٨٠ ألف زائر على صفحة منتج خلال بعد الضهر. المخاطر أعلى لأن العملاء دلوقتي بيتوقعوا تحميل صفحات تحت الثانية، وcheckout بضغطة واحدة، وعملة محلية، ونوع التخصيص اللي زمان كان محتاج فريق data science.

أنا بتعامل مع اختيار المنصة كقرار معماري، مش شراء سوفت وير. اختار غلط هتدفع التمن كل شهر في الرسوم، وكل ربع في فقدان التحويل، وكل سنة في مستشاري الـ migration. اختار صح هيختفي النظام في الخلفية وتقدر تركّز على المنتج والتسويق — وده المكان اللي بيتعمل فيه الفلوس فعلاً.

خلال مقارنة منصات التجارة الإلكترونية 2026 دي هرفض الفكرة إن في stack واحد بيحكم الكل. مفيش منصة تجارة إلكترونية أفضل عالمياً للشركات الصغيرة. في بس الأنسب لأرقامك ولفريقك. خلّيني أبدأ بالثلاث متغيرات اللي بتقرر كل حاجة.

الثلاث متغيرات اللي بيقرروا كل حاجة: الإيرادات والتعقيد والفريق

كل محادثة مع عميل بتبدأ بثلاث أسئلة. الإجابات بتحدد قائمة المنصات المختصرة قبل ما نتكلم أصلاً عن المميزات.

المتغير الأول: الإيرادات السنوية (النهارده وخلال ١٨ شهر جاية)

• من 0 إلى 250 ألف دولار — في الغالب Shopify Basic أو WooCommerce على استضافة مُدارة.
• من 250 ألف إلى 2 مليون — Shopify Standard أو WooCommerce بـ stack متين.
• من 2 مليون إلى 5 مليون — Shopify Advanced، أو دخول Shopify Plus، أو WooCommerce بـ DevOps جدّي.
• من 5 مليون إلى 20 مليون — Shopify headless، أو Medusa headless، أو Laravel كاستوم بيبقى منطقي مالياً.
• 20 مليون فما فوق — كاستوم أو معمارية MACH مركّبة، خلاص. رسوم المنصة بتبقى ضريبة مش محتاج تدفعها.

المتغير التاني: تعقيد نموذج العمل

منتجات فيزيائية بسيطة بمتغيرين أو ثلاثة مش محتاجة كود كاستوم. اللحظة اللي تدخل فيها تسعير جملة بشرائح، أو حزم قابلة للتخصيص، أو اشتراكات بـ skip وswap، أو أسواق متعددة البائعين، أو إيجار مخزون، أو تدفقات B2B مبنية على عروض أسعار، المنصات الجاهزة بتبدأ تحاربك. كل تطبيق workaround بتركّبه بيضيف زمن استجابة وهشاشة ورسوم متكررة.

المتغير الثالث: قدرة الفريق

Shopify مصمّمة عشان مؤسس مش تقني يقدر يديرها لوحده. WooCommerce محتاج على الأقل مطوّر واحد بعقد retainer. الكود الكاستوم محتاج فريق هندسي حقيقي — حتى لو الفريق ده عبارة عن سينيور ممتاز واحد بالإضافة لشريك DevOps جزئي. التظاهر إنك تقدر تدير متجر Laravel كاستوم بدون مطوّر هو السبب اللي بييجيلي مكالمات إنقاذ الساعة 2 الفجر.

غوص عميق في Shopify: نقاط القوة، التسعير الحقيقي، والرسوم الخفية

Shopify في 2026 لسه أسرع طريق من الفكرة لأول بيع. قوالب Liquid، وcheckout مستضاف، وSSL تلقائي، وCDN عالمي، وApple Pay وGoogle Pay أصليين، وShopify Markets لتبديل العملة — معظم اللي بيحتاجه المتجر في مراحله الأولى بييجي في العلبة. القوة مش في الجدّة التقنية. القوة في انضباط فريق منتج مركّز بيقول لأ لتضخّم المميزات.

تسعير Shopify الحقيقي في 2026

1. Basic: 39 دولار/شهر، 2% رسوم لمزوّد الدفع الخارجي.
2. Standard: 105 دولار/شهر، 1% رسوم لمزوّد الدفع الخارجي.
3. Advanced: 399 دولار/شهر، 0.5% رسوم لمزوّد الدفع الخارجي.
4. Shopify Plus: بيبدأ من حوالي 2,300 دولار/شهر، checkout مخصص، موديول B2B، متاجر متعددة.

الأرقام دي سعر الكتالوج. التكلفة الإجمالية الحقيقية شكلها مختلف. أنا ماسك Excel sheet لكل متجر عميل. متجر Shopify Standard بإيرادات 2 مليون دولار راجعته الربع اللي فات كان بيدفع 105 للخطة، و189 رسوم معاملات (لأنهم رفضوا يستخدموا Shopify Payments بسبب اعتماديات Stripe Connect)، و640 اشتراكات تطبيقات (Klaviyo وRecharge وYotpo وLoop Returns وShogun وTidio وBold Bundles)، وكمان 1,200 رسوم بوابة دفع. ده 26 ألف دولار في السنة قبل ما يشحنوا أوردر واحد. مقارنة تكلفة Shopify vs WooCommerce نادراً ما بتبقى عادلة لأن محدش بيضيف التطبيقات لما بيقدّم المنصة.

الرسوم الخفية اللي محدش بيقولّك عليها

• تخصيص القوالب: كل تعديل Liquid مش قادر تعمله من المحرر بيكلّف وقت مطوّر، ومطوّري Shopify بياخدوا من 80 لـ 200 دولار/ساعة.
• قفل التطبيقات: سحب بيانات الاشتراكات من Recharge أو بيانات المراجعات من Yotpo مش حاجة بسيطة.
• احتكاك الهجرة: هجرة جدّية من Shopify لكاستوم بتكلف من 20 ألف لـ 80 ألف دولار حسب حجم الكتالوج.
• رسوم headless الإضافية: Shopify Plus عملياً مطلوب لواجهات Hydrogen في أي حجم معقول.

إمتى Shopify بتبطّل تكون منطقية (جدران الإيرادات والمميزات)

عندي قاعدة تقريبية: لما إجمالي صرفك الشهري على Shopify يتعدّى 1,500 دولار وقدرتك الهندسية أكبر من صفر، احسب أرقام headless أو الكاستوم. لما يتعدّى 4,000، أنت تقريباً أكيد بتترك فلوس على الطاولة. جدران المميزات بنفس الأهمية. Shopify بتعاني أو بتفرض تسعير premium للحاجات التالية.

• B2B حقيقي بقوائم أسعار متفاوض عليها لكل عميل، وشروط NET 30، ورفع أوامر شراء.
• تدفقات marketplace فيها عدد من البائعين بيتشاركوا واجهة واحدة.
• منطق اشتراكات بيتعدّى اللي بيقدمه Recharge أو Shopify Subscriptions — مثلاً skip وswap وgift وحزم مدفوعة مسبقاً.
• قواعد مخزون عبر مستودعات متعددة بمنطق توزيع.
• SEO مع server side rendering وتحكّم كامل في markup الـ schema.org Product وhreflang.

عميل سويسري شغّلت معاه وصل للحائط عند 7 مليون دولار إيرادات سنوية. كانوا بيدفعوا 2,300 لـ Plus، و1,800 للتطبيقات، وثلاث مطوّرين full time عشان يصونوا واجهة Hydrogen. نقلناهم لمقر Laravel + Inertia كاستوم بواجهة Next.js. التوفير في السنة الأولى بعد تكلفة البناء: 34 ألف دولار. السنة التانية وما بعد: 61 ألف دولار توفير سنوي مع سرعة صفحات أفضل ومعدل تحويل أعلى.

غوص عميق في WooCommerce: الملكية والمرونة وضريبة الصيانة

WooCommerce هو الخيار الوحيد من الثلاثة اللي بتملك فيه كل حاجة بجد — الكود والبيانات والـ schema والسيرفر. لبراند بيعتمد على المحتوى وأصلاً شغّال على WordPress للـ SEO، WooCommerce في الغالب أقل إضافة فيها احتكاك. وهو كمان المنصة اللي بشوف فيها أكتر جروح ذاتية مذهلة.

التكلفة الحقيقية لـ WooCommerce في 2026

• استضافة WordPress مُدارة (Kinsta وWP Engine وRunCloud): من 50 لـ 500 دولار/شهر.
• قالب premium (Astra Pro وFlatsome وBlocksy): من 60 لـ 250 دولار مرة واحدة.
• إضافات حرجة: WooCommerce Subscriptions (199 دولار)، وAdvanced Custom Fields Pro، وWPML للتعدد اللغوي، وأداة backup حقيقية زي UpdraftPlus Premium، وأمان عن طريق Wordfence Premium.
• عقد مطوّر retainer: من 500 لـ 2,500 دولار/شهر — غير قابل للتفاوض بعد 100 ألف إيرادات.

لمتجر WooCommerce جدّي بيعمل 500 ألف سنوياً، توقّع من 8,000 لـ 15,000 دولار/سنة شامل. للمقارنة، نفس الإيرادات على Shopify Standard مع تطبيقات واقعية بيكلّف من 12 لـ 20 ألف. حسبة تكلفة WooCommerce vs Shopify بتفضّل Woo على الورق. وعادة بتخسر لما تحسب وقت المطوّر ومخاطر التوقّف.

غطّيت الجدل الأوسع بين WordPress والكود الكاستوم في دليل WordPress vs Laravel ونفس المنطق ينطبق جوّه WooCommerce. WordPress بيتفوّق في المحتوى ويعاني في موثوقية المعاملات.

إمتى WooCommerce يبقى عبء (جحيم الإضافات والأمان)

بييجيلي مكالمات إنقاذ تقريباً كل شهر لـ WooCommerce. النمط دايماً واحد. مؤسس ركّب سبعة وعشرين إضافة على مدى ثلاث سنين، واحدة منهم اتحدّثت وكسرت السلة، التحويل نزل 40% بين ليلة وضحاها، ومحدش فاكر أي إضافة بتمتلك أي قالب override. ضريبة الصيانة هي القاتل الصامت.

WooCommerce مجاني بنفس الطريقة اللي بيها الكلب الصغير مجاني. المنصة مش بتكلّف حاجة. العشر سنين الجايين بيكلّفوا كل حاجة لو ملكش مطوّر عارف بيعمل إيه.

غير فوضى الإضافات، الأمان هو الحائط التاني. مواقع WordPress أكتر سطح هجوم على الإنترنت العام. لو بتقبل بيانات دفع على السيرفر بتاعك (حتى بـ Stripe Elements) أنت جزئياً في نطاق امتثال PCI DSS. كتبت قائمة فحص أمان الموقع كاملة لازم كل صاحب WooCommerce يحفظها.

الإشارات الحمرا اللي بدوّر عليها في تدقيق WooCommerce:

• أكتر من 18 إضافة نشطة.
• WordPress core ما اتحدّثش من 60 يوم.
• مفيش بيئة staging.
• Backups بس عن طريق مزوّد الاستضافة بدون نسخة خارج الموقع.
• مفيش جدار حماية تطبيقات أو rate limiting على /wp-login.php و/xmlrpc.php.
• مفيش HTTP/2 أو HTTP/3 على الواجهة.

البناء الكاستوم بـ Laravel وNode.js: إمتى الكود الكاستوم بيستحق

تطوير التجارة الإلكترونية كاستوم بـ Laravel هو اللي بببنيه في الغالب للعملاء فوق 2 مليون إيرادات أو بنماذج عمل غير قياسية. Laravel بيديني Eloquent والـ queues والـ broadcasting وCashier لاشتراكات Stripe وSanctum لـ tokens الـ API وHorizon للوحات الـ queues وOctane للأداء في الإنتاج. Node.js مع Medusa أو خدمة NestJS كاستوم هو الطريق التاني اللي بستخدمه، عادة لواجهات headless مقترنة بواجهة React أو Vue.

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

// app/Models/Product.php
class Product extends Model
{
    protected $casts = [
        'attributes' => 'array',
        'meta' => 'array',
    ];

    public function variants()
    {
        return $this->hasMany(ProductVariant::class);
    }

    public function priceFor(Customer $customer, int $quantity = 1): Money
    {
        $base = $this->variants()->default()->value('price_cents');

        $tier = $customer->priceTier;
        $tiered = $tier
            ? PriceList::resolve($this, $tier, $quantity)
            : $base;

        return Money::of($tiered, $customer->currency);
    }
}

الـ method priceFor دي بتعمل شغل على Shopify كان هيحتاج Shopify Plus + تطبيق قوائم أسعار + أتمتة tag للعميل. على Laravel ده اتناشر سطر. اضرب كده في أربعين قاعدة عمل وهتفهم ليه تطوير موقع تجارة إلكترونية كاستوم بيستحق في مقياس معين.

لقرارات نمذجة البيانات داخل متجر كاستوم بعتمد بقوة على المبادئ في مقالة تصميم قواعد البيانات لتطبيقات الويب وعلى نظافة API من أفضل ممارسات تصميم API 2026.

التجارة Headless مشروحة: Shopify + Next.js، Medusa + Nuxt

التجارة Headless بتفصل الواجهة (اللي العميل بيشوفه) عن محرك التجارة (الجزء اللي بيعالج الطلبات والمخزون والمدفوعات). بتحتفظ بالـ backend الموثوق الممل وتبني الواجهة في أي framework حديث بيديك أفضل أداء وأفضل تجربة مطوّر. في 2026 ده تقريباً دايماً Next.js أو Nuxt أو Astro أو SvelteKit.

الـ stacks الاتنين اللي بنشرهم أكتر هما:

1. Shopify Headless مع Next.js — Shopify Storefront API للمنتجات والسلة، وShopify checkout (أو Hydrogen) للدفع، وNext.js App Router للواجهة. أفضل ما في العالمين لبراندات من 5 لـ 50 مليون.
2. Medusa.js + Nuxt أو Next — backend مفتوح المصدر بالكامل بتتحكّم فيه، بدون رسوم منصة، modular بالتصميم. ممتاز لما تحتاج ملكية حقيقية وموديل بيانات كاستوم بس مش عايز تكتب آلة حالة الطلبات من الصفر.

جلب منتج بسيط لواجهة Shopify headless بـ Next.js شكله كده:

// app/products/[handle]/page.tsx
import { shopifyFetch } from '@/lib/shopify';

export const revalidate = 60;

export default async function ProductPage({ params }) {
  const { data } = await shopifyFetch({
    query: PRODUCT_QUERY,
    variables: { handle: params.handle },
    tags: [`product:${params.handle}`],
  });

  const product = data.product;

  return (
    <article>
      <h1>{product.title}</h1>
      <p>{product.descriptionHtml}</p>
      <AddToCart variantId={product.variants.edges[0].node.id} />
    </article>
  );
}

الصفحة الواحدة دي بـ ISR caching، على Vercel Edge runtime، هتتفوّق على 95% من قوالب Shopify الجاهزة في Core Web Vitals. لو عايز تتعمّق في جانب الأداء غطّيت الأنماط في تحسين أداء Next.js 2026.

معمارية MACH والتجارة Composable في 2026

MACH اختصار لـ Microservices وAPI first وCloud native وHeadless. تحالف MACH بيدفع ده باعتباره مستقبل التجارة الإلكترونية للشركات. عملياً MACH معناه خياطة خدمات أفضل في صنفها — commercetools أو Saleor للتجارة، وAlgolia للبحث، وContentful أو Sanity للمحتوى، وStripe للمدفوعات، وShipBob للتنفيذ — عبر APIs، مع واجهة كاستوم فوقها.

لبراند بـ 30 مليون بيبيع دولياً، MACH بتفتح نوع السرعة والمرونة اللي المنصات الموحّدة مش قادرة توصله. لبراند بـ 300 ألف هي مبالغة هندسية لدرجة تخريب الذات. محادثة MACH عادة بتبدأ عند 10 مليون إيرادات، حيث تكلفة خياطة الخدمات بتبقى صغيرة مقارنة بالتوفير وزيادة التحويل.

مقارنة التكلفة الإجمالية للملكية على مدى 3 سنين

الطريقة الصريحة لمقارنة منصات التجارة الإلكترونية هي إنك تتوقّع تكلفة الملكية الإجمالية لثلاث سنين عند إيراداتك المتوقّعة. تحت ده لقطة واقعية لبراند بينمو من 500 ألف لـ 3 مليون على مدى ثلاث سنين.

Shopify Standard بينتقل لـ Advanced

• السنة 1: خطة 105 × 12 = 1,260. تطبيقات 500 × 12 = 6,000. قالب 300. رسوم معاملات ~15,000. الإجمالي: 22,560.
• السنة 2: خطة 399 × 12 = 4,788. تطبيقات 700 × 12 = 8,400. رسوم معاملات ~30,000. الإجمالي: 43,188.
• السنة 3: Plus 2,300 × 12 = 27,600. تطبيقات 1,000 × 12 = 12,000. رسوم معاملات ~45,000. الإجمالي: 84,600.
• إجمالي الثلاث سنين: 150,348 دولار.

WooCommerce على استضافة مُدارة

• بناء/قالب: 5,000. استضافة 150 × 12 = 1,800. إضافات 1,000. عقد مطوّر retainer 1,000 × 12 = 12,000. إجمالي السنة 1: 19,800.
• السنة 2: استضافة 200 × 12، إضافات 1,200، retainer 1,500 × 12. الإجمالي: 21,600.
• السنة 3: استضافة 300 × 12، إضافات 1,500، retainer 2,000 × 12، تطوير أداء 5,000. الإجمالي: 34,100.
• إجمالي الثلاث سنين: 75,500 دولار.

بناء Laravel كاستوم

• السنة 1: بناء 45,000. استضافة 500 × 12 = 6,000. رسوم Stripe مخبوزة في الهامش. الإجمالي: 51,000.
• السنة 2: استضافة 800 × 12 = 9,600. صيانة 1,500 × 12 = 18,000. الإجمالي: 27,600.
• السنة 3: استضافة 1,000 × 12 = 12,000. صيانة 2,000 × 12 = 24,000. الإجمالي: 36,000.
• إجمالي الثلاث سنين: 114,600 دولار.

تحت 1 مليون إيرادات البناء الكاستوم بيبان غالي. فوق 3 مليون، البناء الكاستوم أرخص من Shopify Advanced وأكتر مرونة بشكل كبير. الطريق الكاستوم كمان فيه صفر رسوم معاملات، واللي على متجر 5 مليون بأسعار Shopify Plus بيكون حوالي 40 ألف/سنة موفّرين رسوم خالصة. لتحليل تكلفة استضافة أعمق راجع اختيار استضافة الويب 2026.

معايير الأداء: Core Web Vitals على كل stack

Core Web Vitals مش مقياس وهمي. Google بيستخدم LCP وINP وCLS كإشارات ترتيب، والتحويل بينزل بشكل ملموس فوق 2.5 ثانية LCP. ده اللي عادة بقيسه على بناء greenfield في 2026:

• قالب Shopify Dawn الأصلي: LCP 1.8s، INP 120ms، CLS 0.04. خط أساس صلب.
• Shopify مع stack تطبيقات تقيل (+10 تطبيقات): LCP 3.6s، INP 320ms، CLS 0.14. الواقع الشائع.
• WooCommerce Astra Pro مضبوط: LCP 2.1s، INP 180ms، CLS 0.05.
• WooCommerce مهمل: LCP 5.4s، INP 480ms، CLS 0.22.
• Shopify Headless على Next.js + Vercel Edge: LCP 0.9s، INP 80ms، CLS 0.02.
• Laravel كاستوم + Inertia مع Octane وCloudflare: LCP 1.1s، INP 95ms، CLS 0.02.

الطرق Headless والكاستوم بتكسب كل مرة في الأداء لأنها بتشيل سكربتات التطبيقات اللي بتعطّل الـ render وبتخليني أشحن بس الكود اللي الصفحة محتاجاه. لو متجرك بيحمّل بطيء، قبل ما تغيّر منصة اقرأ ليه موقعك بيحمّل بطيء — معظم المكاسب في نظافة الصور والـ JS الأول.

قدرات SEO مقارنة: URLs وSchema وSitemaps والتدويل

SEO هو المكان اللي اختيار المنصة بيحدّد فيه السقف بصمت. الفروق مش واضحة في الأسبوع الأول لكنها بتتراكم على مدى السنين.

هيكل الـ URL

• Shopify: بادئات /products/ و/collections/ مفروضة. مش قادر تشيلها.
• WooCommerce: قابل للتخصيص بالكامل عن طريق الـ permalinks.
• كاستوم: أي حاجة عايزها، بما فيها مسارات واعية باللوكال زي /fr-ch/produits/.

Markup الـ Schema.org Product

الثلاثة كلهم يقدروا يخرّجوا Product schema. الكاستوم والـ headless بيدّوك تحكّم كامل على Offer وAggregateRating وBrandReview والـ MerchantReturnPolicy الجديد المطلوب لـ Google Merchant Center في 2026. قوالب Shopify بتتفاوت كتير في جودة الـ schema — أنا براجع الـ JSON-LD على كل متجر عميل جديد وبعيد كتابته في أكتر من نص الحالات.

Sitemaps وhreflang

Shopify بيولّد sitemaps تلقائياً لكن مش بيخليك تعدّل priority أو تقسّمهم. WooCommerce بيعتمد على Yoast أو RankMath. الكاستوم بيخليني أشحن sitemaps لكل لوكال مع بدائل hreflang وtimestamps صحيحة لـ lastmod — حرج للـ SEO الدولي.

التدويل

Shopify Markets بتغطّي العملة واللغة بس بتربطك بـ subfolders بس على نفس الدومين. WooCommerce + WPML أو Polylang شغّال لكن تقيل. الكاستوم والـ headless بيخليك تختار ccTLDs أو subdomains أو subfolders لكل سوق — الإجابة الصح بتعتمد على استراتيجية link equity بتاعتك.

بوابات الدفع وتحويل الـ Checkout حسب المنصة

الـ Checkout هو المكان اللي الفلوس بتتعمل أو بتضيع فيه فعلاً. متوسط الصناعة لترك السلة بيدور حوالي 70%. كل نقطة احتكاك بتكلّف إيرادات.

Shopify Checkout (المستضاف) فعلاً الأفضل في فئته. Shop Pay بضغطة، وApple/Google Pay أصلي، ونماذج محسّنة، وحماية من الاحتيال. على Shopify Plus تقدر أخيراً تخصّصه. لإعداد Stripe Connect أو مدفوعات مقسّمة محتاج تطلع برّه Shopify Payments وتستحمل رسوم المعاملات.

Checkout الـ WooCommerce هو اللي بتعمله. الـ Checkout الجاهز متوسّط. مع CartFlows أو FunnelKit أو checkout كاستوم مبني على بلوكات في 2026 يقدر يتنافس مع Shopify. Stripe وPayPal والبوابات المحلية (Tap وHyperPay وStripe وMollie وWorldpay) كلهم عندهم إضافات رسمية.

الـ Checkout الكاستوم معناه إنك تبنيه. الميزة هي التحكّم الكامل — بنيت checkouts بصفحة واحدة رفعت التحويل من 15 لـ 25% فوق التدفّق الأصلي لـ Shopify. الجانب السلبي إنك بتمتلك نطاق PCI DSS. استخدم Stripe Elements أو Stripe Checkout عشان تبعد بيانات الكارت عن سيرفراتك بالكامل.

// Laravel controller using Stripe Checkout for SAQ-A scope
public function createCheckoutSession(Request $request)
{
    $cart = Cart::forUser($request->user());

    $session = $this->stripe->checkout->sessions->create([
        'mode' => 'payment',
        'payment_method_types' => ['card', 'link', 'klarna'],
        'line_items' => $cart->toStripeLineItems(),
        'customer_email' => $request->user()->email,
        'success_url' => route('checkout.success', ['session_id' => '{CHECKOUT_SESSION_ID}']),
        'cancel_url' => route('cart.show'),
        'allow_promotion_codes' => true,
        'automatic_tax' => ['enabled' => true],
    ]);

    return redirect($session->url, 303);
}

واقع المخزون والشحن وتكامل الـ ERP

كل متجر بنيته فوق 1 مليون احتاج مزامنة مخزون مع نظام خارجي على الأقل — 3PL أو ERP أو marketplace زي Amazon. ملاءمة المنصة هنا بتهم أكتر من اللي المؤسسين بيتخيّلوه.

• Shopify: نظام تطبيقات غني (ShipStation وShipBob وCin7 وموصلات NetSuite). سهل تبدأ، غالي في المقياس لأن كل تطبيق مزامنة بياخد رسوم لكل أوردر أو لكل SKU.
• WooCommerce: إضافات لتقريباً كل نظام. الموثوقية بتعتمد على صائن الإضافة — اتحرقت من إضافات موصلات متخلّى عنها مرتين.
• كاستوم: بتبني لـ API الـ ERP مباشرة. شغل أكتر في البداية، موثوق بشكل أعلى بكتير. وظيفة queue واحدة في Laravel بتزامن المخزون من SAP كل خمس دقايق بتتفوّق على أي إضافة.

أسعار وتسميات الشحن مشابهة. Shopify Shipping ممتاز لأمريكا وكندا، أضعف في MENA. WooCommerce عنده إضافات لكل ناقل رئيسي. البناء الكاستوم بيكلّم Shippo وEasyPost وAramex وDHL أو الناقلين المحليين مباشرة.

حالات استخدام B2B وMulti-Vendor والاشتراكات

دي المنطقة اللي بتفرّق المنصات بجد. مقارنة منصات التجارة الإلكترونية B2B من غير ما تعتبر التدفقات دي مقارنة ناقصة.

B2B

Shopify Plus دلوقتي بيشحن موديول B2B حقيقي بحسابات شركات وقوائم أسعار وcheckout بأمر شراء. كويس للجملة البسيطة. لشروط NET 60 أو تدفقات موافقات أو بيع بعروض أسعار بتطلع منه. WooCommerce بيعتمد على إضافات زي B2BKing أو Wholesale Suite — شغّال لكن هش. Laravel كاستوم هو المكان اللي بحط فيه شركات B2B جدّية.

أسواق متعددة البائعين

Shopify مش مصمّم لده. تطبيقات multi vendor موجودة بس دايماً حاسس إنها ملصوقة. WooCommerce + Dokan هو الطريق الأرخص. للأسواق الحقيقية (فكّر في كلونات Etsy أو أسواق B2B عمودية) أنا دايماً بنصح بكاستوم على Laravel أو Medusa.

الاشتراكات

Shopify Subscriptions وRecharge بيغطّوا 80% من احتياجات الاشتراكات. الـ 20% الباقي — gift وswap وskip وحزم مدفوعة مسبقاً واشتراك بفوترة مبنية على الاستخدام — محتاج كاستوم. Laravel Cashier على Stripe Billing هو الافتراضي عندي لبراندات الاشتراكات الجدّية.

مسؤوليات الأمان وامتثال PCI DSS

ده القسم اللي كل مؤسس بيتصفّحه على عجل وكل CTO بيظلّله. امتثال PCI DSS مش اختياري. ده تعاقدي مع مزوّد المدفوعات.

• Shopify: ممتثل لـ PCI Level 1. أنت بترث معظم شغل الامتثال. نطاقك في الغالب SAQ A.
• WooCommerce: مسؤوليتك حقيقية. SAQ A-EP على الأقل لو بتستخدم Stripe Elements. أعلى لو لمست أي وقت بيانات الكارت.
• كاستوم: مسؤوليتك بالكامل. استخدم حقول دفع مستضافة. ابقى على SAQ A. متخزّنش أبداً بيانات PAN.

غير PCI، الصورة الأمنية الأوسع بتشمل WAF وrate limiting وتدوير الـ secrets وفحص الـ dependencies وخطة استجابة حقيقية للحوادث. غطّيت قائمة الفحص التشغيلية في قائمة فحص أمان الموقع. لو عندك فريق تطوير لكن مفيش شخص أمان، وظّف شريك أمان جزئي قبل ما تطلق متجر كاستوم. التكلفة صغيرة. الجانب السلبي لتخطّيها وجودي.

ألم الهجرة: الانتقال من Shopify أو WooCommerce أو Magento القديم

في النهاية معظم البراندات اللي بتنمو بتهاجر. قدت ست هجرات منصات كاملة. ولا واحدة كانت سهلة. كلها كانت تستحق لما الإيرادات بررتها.

الخروج من Shopify

Shopify بيمتلك بيانات عميلك، وبيانات منتجك عبر API، وتاريخ أوردراتك عبر API، وهيكل الـ URL بتاعك. أصعب أجزاء هجرة Shopify: الحفاظ على SEO عن طريق 301s، وتصدير عملاء الاشتراكات من Recharge، وهجرة أرصدة بطاقات الهدايا، وإعادة بناء قمع الـ checkout بدون خسارة تحويل.

الخروج من WooCommerce

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

الخروج من Magento

لسه نقطة بداية شائعة للعملاء اللي بستلمهم في 2026. متاجر Magento 2 غالباً بتيجي منتفخة وغالية في الاستضافة وبطيئة. الهجرة لـ Laravel كاستوم أو Shopify headless هي المسار النمطي. ميزانية من ست لتسع شهور لهجرة Magento جدّية.

خطوة بخطوة: إزاي تختار الـ Stack الصح لشركتك

ده شجرة القرار اللي بمشّي العملاء فيها بالظبط في المكالمة الأولى.

1. اكتب إيراداتك السنوية الحالية وإيراداتك المتوقّعة بعد 24 شهر.
2. اكتب أكتر ثلاث حاجات معقّدة بيعملها متجرك أو محتاج يعملها (اشتراكات، شرائح B2B، multi vendor، مكوّن تخصيص، إلخ).
3. احسب قدرتك الهندسية الحقيقية بساعات شخص في الأسبوع.
4. اكتب كل نظام خارجي لازم متجرك يتكامل معاه (ERP وLogistics وCRM وأتمتة تسويق وأسواق).
5. قدّر التكلفة الإجمالية للملكية لثلاث سنين لكل منصة مرشّحة باستخدام أرقام واقعية، مش سعر الكتالوج.
6. اختبر المنصات المرشّحة تحت ضغط أكتر ثلاث متطلّبات معقّدة عندك. ارفض أي منصة محتاجة أكتر من تطبيقين عشان تتعامل مع كل متطلّب.
7. اختار أرخص منصة نجت من الخطوتين 5 و6.

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

الأخطاء الشائعة اللي المؤسسين بيعملوها عند اختيار منصة تجارة إلكترونية

• اختيار المنصة اللي منافسهم بيستخدمها بدون تحليل الملاءمة.
• البناء المفرط من اليوم الأول لإيرادات لسه مش موجودة.
• البناء الناقص لأنهم بيفترضوا إنهم هيغيّروا المنصة لاحقاً — تغيير المنصة عنيف.
• تجاهل التكاليف المتكرّرة للتطبيقات والإضافات.
• اختيار كاستوم بدون فريق هندسي حقيقي.
• اختيار Shopify والموديل بتاعهم في جوهره B2B بمنطق عروض أسعار.
• اختيار WooCommerce وفريق المحتوى بتاعهم مش عايز CMS فعلاً.
• السماح للمصمم باختيار المنصة بسبب جماليات القالب.
• نسيان الموبايل — فوق 70% من الترافيك موبايل، شوف تصميم الويب موبايل أولاً 2026.
• تخطّي التحسين التدريجي وقدرات PWA الموثّقة في تطبيقات الويب التدريجية 2026.

أمثلة عملاء حقيقيين ونتائج حسب اختيار الـ Stack

براند جمال كويتي، 800 ألف إيرادات — Shopify Standard

مؤسسين اتنين، بدون مطوّر. أطلقوا على Shopify Standard بقالب Dawn مخصّص. Klaviyo وLoox وRecharge بس الثلاث تطبيقات اللي احتفظنا بيهم. السنة الأولى الإيرادات اتلتت. إجمالي صرف المنصة فضل تحت 14 ألف دولار. القرار الصح، بدون ندم.

براند أثاث بريطاني، 4.2 مليون إيرادات — Shopify Headless + Next.js

متجر Shopify Plus قائم بـ Core Web Vitals رهيب. أعدنا بناء الواجهة على Next.js باستخدام Shopify Storefront API، احتفظنا بـ checkout Shopify. الـ LCP نزل من 4.1s لـ 1.0s. التحويل ارتفع 19% في الـ 90 يوم الأولى. عائد الاستثمار على إعادة البناء كان أربع شهور.

مورّد B2B صناعي سعودي، 11 مليون إيرادات — Laravel + Inertia كاستوم

حسابات شركات، شروط NET 30، قوائم أسعار لكل عميل، رفع أوامر شراء، مخزون متعدد المستودعات، مزامنة ERP مع Microsoft Dynamics. ولا منصة قدرت تتعامل مع ده بدون stack فرانكنشتاين من خمستاشر تطبيق. بنيناه كاستوم على Laravel بواجهة Inertia + React، متكامل مع Dynamics عن طريق middleware بـ Node.js. الفريق بيشتغل بمطوّرين backend وشريك DevOps جزئي. بيتفوّق على كل عرض جالهم من مزوّدي الشركات الكبيرة.

براند مكمّلات DTC فرنسي، 2.6 مليون إيرادات — Medusa.js + Nuxt

اشتراكات كتير، محتاج تدفقات swap وgift اللي Recharge مش بيدعمها بنظافة. Medusa كمحرك، Nuxt 4 للواجهة، Stripe Billing لمحرك الاشتراكات. التكلفة الإجمالية على ثلاث سنين متوقّعة 96 ألف دولار مقابل 189 ألف كانوا بيتتبّعوها على Shopify Plus + Recharge.

اللي ببنيه للعملاء في 2026 (Laravel + Inertia كاستوم، Shopify Headless)

الـ stack الافتراضي عندي في 2026 بيعتمد على البريف. للمؤسسين في نطاق 2 لـ 10 مليون بمنطق كاستوم بببني Laravel 11 + Inertia 2 + React 19، منشور على Hetzner أو DigitalOcean مع Cloudflare قدّامه وSentry للمراقبة. للبراندات اللي على Shopify عايزة فك قيد كبير في الأداء والـ SEO من غير ما تطلع من النظام البيئي، بببني واجهة Next.js headless على Vercel بتسحب من Shopify Storefront API.

الـ stacks الاتنين بيتشاركوا في نفس المبادئ التشغيلية: CI/CD بحاويات، وbackups قاعدة بيانات تلقائية لـ S3 مع استعادة لنقطة زمنية، ومعالجة صور مبنية على queue عبر ImageKit أو Cloudflare Images، وStripe Checkout لنطاق SAQ A، وobservability عبر Sentry بالإضافة لمسار لوجز. الأنماط بتتداخل مع اللي وصفته في بناء MVP لـ SaaS بـ Laravel وReact لأن كود التجارة الإلكترونية الكويس هو كود SaaS كويس بنموذج نطاق مختلف.

بغطّي البناء الخدمي الكامل من البداية للنهاية على صفحة الخدمات بتاعتي. الـ frameworks نفسها مش سحر — Laravel وNext.js بيتنافسوا في سوق مزدحم. لو لسه على الحياد بخصوص React vs Vue لواجهتك، اقرأ تحليل React vs Vue 2026 بتاعي.

مستقبل تطوير التجارة الإلكترونية: AI وEdge والتسوّق Agentic

ثلاث اتجاهات أصلاً بتعيد تشكيل اللي بنبنيه في 2026 وهتسيطر على 2027.

اكتشاف منتجات AI native

البحث vector والتوصيات المرتّبة بـ LLM بتحلّ محل شجرة الفئات التقليدية. Algolia وTypesense وWeaviate كلهم بيشحنوا بحث هجين جاهز. البراندات اللي بتشحن مساعدي تسوّق محادثاتيين — مش chatbots، مساعدين حقيقيين بيكمّلوا عمليات شراء — بتتقدّم.

التسليم من الـ edge أولاً

الواجهات في 2026 بتشحن من الـ edge افتراضياً. Vercel Edge وCloudflare Workers وDeno Deploy. الفجوة في الأداء بين سيرفر origin في فرانكفورت بيخدم عميل في الرياض وedge function في البحرين بتخدم نفس العميل بقت كبيرة جداً ميمكنش تجاهلها.

التسوّق Agentic

OpenAI وAnthropic وGoogle كلهم بينشروا agents بتشتري نيابة عن المستخدمين. متجرك محتاج طبقة بيانات مهيكلة نظيفة، وAPIs قوية، وتسعير قابل للقراءة بالآلة عشان الـ agents تقدر تعامل معاك. المتاجر اللي معندهاش ده هتبقى مخفية للتجارة الـ agentic خلال 24 شهر.

التحوّلات دي بتمس المشهد الأوسع اللي بغطّيه في اتجاهات تطوير الويب 2026. المنصات اللي بتتكيف هتحتفظ بحصّة السوق. اللي مش هتتكيف هيتم تجاوزها.

أسئلة شائعة: Shopify vs WooCommerce vs Custom

هل Shopify ولا WooCommerce أفضل لـ SEO في 2026؟

WooCommerce بيديك تحكّم أكتر في الـ URL والـ schema جاهز، واللي بيهم في المقياس. Shopify بيشحن إعدادات SEO تقنية قوية افتراضياً لكن بيفرض بادئات /products/ و/collections/. لمعظم البراندات تحت 1 مليون إيرادات الفرق بين المنصات ضئيل مقارنة بالمحتوى وبناء الروابط. فوق 1 مليون مرونة WooCommerce أو الكاستوم بتبدأ تتراكم.

كام بيكلّف بناء موقع تجارة إلكترونية في 2026؟

نطاقات واقعية: WooCommerce على استضافة مُدارة من 2,000 لـ 10,000 دولار/سنة شامل. Shopify Standard لـ Advanced من 5,000 لـ 30,000/سنة. Shopify headless أو بناء Laravel كاستوم من 25,000 لـ 100,000+ السنة الأولى، بعدين من 20,000 لـ 40,000 سنوياً. لمنظور أوسع لتسعير المواقع شوف كم تكلفة موقع في 2026.

هل أوظّف فريلانسر ولا وكالة لبناء التجارة الإلكترونية؟

لمشاريع Shopify وWooCommerce تحت 20 ألف دولار، فريلانسر سينيور بتخصص تجارة إلكترونية تقريباً دايماً بيقدّم قيمة أفضل. لبناء headless متعدد الأسواق أو كاستوم كامل فوق 50 ألف، وكالة أو فريلانسر بفريق جزئي بيبقى منطقي. بقارن المقايضات في المطوّر الفريلانسر مقابل الوكالة.

هل أقدر أهاجر من Shopify لـ Laravel كاستوم بدون خسارة SEO؟

أيوة، بانضباط. اعمل خريطة لكل URL في Shopify لمكافئه الجديد، ونفّذ redirects 301 على الـ edge، وحافظ على handles المنتجات حيثما ممكن، وعيد توليد XML sitemaps، وأعد التقديم لـ Google Search Console، وراقب Core Web Vitals والترافيك العضوي أسبوعياً لمدة 90 يوم. لو اتعمل صح، الترافيك عادة بينزل من 5 لـ 10% لمدة 30 يوم بعدين بيتعافى ويتعدّى الخط الأساس السابق.

هل تطوير التجارة الإلكترونية headless يستحق لمتجر 1 مليون؟

عادة مش لسه. Headless بيضيف تعقيد محتاج وقت مطوّر للصيانة. الميزة في الأداء والـ SEO حقيقية لكن العبء التشغيلي عند 1 مليون إيرادات نادراً ما بيرد التكلفة. أنا بقول لمعظم عملاء الـ 1 مليون ابقوا على Shopify أو WooCommerce، استثمروا في المحتوى والاكتساب المدفوع، وارجعوا لموضوع headless عند 3 لـ 5 مليون إيرادات.

أي منصة بتتعامل مع B2B والجملة بأفضل شكل في 2026؟

للجملة البسيطة (قوائم أسعار، حسابات شركات، شروط أساسية) Shopify Plus B2B كويّس كفاية وسريع في الإطلاق. للـ B2B المعقّد (تسعير متفاوض عليه، تدفقات موافقات، بيع بعروض أسعار، مزامنة ERP) Laravel كاستوم أو Medusa هو القرار الصح. WooCommerce بيقعد في النص لكن بيميل للكسر تحت وزن إضافات B2B بعد حجم معيّن.

إيه أكتر خطأ شائع في اختيار منصة تجارة إلكترونية؟

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

التوصية الأخيرة والاستشارة المجانية

لو فاكر حاجة واحدة من دليل تطوير مواقع التجارة الإلكترونية ده، افتكر الثلاث متغيرات: الإيرادات والتعقيد والفريق. خرّط شغلك بصراحة على المتغيرات دي وقائمة المنصات المختصرة هتكتب نفسها. Shopify لو محتاج تشحن في أسبوعين والموديل بتاعك بسيط. WooCommerce لو بتمتلك محرّك محتوى WordPress وعندك مطوّر. Laravel كاستوم أو headless لو إيراداتك وتعقيدك بيبررّوا الاستثمار وعندك القدرة الهندسية لصيانته.

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

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