إعادة تصميم دون مخاطرة
يمكن إعادة تصميم واجهة المتجر أو إجراء اختبارات A/B عليها، بينما تبقى الطلبات والدفع وقواعد المخزون كما هي.
التجارة الإلكترونية Headless · تجارة إلكترونية متقدمة
تطوير التجارة الإلكترونية Headless يعني بناء واجهة المتجر منفصلة عن محرك البيع، فيقرأ الموقع الإلكتروني وتطبيق الجوال وشاشات المعارض المنتجات والأسعار والطلبات نفسها عبر واجهة API واحدة. ونوصي به حين تبيع الشركة عبر أكثر من قناة، أو تحتاج إلى واجهة متجر لا يستطيع المتجر التقليدي تشكيلها. أما لمتجر إلكتروني واحد، فالبناء المخصص التقليدي هو عادةً الخيار الأبسط.
كيف تترابط الأجزاء
ما معنى Headless
في المتجر التقليدي، تكون الصفحات التي يراها المشترون والنظام الذي يحفظ المنتجات والطلبات تطبيقاً واحداً. وتغيير أحدهما يعني عادةً المساس بالآخر.
في بنية Headless، يدير محرك البيع البيانات والقواعد فقط: الكتالوج والأسعار والمخزون وسلال المشتريات والطلبات وحسابات العملاء. وتطلب كل واجهة متجر البيانات منه عبر API، وتعرضها بطريقتها. فيمكن للموقع الإلكتروني وتطبيق الجوال وشاشة لمس في صالة العرض أن تبيع جميعها من المخزون نفسه وبالأسعار نفسها.
ما الذي يتيحه
يبيع الموقع الإلكتروني وتطبيقات iOS وAndroid والأكشاك وشاشات الشركاء من الكتالوج والمخزون نفسيهما.
يمكن إعادة تصميم واجهة المتجر أو إجراء اختبارات A/B عليها، بينما تبقى الطلبات والدفع وقواعد المخزون كما هي.
تُكتب قصص المنتجات والحملات والصفحات مرة واحدة، وتُنشر في كل القنوات.
لا تحتوي واجهة المتجر العامة على منطق الدفع أو الإدارة، مما يقلّل ما يمكن الوصول إليه من الإنترنت.
تُبنى واجهة المتجر لتحقيق عتبات "جيد" في Core Web Vitals: LCP ≤ 2.5 s، وINP ≤ 200 ms، وCLS ≤ 0.1، وتُقاس على مستخدمين حقيقيين بعد الإطلاق.
تعمل واجهة المتجر والمحرك جزأين منفصلين، فتُعالَج زيارات الحملات في الموضع الذي تصل إليه.
مقارنة مباشرة
كلاهما يُكتب من الصفر على قاعدة الشيفرة الخاصة بنا. والفرق في طريقة تقسيم الأجزاء، وما يكلفه ذلك في البناء والتشغيل.
| متجر مخصص تقليدي | متجر Headless | |
|---|---|---|
| قنوات البيع | موقع إلكتروني واحد بتخطيطات للجوال | الموقع والتطبيقات والأكشاك وشاشات الشركاء عبر API واحدة |
| إعادة تصميم الواجهة | تُخطَّط مع منطق المتجر معاً | تتم على واجهة المتجر وحدها |
| جهد البناء | أقل: تطبيق واحد | أعلى: واجهة API وواجهة متجر أو أكثر |
| التشغيل والصيانة | نظام واحد للمتابعة | عدة أجزاء، يُراقب كل منها ويُحدَّث |
| يناسب عادةً | المتاجر الإلكترونية لسوق واحدة أو بلغتين | تجار التجزئة متعددو القنوات والواجهات سريعة التغير |
لستم متأكدين أيهما يناسبكم؟ ندرس قنواتكم وخططكم في الاجتماع التعريفي، ونقول لكم بوضوح إن كان المتجر المخصص التقليدي يكفيكم.
لمن يناسب
لمتجر واحد، تشمل خطة المتجر المؤسسي لدينا أصلاً تجربة شبيهة بالتطبيق قابلة للتثبيت (PWA)، دون طبقة Headless منفصلة.
الانتقال من متجركم الحالي
تُنقل بيانات المنتجات والعملاء والطلبات الحالية. ويبقى النظام القديم قيد التشغيل حتى يتم تحويل كل قناة.
ما الذي لا يتغير
المحرك وواجهة API وكل واجهة متجر وكل تكامل في بند مستقل بالدولار. وبعد الموافقة يصبح السعر ثابتاً.
الفريق نفسه يصمم كل جزء ويبنيه ويشغّله، فلا تنتقل المشكلات بين موردين.
الاستضافة وتحديثات الأمان والنسخ الاحتياطي علينا. ويتولى فريقكم الطلبات والمخزون يومياً.
ساعات عمل مكتبنا بتوقيت UTC+3 تتطابق مع المملكة العربية السعودية والكويت وقطر.
تطوّر Kodem برمجياتكم، وتستضيفها على خوادم في تركيا، وتحافظ على تحديثها. تبقى الشيفرة المصدرية لدى Kodem. ويُسجَّل اسم النطاق باسمكم، ويبقى محتواكم وبياناتكم ملكاً لكم دائماً.
أسئلة شائعة
بنية تُبنى فيها واجهة المتجر منفصلة عن محرك البيع. يحفظ المحرك المنتجات والأسعار والمخزون والطلبات ويتيحها عبر API، وتعرض كل واجهة متجر، سواء كانت موقعاً إلكترونياً أو تطبيقاً أو كشكاً، هذه البيانات بطريقتها.
عادةً لا. إذا كنتم تبيعون عبر موقع إلكتروني واحد بإتمام شراء قياسي، فإن المتجر المخصص التقليدي يؤدي المهمة نفسها بجهد أقل في البناء والصيانة. ونقول ذلك في الاجتماع التعريفي.
نعم، وهذا هو السبب الرئيسي لاختيار Headless. تخدم واجهة API نفسها الموقع الإلكتروني وتطبيقات iOS وAndroid، فتبقى بيانات المخزون والأسعار والطلبات متسقة عبر القنوات.
لا. تُنقل بياناتكم الحالية، ويبقى المتجر الحالي قيد التشغيل حتى يتم تحويل كل قناة. وتُحوَّل الروابط القديمة بخريطة 301.
ليس تلقائياً؛ فالسرعة تعتمد على طريقة بناء واجهة المتجر. نستهدف نتيجة 90+ في Lighthouse، ونشارك التقرير عند التسليم، ونراقب Core Web Vitals على مستخدمين حقيقيين بعد الإطلاق.
يُقدَّم له عرض سعر خاص بعد الاجتماع التعريفي، لأن عدد واجهات المتجر والتكاملات يختلف كثيراً. وللاستئناس، أسعار خطط المتاجر لدينا ابتداءً من $3,000، وهي رسوم مشروع تُدفع مرة واحدة؛ اطّلعوا على خطط المتاجر.
اجتماع فيديو مجاني عن متجركم وقنواتكم وخططكم، تليه توصية مكتوبة، ثم عرض سعر مفصّل بنداً بنداً بالدولار إذا كان ذلك مناسباً.
اجتماع تعريفي مجاني، ثم عرض سعر مكتوب ومفصّل. دون أي التزام.