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

من أين بدأنا، وكيف يبدو الآن

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

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

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

الصفحة الرئيسية لموقع القوافل على شاشة كمبيوتر مع صورة القافلة والأقسام.
الصفحة الرئيسية الحية على الكمبيوتر.

ما يراه العميل

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

قسم العناية الكورية
قسم العناية الكورية
صفحة المنتج
صفحة المنتج
تفاصيل التوصيل، والإضافة للسلة، والطلب عبر واتساب
تفاصيل التوصيل، والإضافة للسلة، والطلب عبر واتساب
منتجات مختارة و«اطلب منتجاً»
منتجات مختارة و«اطلب منتجاً»
  • العربية أولاً، والإنجليزية بلمسة. كل صفحة باللغتين وباتجاه الكتابة الصحيح.
  • قواعد التوصيل في صفحة المنتج. مجاني في عبري والعراقي والدريز، خلال 4–6 ساعات هناك ونحو يومين لباقي السلطنة.
  • «اطلب منتجاً». إن لم يجد العميل ما يريد يطلبه، ويرد المحل بالسعر.
  • أدوات تسوق مجانية. منشئ روتين العناية، وقائمة المولود، ومكتشف هدية العطر تعيد الزوار دون إعلانات.
  • الدفع عند الاستلام حالياً. الدفع بالبطاقة عبر ثواني جاهز في الموقع، ويُفعّل عند صدور مفاتيح التاجر الفعلية.
أدوات تسوق مجانية
أدوات تسوق مجانية
اطلب منتجاً
اطلب منتجاً

الأدوات، ودور كل واحدة

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

الجزءالأداةلماذا هي
كتابة الكودClaude Code (وكيل برمجة بالذكاء الاصطناعي)بنى الموقع واختبره معنا: 166 تعديلاً محفوظاً و137 ملف اختبار بين أغسطس وأكتوبر 2026
المتجر الذي يراه العميلReact و Tailwind CSS و Radix UIسريع على الهاتف، ومتناسق، وباللغتين من كود واحد
قاعدة البيانات وتسجيل الدخول والصورSupabaseالمنتجات والطلبات والعملاء والموظفون في مكان واحد، بخطة مجانية سخية
الاستضافةCloudflare Workers (الخطة المجانية)، وقبلها Netlifyالعنوان نفسه دون فاتورة شهرية، والتفاصيل في القسم التالي
النطاقqawafal.com على CloudflareHTTPS والتخزين المؤقت ضمنه
رسائل الطلبات وكلمات المرورResendبريد موثوق من نطاق المحل نفسه
الدفع بالبطاقةثواني (بوابة دفع عُمانية)جاهز في الموقع، والدفع عند الاستلام يعمل الآن
نصوص المنتجاتClaude من Anthropicيقرأ الملصق ويكتب الاسم والوصف والمواصفات باللغتين
صور الاستوديوGoogle Gemini 3 Pro Image (Nano Banana Pro)يحوّل صورة الرف إلى صورة منتج بخلفية بيضاء
إزالة الخلفيةONNX Runtime Web على الهاتف نفسهمجانية وخاصة: الصورة لا تغادر الجهاز في هذه الخطوة
تسوق جوجلقوائم Google Merchant Center بالعربية والإنجليزيةالمنتجات على جوجل من قاعدة البيانات نفسها

الاستضافة: من Netlify إلى خطة Cloudflare المجانية

بدأ الموقع الجديد على Netlify، وكانت الصفحات وكود الطلبات وعناوين الصفحات لجوجل تعمل عليه بسهولة. وعندما نفدت أرصدة Netlify المجانية نقلنا كل شيء إلى Cloudflare Workers على الخطة المجانية، ولم يلاحظ العملاء أي فرق: العنوان نفسه، والصفحات نفسها، وكود الطلبات نفسه.

سر بقائه مجانياً: الصور والسكربتات والتنسيقات تُقدَّم كملفات ثابتة، وهي غير محدودة على Cloudflare. الكود يعمل فقط عند فتح صفحة أو إرسال طلب، والخطة المجانية تسمح بـ100,000 من ذلك يومياً، وهو أكثر بكثير مما يحتاجه محل محلي. ومهمتان مجدولتان (تنظيف الطلبات غير المدفوعة كل ساعة وترتيب الإحصاءات يومياً) تعملان على الخطة نفسها.

حدود يجب معرفتها قبل النسخ: 10 أجزاء من الألف من الثانية للمعالجة لكل طلب (انتظار قاعدة البيانات لا يُحتسب)، ومشروع Supabase المجاني يتوقف مؤقتاً إذا لم يستخدمه أحد فترة طويلة، فموقع التجربة الهادئ يحتاج زيارة بين حين وآخر.

كيف يضيف صاحب المحل منتجاً من صورة واحدة

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

  1. صورة عادية بالهاتف للمنتج على رف المحل.
  2. تُزال الخلفية على الهاتف. تبقى بكسلات المنتج كما هي، وأول مرة يُنزَّل النموذج مرة واحدة (نحو 90 ميغابايت عبر الواي فاي).
  3. صورة استوديو بالذكاء الاصطناعي (اختياري). يكتب Claude تعليمات تعديل دقيقة لهذا المنتج، ويعيد Gemini صورة بخلفية بيضاء. تظهر الأصلية والنتيجة جنباً إلى جنب، ولا تُستخدم إلا إذا طابق الملصق والغطاء واللون تماماً.
  4. Claude يكتب المسودة. يقرأ الملصق، ويبحث عن المنتج على الإنترنت، ويملأ الاسم والوصف والمكونات و«مناسب لـ» بالعربية والإنجليزية.
  5. صاحب المحل يراجع، ويضع السعر والمخزون، وينشر.

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

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

البندالتكلفة
الاستضافة (Cloudflare Workers المجانية)0
قاعدة البيانات وتسجيل الدخول (Supabase المجانية)0 بهذا الحجم
النطاقرسوم النطاق السنوية
نصوص المنتجات بالذكاء الاصطناعي (Claude)بضعة سنتات أمريكية لكل منتج
صورة الاستوديو (Gemini)نحو 0.14 دولار (≈ 0.054 ر.ع) للمحاولة، بحد 30 يومياً لكل موظف
إزالة الخلفية0، تعمل على الهاتف
الدفع بالبطاقة (ثواني)رسوم ثواني لكل عملية، بعد تفعيل البطاقات

وضعنا رصيداً مسبقاً صغيراً (نحو 5 دولارات) في كل حساب ذكاء اصطناعي، مع حدود إنفاق منخفضة، حتى لا يتحول أي خطأ إلى فاتورة كبيرة.

الظهور على جوجل

لكل صفحة منتج عنوانها ووصفها وبياناتها المنظمة باللغتين، وتُجهَّز على الخادم فيقرؤها جوجل دون تشغيل التطبيق. وينشر الموقع قائمتي منتجات لـGoogle Merchant Center (عربية وإنجليزية) من قاعدة البيانات مباشرة، مع تكلفة التوصيل وحد التوصيل المجاني وقواعد الإرجاع.

ملاحظة صريحة: في أكتوبر 2026 تدعم عُمان إعلانات التسوق المدفوعة، لكنها ليست بعد ضمن القوائم المجانية لجوجل. القوائم جاهزة، فستظهر المنتجات يوم يضيف جوجل عُمان.

كيف تطبّق هذا على متجرك

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

أسئلة شائعة

هل يمكنني رؤية الموقع الحي؟

نعم: qawafal.com ↗. كل ما في اللقطات هو المتجر الحقيقي كما هو الآن.

هل أحتاج خبرة تقنية لإدارة متجر كهذا؟

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

هل يمكنكم بناء متجر لمحلي؟

نعم. احجز مكالمة وأحضر قائمة منتجاتك، ونحدد النطاق معك. احجز مكالمة ↗