معظم العلامات التجارية في الإمارات لا تحتاج إلى التجارة المنفصلة (Headless). القالب المخصص على Shopify (من 14,500 درهم) يقدم واجهات متاجر سريعة ومميزة مع بقاء لوحة تحكم Shopify كما هي. أما مشاريع Headless فتبدأ من 34,500 درهم وتستغرق من 10 إلى 16 أسبوعاً، وتكون منطقية عندما تحتاج إلى عدة واجهات متاجر، أو سلوك غير معتاد في الواجهة، أو محتوى لا تستطيع قوالب Shopify تمثيله.
يقول الطلب: «نريد التحول إلى Headless». وعندما تسأل عن السبب، يقول المؤسس إن منافساً فعل ذلك وإن مطوّره قال إنه أسرع. ولم يذكر أحد ميزة واحدة لا يستطيع القالب تقديمها.
ما معنى Headless فعلاً
في متجر Shopify العادي، يدير Shopify النظام الخلفي (المنتجات والسلة وصفحة الدفع والطلبات) ويعرض واجهة المتجر بقالب Liquid. أما في مشروع Headless، فيبقى Shopify مسؤولاً عن النظام الخلفي، لكن واجهة المتجر تصبح تطبيقاً منفصلاً يجلب البيانات عبر Storefront API ويعرضها بنفسه.
Hydrogen هو إطار عمل React الخاص بـShopify لبناء هذه الواجهة، وهو مصمم للاستضافة على منصة Oxygen التابعة لـShopify. ويمكنك أيضاً بناء الواجهة بـNext.js أو إطار عمل آخر واستضافتها في مكان آخر. كلا الخيارين Headless. وفي الحالتين تبقى صفحة الدفع على Shopify.
✓ أدوات Headless في Shopify (Hydrogen وOxygen وStorefront API وقابلية توسيع صفحة الدفع) تتغير بين الإصدارات. آخر تحقق في أكتوبر 2026. تأكد من وثائق المطورين لدى Shopify قبل الاعتماد عليها.
ما الذي يستطيع القالب المخصص فعله أصلاً
يظن الناس أن القالب يعني شكلاً جاهزاً مكرراً. القالب المخصص هو كود مكتوب لعلامتك: أقسامك الخاصة، والخطوط، والحركة، وتخطيط عربي من اليمين لليسار، وأدوات تهيئة المنتجات، والباقات، ومحتوى قائم على الحقول الإضافية (metafields). ويمنح Online Store 2.0 التجار محرر قوالب لإعادة ترتيب هذه الأقسام دون مطوّر.
القالب المبني جيداً يمكن أن يحقق نتائج ممتازة في السرعة، لأنك تتحكم في السكربتات. متاجر Shopify البطيئة التي نراها بطيئة بسبب 20 تطبيقاً وقالب مدفوع ثقيل، لا لأنها ليست Headless.
أين يتفوق Headless حقاً
- عدة واجهات متاجر على كتالوج واحد: مواقع للعلامات، أو مواقع إقليمية، أو بوابة B2B بتخطيطات مختلفة، كلها تتغذى من نظام خلفي واحد.
- التجارة القائمة على المحتوى، حيث يطغى الجانب التحريري (القصص الطويلة، كتالوجات الإطلالات، مجلة) على الكتالوج ويُدار في نظام إدارة محتوى منفصل (Headless CMS).
- سلوك في الواجهة يجعله Liquid مرهقاً: صفحات مخصصة بدرجة عالية لكل زائر، أو تجارب ثلاثية الأبعاد أو أدوات تهيئة معقدة، أو تنقّل يشبه التطبيقات.
- فريق لديه أصلاً مهندسو واجهات أمامية ويريد مسار النشر والاختبار والأدوات الخاصة به.
- واجهة أمامية واحدة تخدم متجراً وتطبيقاً وشاشات داخل المتجر من واجهات API نفسها.
ما الذي تتخلى عنه
Headless يستبدل السهولة بالتحكم، والفاتورة تصل من عدة جهات.
- محرر القوالب وكثير من التطبيقات. معظم تطبيقات Shopify تُحقن في قوالب Liquid. في مشروع Headless يحتاج كل منها إلى تكامل مخصص أو بديل.
- المعاينة واستقلالية التاجر. لم يعد فريق التسويق قادراً على سحب قسم ووضعه في مكانه ما لم نبنِ هذه الإمكانية.
- سرعة الإطلاق. الميزات التي يحصل عليها القالب من مجرد إعداد تصبح كوداً من جديد.
- المسؤولية. أصبحت تدير تطبيقاً: الاستضافة والمراقبة والتحديثات الأمنية وترقية المكتبات.
- مخاطر SEO. العرض والتوجيه وإعادة التوجيه وخرائط الموقع والبيانات المنظمة كلها تصبح مسؤوليتك.
التكلفة والمدة جنباً إلى جنب
| قالب مدفوع جاهز مع إعداده | قالب Shopify مخصص | Headless / Hydrogen | |
|---|---|---|---|
| سعر البناء (بالدرهم، دون ضريبة القيمة المضافة) | من 4,950 ضمن متجر للانطلاق | من 14,500 | من 34,500 |
| المدة المعتادة | 3 إلى 4 أسابيع | 6 إلى 8 أسابيع | 10 إلى 16 أسبوعاً |
| التاجر يعدّل التخطيطات من المحرر | نعم | نعم | فقط حيث نبني ذلك |
| التوافق مع التطبيقات | واسع | واسع | محدود، وغالباً مخصص |
| الصيانة التقنية المستمرة | منخفضة | منخفضة | وقت هندسي حقيقي |
| الأنسب لـ | الإطلاق السريع | معظم العلامات الراقية | عدة واجهات متاجر، أو تجارة قائمة على المحتوى، أو واجهة مصممة خصيصاً |
الأسعار أسعارنا ولا تشمل ضريبة القيمة المضافة 5%. نطاق مشاريع Headless يتفاوت كثيراً، ولهذا نذكر الرقم بصيغة «يبدأ من». تكاليف باقات المنصة منفصلة.
✓ أسعار باقات Shopify واشتراط Plus لبعض ميزات Headless وصفحة الدفع تحددها Shopify وتتغير. آخر تحقق في أكتوبر 2026. تأكد من Shopify قبل الاعتماد عليها.
هل يجعل Headless المتجر أسرع؟
ليس تلقائياً. موقع Headless مبني بشكل سيئ أبطأ من قالب جيد، لأنه يضيف خطوة شبكة إضافية وإطار عمل. أما المبني جيداً فقد يبدو فورياً، مع العرض من جهة الخادم والتخزين المؤقت على الحافة (edge caching) إذا نُفّذا كما يجب. الجواب الصادق أن السرعة تأتي من الانضباط: التعامل مع الصور، وحدود السكربتات، والتخزين المؤقت. وHeadless يمنحك تحكماً أكبر في هذه الأمور، وطرقاً أكثر للخطأ فيها.
من يختار ماذا
اختر قالباً مخصصاً إذا
- كنت علامة واحدة بكتالوج واحد ولغة أو لغتين.
- كان فريقك يعدّل المحتوى أسبوعياً ويريد أن يفعل ذلك بنفسه.
- كنت تريد واجهة متجر مميزة دون منتج برمجي تحتاج إلى صيانته.
اختر Headless إذا
- كنت تدير عدة واجهات متاجر أو أسواق أو بوابة B2B من كتالوج واحد.
- كانت تجربتك تعتمد على واجهة لا يستطيع Liquid التعبير عنها بشكل معقول.
- كان لديك، أو ستموّل، عمل هندسي مستمر.
بالنسبة لدور الأزياء الفاخرة، الجواب عادةً قالب مخصص بأقسام تحريرية قوية، لأن فريق العرض التجاري يحتاج إلى تغيير الحملات بسرعة. ونموذج التصميم Maison Verre قالب Shopify مخصص لهذا السبب.
أسئلة اطرحها قبل أن تلتزم
- ما الميزة المحددة التي لا يستطيع قالب Liquid تقديمها؟
- من سيتولى صيانة الواجهة الأمامية في السنة الثانية، وبأي تكلفة شهرية؟
- أي من تطبيقاتك الحالية سيحتاج إلى بديل؟
- كيف سيعاين التجار المحتوى وينشرونه؟
- ما الخطة لإعادة التوجيه والبيانات المنظمة وخرائط الموقع؟
إذا كانت الإجابات غامضة، فابنِ القالب أولاً. يمكنك الانتقال إلى Headless لاحقاً؛ فالكتالوج والطلبات والعملاء يبقون في Shopify في الحالتين.
أسئلة
Hydrogen طريقة واحدة لبناء واجهة متجر Shopify منفصلة (Headless). وهو إطار عمل React الخاص بـShopify. ويمكنك أيضاً اعتماد Headless باستخدام Next.js أو إطار عمل آخر.
ليس بالضرورة لاستخدام Storefront API نفسها، لكن بعض ميزات صفحة الدفع وميزات المؤسسات تتطلب Plus. نتحقق من المتطلبات الدقيقة مقابل وثائق Shopify الحالية خلال تحديد النطاق.
نعم. المنتجات والعملاء والطلبات تبقى في Shopify، فيكون النقل مشروع واجهة أمامية، لا تغييراً للمنصة.
مشاريع Headless وPlus لدينا تبدأ من 34,500 درهم، دون ضريبة القيمة المضافة 5%، وتستغرق من 10 إلى 16 أسبوعاً. الرقم النهائي يعتمد على التكاملات واللغات ومقدار أدوات إدارة المحتوى التي تحتاجها.