أنشئ متجرك الاحترافي على الاستضافة المدفوعة

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

خطوات إنشاء متجرك

اتبع هذه الخطوات البسيطة لإطلاق متجرك الإلكتروني

1

شراء الاستضافة والدومين

احصل على استضافة ويب موثوقة ودومين مخصص لمتجرك. نوصي بشدة بالخيار التالي لأفضل أداء وتوفير:

  • 🌍 Hostinger (خيارنا الأول) – الاستضافة الأكثر كفاءة لمتاجر حميز نت. توفر سرعة فائقة مع تقنية NVMe، ولوحة تحكم سهلة، ودعم فني متميز.
    * ننصح بخطة Business لمدة 4 سنوات للحصول على أقل سعر ($158 فقط) ودومين مجاني.
  • ⚡ SiteGround – أداء قوي وسرعة عالمية، مثالية للمتاجر التي تستهدف عملاء خارج الجزائر.
  • 💙 Bluehost – استضافة موثوقة تقدم استقراراً عالياً ودعماً فنياً مميزاً على مدار الساعة.

توصية هامة للمحترفين: لضمان سهولة نقل متجرك مستقبلاً (بعد 4 سنوات)، يفضل شراء الدومين من موقع Namecheap ثم ربطه بـ Hostinger. هذا يجعلك المتحكم الأول والوحيد في متجرك.

بديل مجاني: يمكنك أيضاً استخدام Cloudflare Pages كخدمة مجانية ممتازة لاستضافة ملفات متجرك الثابتة التي تنتجها أدواتنا.

2

تحضير ملفات المتجر

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

معلومة: يتكون المتجر من 8 ملفات أساسية، بالإضافة إلى ملفات السياسات القانونية (الخصوصية، الشروط، الشحن).

الصفحة الرئيسية (index.html)

الصفحة الأولى التي يراها زوار متجرك. تُنشأ عبر مولد الصفحة الرئيسية، ويمكنك تعديل على الشعار المتجر , العناوين، وأقسام المنتجات بسهولة.

فتح مولد الصفحة الرئيسية

صفحة المنتجات (product.html)

تعرض جميع المنتجات بالاعتماد على بيانات ملف data.js. تُنشأ تلقائياً من مولد صفحة المنتجات

فتح مولد صفحة product.html

نموذج الطلب (order.html و order.js)

صفحة الطلبات الخاصة بالعملاء، تربط بين Google Forms و Google Sheets لاستقبال الطلبات تلقائيًا.

فتح مولد النموذج الخاص بالمتجر

ملف بيانات المنتجات (data.js)

يحتوي على تفاصيل المنتجات: الاسم، السعر، الصورة، الولايات والبلديات ، وتكاليف الشحن. يتم إنشاؤه وتحديثه من خلال مولد بيانات المنتجات.

فتح لوحة إدارة منتجات المتجر

صفحات السياسات (privacy.html / terms.html / shipping.html)

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

فتح مولد صفحات السياسات

أداة تكوين صفحات المنتجات

أداة احترافية لإنشاء صفحات هبوط متكاملة بملف HTML واحد جاهز للرفع. تتيح تحكماً كاملاً في تصميم المنتج، إعدادات الـ SEO، ونظام الطلب المباشر.

توليد صفحة منتج كاملة متجاوبة 100%
نظام ذكي لحماية الطلبيات ومنع التكرار
إرسال الطلبيات تلقائياً إلى Google Sheets
دعم جميع ولايات الجزائر مع أسعار شحن مخصصة
تكامل مباشر مع Facebook Pixel و TikTok Pixel

ملفات التصميم (CSS / JS)

ملفات التنسيق والوظائف الجاهزة (styles.css / script.js) تعمل تلقائياً مع القالب. يمكنك تعديل الألوان أو السلوكيات حسب هوية متجرك.

تحميل المتجر كاملاً

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

حمل متجرك تجريبي

دليل إنشاء المتجر

تعرف على كيفية إنشاء جميع ملفات متجرك الإلكتروني خطوة بخطوة

شرح مولد الصفحة الرئيسية

تعرف على كيفية إنشاء ملف index.html للصفحة الرئيسية للمتجر

تعديل و إنشاء ملف index.html

شرح مفصل لأقسام لوحة التحكم

تعرف على كل قسم في لوحة التحكم وما يحتويه من ميزات وأدوات متطورة لإدارة متجرك الإلكتروني

إعدادات البكسلز

متقدم

أدوات متقدمة لتتبع وتحليل أداء متجرك من خلال دمج بكسلز التتبع الرقمي. يدعم Facebook Pixel و TikTok Pixel لتحليل شامل لسلوك الزوار والعملاء.

  • Facebook Pixel Integration
  • TikTok Pixel Integration

العلامة التجارية

ضروري

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

  • اسم المتجر والشعار
  • اختيار نوع اللوجو (أيقونة/صورة)

المحتوى الرئيسي

ضروري

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

  • العنوان الرئيسي (Hero Title)
  • النص المميز والبارز
  • الوصف التفصيلي

إعدادات الفوتر

مهم

إدارة شاملة لتذييل موقع متجرك بما يشمل معلومات الاتصال، الروابط السريعة، معلومات التوصيل، وحقوق النشر. كل ما يحتاجه عملاؤك للوصول إليك.

  • معلومات الاتصال الكاملة
  • الروابط السريعة
  • الروابط وسائل التواصل
  • حقوق النشر

إدارة التصنيفات

مهم

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

  • إضافة تصنيفات جديدة
  • تعديل التصنيفات الموجودة

القوائم والروابط

مهم

محرر روابط القائمة الرئيسية. يدعم اضافة الروابط الداخلية او الخارجية .

  • قوائم تنقل ديناميكية
  • روابط داخلية وخارجية

مولد صفحة المنتجات

قم بإنشاء وتعديل ملف product.html لعرض منتجاتك

تعديل و إنشاء ملف product.html

شرح أقسام النظام

تعرف على جميع الأقسام والميزات المتاحة في نظام إدارة المحتوى

الميتا تاغ والبيكسل

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

  • عنوان الصفحة ووصفها
  • بيكسل فيسبوك وتيك توك للتتبع

إعدادات الهيدر

تحكم كامل في تصميم رأس الصفحة:

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

إعدادات الفوتر

تخصيص كامل لتذييل الصفحة:

  • لوغو ووصف المتجر
  • الروابط السريعة
  • معلومات التواصل مع الأيقونات
  • حقوق النشر والعلامة التجارية

مولد نموذج الطلب

قم بإنشاء وتعديل ملفي order.html و order.js لربط النموذج مع Google Forms و Google Sheets

تعديل و إنشاء ملفات النمودج الطلبيات

كيفية استخدام النظام

دليل شامل لاستخدام النظام من البداية حتى إنشاء النماذج الاحترافية

1

إعداد نموذج جوجل فورم (Google Form)

الطريق الاولى: إعداد نموذج الطلب الخاص بمتجرك

  • انسخ النموذج الجاهز مباشرة، اضغط هنا لفتح نموذج الطلب الجاهز — سيتم تحويلك إلى Google Drive لإنشاء نسخة داخل حسابك الشخصي.
  • بعد نسخ النموذج إلى حسابك، انتقل إلى https://docs.google.com/forms/ لفتحه وتعديل عنوان النموذج بما يناسب متجرك.
  • من إعدادات النموذج، اختر ربط النموذج مع Google Sheets ليتم حفظ جميع الطلبات تلقائيًا في جدول بيانات.
  • قم بتفعيل إشعارات البريد الإلكتروني داخل Google Sheets لتصلك رسالة فورية عند وصول أي طلب جديد.
  • بعد الانتهاء، انسخ رابط النموذج المباشر لاستخدامه داخل أدوات مولد ملفات نموذج طلب المتجر

توضيح هام: هذه هي الطريقة الثانية (الإعداد اليدوي من الصفر). علماً أن الطريقة الأولى هي الأسرع، الأسهل، والأكثر أماناً بدون أي تعقيدات برمجية. أما هذه الطريقة فهي مخصصة لمن يريد بناء وربط نموذج المتجر مع Google Sheets يدوياً وبالتفصيل.

قم باتباع الخطوات التالية لربط النموذج وقاعدة البيانات…

الخطوة الأولى: تثبيت إضافة الكروم الرسمية من سوق Chrome الإلكتروني

  • اضغط على الزر أدناه لفتح صفحة الإضافة في سوق Chrome.
  • اضغط على زر إضافة إلى Chrome (Add to Chrome).
  • بعد التثبيت، ستظهر أيقونة الإضافة في شريط الأدوات أعلى المتصفح.
  • تأكد من تفعيل الإضافة قبل الاستخدام.
تثبيت الإضافة من سوق Chrome

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

3

استخراج معرفات الحقول

الخطوة الثالثة: الحصول على Entry IDs

  • نسخ رابط النموذج ولصقه في المتصفح
  • فتح النموذج كما يظهر للزوار
  • الضغط على الإضافة في شريط أدوات الكروم
  • الإضافة ستستخرج تلقائياً جميع Entry IDs
  • مثال على النتيجة:
entry.1534608230, entry.300884594, entry.1019370225, entry.400855969, entry.469099823, entry.2060967149, entry.1946954034, entry.1616205950, entry.495079276, entry.1460623131, entry.1250270246
4

الحصول على رابط الاستجابة (Response URL)

الخطوة الرابعة: تحويل رابط النموذج إلى رابط الاستجابة

  • يمكنك نسخ رابط الاستجابة مباشرة من الإضافة في متصفح كروم — في بداية الإضافة ستجد عنوانًا يسمى رابط الاستجابة المحول: أسفله يظهر الرابط مع زر نسخ لنسخه بسهولة.
  • أو يمكنك تعديل الرابط يدويًا باستبدال الجزء /viewform بـ /formResponse.
  • مثال:
قبل:
https://docs.google.com/forms/d/e/1FAIpQLSedrIGUUflvMsMA-FAlZQIjtf5Nv1LTIe2al-XXXXXXXXXXX/viewform
بعد:
https://docs.google.com/forms/d/e/1FAIpQLSedrIGUUflvMsMA-FAlZQIjtf5Nv1LTIe2al-XXXXXXXXXXX/formResponse
5

إنشاء النماذج

الخطوة الخامسة: استخدام مولد النماذج

  • الذهاب إلى صفحة مولد النماذج
  • لصق Entry IDs في الحقل المخصص
  • إدخال رابط formResponse
  • تخصيص النصوص والألوان
  • إعداد معرفات التتبع (Google Analytics, Facebook Pixel, TikTok Pixel)
  • توليد وتحميل الملفات النهائية order.html و order.js الخاصة بنموذج الطلب.

مولد بيانات المنتجات

قم بإنشاء وتعديل ملف data.js لإضافة وتحديث بيانات المنتجات في متجرك

تعديل و إنشاء بيانات المنتجات

نظرة على ملف البيانات

ملف data.js يحتوي على جميع البيانات اللازمة لتشغيل المتجر الإلكتروني

بيانات المنتجات

  • معلومات المنتج الأساسية (الاسم، الوصف، السعر)
  • الصور الرئيسية والإضافية
  • التصنيفات والتقييمات
  • المميزات والمواصفات التقنية
  • حالة المخزون

بيانات الولايات والشحن

  • قائمة جميع الولايات الجزائرية
  • البلديات التابعة لكل ولاية
  • أسعار الشحن للمكتب والمنزل

معلومات الاتصال

  • أرقام الهاتف والواتساب
  • البريد الإلكتروني

مولد ملفات السيو (SEO)

إنشاء ملفي sitemap.xml و robots.txt لتحسين أرشفة موقعك في محركات البحث

إعدادات خريطة الموقع

أدخل معلومات موقعك لإنشاء ملف sitemap.xml احترافي

مثال: https://mystore.com (بدون / في النهاية)
الصفحات الأساسية (تُضاف تلقائياً)
الصفحة الرئيسية (index.html)
أولوية عالية
صفحة المنتجات (product.html)
أولوية متوسطة
صفحة الطلب (order.html)
أولوية منخفضة
صفحات إضافية
أمثلة على صفحات يمكن إضافتها:
about.html – من نحن contact.html – تواصل معنا privacy.html – سياسة الخصوصية terms.html – شروط الاستخدام shipping.html – سياسة الشحن

إعدادات ملف Robots.txt

تحكم في كيفية أرشفة محركات البحث لصفحات موقعك

الصفحات المسموحة (Allow)
هذا يسمح لمحركات البحث بأرشفة جميع صفحات موقعك (مُوصى به للمتاجر)
الصفحات المحظورة (Disallow)
أدخل كل مسار في سطر منفصل
رابط خريطة الموقع
هذا يساعد محركات البحث في العثور على خريطة موقعك بسهولة

نصائح مهمة لتحسين السيو

رفع الملفات

ضع ملفي sitemap.xml و robots.txt في المجلد الرئيسي لموقعك (نفس مكان index.html)

Google Search Console

بعد رفع الملفات، أضف رابط sitemap.xml في Google Search Console لتسريع الأرشفة

التحديث المنتظم

أعد إنشاء sitemap.xml كلما أضفت صفحات جديدة لموقعك

الحماية

استخدم robots.txt لحماية الملفات الحساسة من الأرشفة العامة

تحميل المتجر كاملاً

قم بإنشاء وتحميل جميع الملفات الثمانية (HTML, CSS, JS) دفعة واحدة

تحميل المتجر الكامل

الملفات الجديدة المطلوبة

ملاحظة مهمة

يجب استبدال ملفات المتجر الحالية بالملفات الجديدة التالية لضمان عمل نظام الدفع عند الاستلام بشكل صحيح

index.html

الصفحة الرئيسية للمتجر

product.html

صفحة عرض المنتجات

order.html

نموذج الطلب والدفع عند الاستلام

order.js

ملف جافاسكريبت خاص بربط نموذج الطلب مع Google Forms و Google Sheets ومعالجة البيانات

data.js

بيانات المنتجات والإعدادات – مختلف لكل متجر

طريقة العمل

لديك صفحات منفصلة تقوم بإنتاج كل ملف من هذه الملفات:

  • صفحة إنتاج index.html: تولد الملف الرئيسي للواجهة
  • صفحة إنتاج product.html: تولد واجهة المنتجات
  • صفحة إنتاج النماذج: تولد ملفي order.html و order.js
  • صفحة إنتاج البيانات: تولد ملف data.js للمنتجات

الملفات الثابتة: styles.css و product.js لا تحتاج إلى تعديل إلا عند الضرورة، ويتم نسخها لكل متجر جديد.

الملف الثالث: script.js يحتوي على إعدادات عرض المنتجات، ويمكن تعديل عدد المنتجات الظاهرة في الواجهة.