أنشئ متجرك الاحترافي على الاستضافة المدفوعة
احصل على متجر إلكتروني احترافي بالكامل مع دومين مخصص وسرعة فائقة. استمتع بالتحكم الكامل في متجرك مع أفضل أداء وأمان عالي للعملاء في الجزائر.
خطوات إنشاء متجرك
اتبع هذه الخطوات البسيطة لإطلاق متجرك الإلكتروني
شراء الاستضافة والدومين
احصل على استضافة ويب موثوقة ودومين مخصص لمتجرك. نوصي بشدة بالخيار التالي لأفضل أداء وتوفير:
- 🌍 Hostinger (خيارنا الأول) – الاستضافة الأكثر كفاءة لمتاجر حميز نت. توفر سرعة فائقة مع تقنية NVMe، ولوحة تحكم سهلة، ودعم فني متميز.
* ننصح بخطة Business لمدة 4 سنوات للحصول على أقل سعر ($158 فقط) ودومين مجاني. - ⚡ SiteGround – أداء قوي وسرعة عالمية، مثالية للمتاجر التي تستهدف عملاء خارج الجزائر.
- 💙 Bluehost – استضافة موثوقة تقدم استقراراً عالياً ودعماً فنياً مميزاً على مدار الساعة.
توصية هامة للمحترفين: لضمان سهولة نقل متجرك مستقبلاً (بعد 4 سنوات)، يفضل شراء الدومين من موقع Namecheap ثم ربطه بـ Hostinger. هذا يجعلك المتحكم الأول والوحيد في متجرك.
بديل مجاني: يمكنك أيضاً استخدام Cloudflare Pages كخدمة مجانية ممتازة لاستضافة ملفات متجرك الثابتة التي تنتجها أدواتنا.
تحضير ملفات المتجر
في هذه المرحلة، ستقوم بإنشاء جميع ملفات متجرك باستخدام أدوات حميز نت — التي تُولّد لك الملفات تلقائياً دون الحاجة لأي خبرة برمجية.
معلومة: يتكون المتجر من 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، ونظام الطلب المباشر.
ملفات التصميم (CSS / JS)
ملفات التنسيق والوظائف الجاهزة (styles.css / script.js) تعمل تلقائياً مع القالب. يمكنك تعديل الألوان أو السلوكيات حسب هوية متجرك.
تحميل المتجر كاملاً
بمجرد انتهائك من إعداد كافة العناصر، يمكنك تحميل متجرك بالكامل في ملف مضغوط ZIP. هذا الملف مصمم ليتم رفعه مباشرة إلى استضافتك دون الحاجة لأي تعديلات إضافية، ليبدأ موقعك بالعمل فوراً.
حمل متجرك تجريبيدليل إنشاء المتجر
تعرف على كيفية إنشاء جميع ملفات متجرك الإلكتروني خطوة بخطوة
شرح مولد الصفحة الرئيسية
تعرف على كيفية إنشاء ملف index.html للصفحة الرئيسية للمتجر
شرح مفصل لأقسام لوحة التحكم
تعرف على كل قسم في لوحة التحكم وما يحتويه من ميزات وأدوات متطورة لإدارة متجرك الإلكتروني
إعدادات المتا تاج
قسم شامل لإدارة جميع عناصر SEO الأساسية لمتجرك. يتيح لك تخصيص عنوان الصفحة، الوصف، الكلمات المفتاحية، وإعدادات Open Graph للمشاركة على وسائل التواصل الاجتماعي.
- عنوان الصفحة (Page Title)
- وصف الصفحة (Meta Description)
- تحسين محركات البحث
إعدادات البكسلز
أدوات متقدمة لتتبع وتحليل أداء متجرك من خلال دمج بكسلز التتبع الرقمي. يدعم Facebook Pixel و TikTok Pixel لتحليل شامل لسلوك الزوار والعملاء.
- Facebook Pixel Integration
- TikTok Pixel Integration
العلامة التجارية
قسم متخصص لبناء وتخصيص هوية متجرك البصرية. يشمل إعدادات اللوجو، اسم المتجر، التي تحدد علامتك التجارية.
- اسم المتجر والشعار
- اختيار نوع اللوجو (أيقونة/صورة)
المحتوى الرئيسي
لإدارة النصوص والعناوين الرئيسية في متجرك. يتيح لك تخصيص رسالة الترحيب.
- العنوان الرئيسي (Hero Title)
- النص المميز والبارز
- الوصف التفصيلي
إعدادات الفوتر
إدارة شاملة لتذييل موقع متجرك بما يشمل معلومات الاتصال، الروابط السريعة، معلومات التوصيل، وحقوق النشر. كل ما يحتاجه عملاؤك للوصول إليك.
- معلومات الاتصال الكاملة
- الروابط السريعة
- الروابط وسائل التواصل
- حقوق النشر
إدارة التصنيفات
نظام لتنظيم منتجات متجرك في تصنيفات لتسهيل التصفح. يمكنك إضافة، تعديل، وحذف التصنيفات بحرية تامة لتناسب احتياجات متجرك.
- إضافة تصنيفات جديدة
- تعديل التصنيفات الموجودة
القوائم والروابط
محرر روابط القائمة الرئيسية. يدعم اضافة الروابط الداخلية او الخارجية .
- قوائم تنقل ديناميكية
- روابط داخلية وخارجية
مولد صفحة المنتجات
قم بإنشاء وتعديل ملف product.html لعرض منتجاتك
شرح أقسام النظام
تعرف على جميع الأقسام والميزات المتاحة في نظام إدارة المحتوى
الميتا تاغ والبيكسل
قسم مخصص لإدارة معلومات الصفحة الأساسية وأكواد التتبع:
- عنوان الصفحة ووصفها
- بيكسل فيسبوك وتيك توك للتتبع
إعدادات الهيدر
تحكم كامل في تصميم رأس الصفحة:
- اسم المتجر واللوغو
- اختيار نوع اللوغو (أيقونة أو صورة)
- روابط التنقل القابلة للتخصيص
- إضافة وحذف الروابط ديناميكيًا
إعدادات الفوتر
تخصيص كامل لتذييل الصفحة:
- لوغو ووصف المتجر
- الروابط السريعة
- معلومات التواصل مع الأيقونات
- حقوق النشر والعلامة التجارية
مولد نموذج الطلب
قم بإنشاء وتعديل ملفي order.html و order.js لربط النموذج مع Google Forms و Google Sheets
كيفية استخدام النظام
دليل شامل لاستخدام النظام من البداية حتى إنشاء النماذج الاحترافية
إعداد نموذج جوجل فورم (Google Form)
الطريق الاولى: إعداد نموذج الطلب الخاص بمتجرك
- انسخ النموذج الجاهز مباشرة، اضغط هنا لفتح نموذج الطلب الجاهز — سيتم تحويلك إلى Google Drive لإنشاء نسخة داخل حسابك الشخصي.
- بعد نسخ النموذج إلى حسابك، انتقل إلى
https://docs.google.com/forms/لفتحه وتعديل عنوان النموذج بما يناسب متجرك. - من إعدادات النموذج، اختر ربط النموذج مع Google Sheets ليتم حفظ جميع الطلبات تلقائيًا في جدول بيانات.
- قم بتفعيل إشعارات البريد الإلكتروني داخل Google Sheets لتصلك رسالة فورية عند وصول أي طلب جديد.
- بعد الانتهاء، انسخ رابط النموذج المباشر لاستخدامه داخل أدوات مولد ملفات نموذج طلب المتجر
توضيح هام: هذه هي الطريقة الثانية (الإعداد اليدوي من الصفر). علماً أن الطريقة الأولى هي الأسرع، الأسهل، والأكثر أماناً بدون أي تعقيدات برمجية. أما هذه الطريقة فهي مخصصة لمن يريد بناء وربط نموذج المتجر مع Google Sheets يدوياً وبالتفصيل.
قم باتباع الخطوات التالية لربط النموذج وقاعدة البيانات…
الخطوة الأولى: تثبيت إضافة الكروم الرسمية من سوق Chrome الإلكتروني
- اضغط على الزر أدناه لفتح صفحة الإضافة في سوق Chrome.
- اضغط على زر إضافة إلى Chrome (Add to Chrome).
- بعد التثبيت، ستظهر أيقونة الإضافة في شريط الأدوات أعلى المتصفح.
- تأكد من تفعيل الإضافة قبل الاستخدام.
تنبيه مهم: إذا قمت بإنشاء نموذج جديد بنفسك، تأكد أن الحقول تكون بنفس الترتيب التالي حتى تعمل الأدوات بشكل صحيح: رقم الطلب، اسم الزبون، رقم الهاتف، اسم المنتج، الكمية، السعر، الولاية، البلدية، نوع التوصيل، الإجمالي، الملاحظات، الموظف المسؤول.
استخراج معرفات الحقول
الخطوة الثالثة: الحصول على 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الحصول على رابط الاستجابة (Response URL)
الخطوة الرابعة: تحويل رابط النموذج إلى رابط الاستجابة
- يمكنك نسخ رابط الاستجابة مباشرة من الإضافة في متصفح كروم — في بداية الإضافة ستجد عنوانًا يسمى رابط الاستجابة المحول: أسفله يظهر الرابط مع زر نسخ لنسخه بسهولة.
- أو يمكنك تعديل الرابط يدويًا باستبدال الجزء
/viewformبـ/formResponse. - مثال:
https://docs.google.com/forms/d/e/1FAIpQLSedrIGUUflvMsMA-FAlZQIjtf5Nv1LTIe2al-XXXXXXXXXXX/viewformhttps://docs.google.com/forms/d/e/1FAIpQLSedrIGUUflvMsMA-FAlZQIjtf5Nv1LTIe2al-XXXXXXXXXXX/formResponseإنشاء النماذج
الخطوة الخامسة: استخدام مولد النماذج
- الذهاب إلى صفحة مولد النماذج
- لصق Entry IDs في الحقل المخصص
- إدخال رابط formResponse
- تخصيص النصوص والألوان
- إعداد معرفات التتبع (Google Analytics, Facebook Pixel, TikTok Pixel)
- توليد وتحميل الملفات النهائية
order.htmlوorder.jsالخاصة بنموذج الطلب.
مولد بيانات المنتجات
قم بإنشاء وتعديل ملف data.js لإضافة وتحديث بيانات المنتجات في متجرك
نظرة على ملف البيانات
ملف data.js يحتوي على جميع البيانات اللازمة لتشغيل المتجر الإلكتروني
بيانات المنتجات
- معلومات المنتج الأساسية (الاسم، الوصف، السعر)
- الصور الرئيسية والإضافية
- التصنيفات والتقييمات
- المميزات والمواصفات التقنية
- حالة المخزون
بيانات الولايات والشحن
- قائمة جميع الولايات الجزائرية
- البلديات التابعة لكل ولاية
- أسعار الشحن للمكتب والمنزل
معلومات الاتصال
- أرقام الهاتف والواتساب
- البريد الإلكتروني
مولد ملفات السيو (SEO)
إنشاء ملفي sitemap.xml و robots.txt لتحسين أرشفة موقعك في محركات البحث
إعدادات خريطة الموقع
أدخل معلومات موقعك لإنشاء ملف sitemap.xml احترافي
الصفحات الأساسية (تُضاف تلقائياً)
صفحات إضافية
أمثلة على صفحات يمكن إضافتها:
إعدادات ملف 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 يحتوي على إعدادات عرض المنتجات، ويمكن تعديل عدد المنتجات الظاهرة في الواجهة.
رفع الملفات ونشر المتجر
1. عبر cPanel (طريقة شائعة للمواقع الديناميكية)
- تسجيل الدخول: سجل دخولك إلى لوحة cPanel بمعلومات المزود.
- مدير الملفات (File Manager):
- افتح
File Managerوانتقل إلى مجلدpublic_htmlأو المجلد الخاص بالنطاق الفرعي. - اضغط Upload أو اسحب الملفات مباشرة لرفعها.
- تأكد من أن الملف الرئيسي هو
index.html
- افتح
- رفع أرشيف ZIP: لسرعة الرفع، ارفع ملف ZIP ثم فك الضغط داخل File Manager.
- قم بالدخول إلى cPanel الخاصة بك.
- من قسم “تطبيقات الويب” (Softaculous Apps Installer) اختر WordPress واضغط على “تثبيت”.
- في خانة المجال (Domain) اختر المجال الرئيسي لموقعك، أو أنشئ مجال فرعي مثل
images.yourstore.comلاستخدامه فقط لرفع الصور. - في خانة اسم الموقع (Site Name) ضع اسماً واضحاً مثل “مكتبة صور المتجر” أو “صور المنتجات”.
- اكتب وصفاً بسيطاً في خانة وصف الموقع — مثلاً: “يُستخدم هذا القسم لرفع صور المنتجات وصفحات الهبوط الخاصة بالمتجر”.
- قم بتعيين اسم مستخدم وكلمة مرور قوية — استخدم أرقاماً وحروفاً ورموزاً. (مثال توضيحي فقط:
H@nY#Store_2026!) — هذه مجرد مثال، يرجى اختيار كلمة مرور خاصة بك لحماية لوحة التحكم وعدم استخدام الأمثلة العامة. - في خانة البريد الإلكتروني للمسؤول، ضع بريدك الفعّال لاستلام إشعارات النظام واسترجاع كلمة المرور عند الحاجة.
- بعد الانتهاء من الإعدادات، اضغط على تثبيت (Install) وانتظر حتى يكتمل التثبيت.
- بمجرد اكتمال التثبيت، يمكنك الدخول إلى لوحة التحكم عبر الرابط
yourdomain.com/wp-admin. - استخدم هذه النسخة من WordPress فقط كأداة لرفع الصور والحصول على روابط مباشرة تُستخدم في أدوات إنشاء المنتجات وصفحات الهبوط.
- بعد التثبيت، ادخل إلى لوحة WordPress (عادة عبر
yourdomain.com/wp-admin). - من القائمة الجانبية، اختر الوسائط ← أضف جديدًا.
- قم برفع صور المنتجات أو صور صفحات الهبوط الخاصة بك.
- بعد رفع أي صورة، انسخ رابطها المباشر لاستخدامه داخل أدواتك المختلفة — مثل صفحة توليد ملف
data.jsالخاصة ببيانات المنتجات، أو صفحة إنشاء صفحات الهبوط، ليتم عرض الصور بشكل صحيح داخل متجرك. - الخطوة 1: ادخل إلى لوحة Cloudflare، ثم من القائمة الجانبية اختر Workers & Pages → Pages.
- الخطوة 2: اضغط على زر Create Application، ثم اختر Pages.
- الخطوة 3: اختر Direct Upload (الرفع المباشر).
- الخطوة 4: في خانة Project name، أدخل اسم مشروعك (مثلاً
my-store). - الخطوة 5: اسحب مجلد المتجر (أو ملف ZIP يحتوي على ملفات
index.htmlوproduct.htmlوغيرها) إلى المربع الذي يقول “Drag and drop your assets here”، أو اضغط browse لاختيار الملفات. - الخطوة 6: اضغط على Deploy site لبدء النشر.
- الخطوة 7: بعد لحظات، سيظهر رابط موقعك مثل:
https://your-project.pages.dev— يمكنك فتحه مباشرة ومشاركته. - لتحديث الموقع لاحقاً: افتح صفحة المشروع في Cloudflare، اضغط على Upload، ثم اسحب الملفات الجديدة واضغط Deploy site مجدداً.
- إضافة دومين مخصص: من صفحة المشروع اختر Custom domains → Add custom domain ثم أضف نطاقك (مثل
store.dz)، واتبع التعليمات لتفعيله. - فتح الموقع عبر الدومين والتأكد من أن
متجركيظهر. - التأكد من تحميل الصور وروابط الصفحات (product.html, order.html)
- اختبار نموذج الطلب (order.html) وإرسال طلب تجريبي.
- التحقق من شهادة SSL وأن الموقع يفتح عبر
https://. - الخطوة الأولى – إنشاء حساب:
- اذهب إلى Google Search Console
- سجل دخولك بحساب Google الخاص بك (أو أنشئ حساب جديد إذا لم يكن لديك)
- اضغط على “بدء الاستخدام” أو “ابدأ الآن”
- الخطوة الثانية – إضافة الموقع:
- اختر “خاصية عنوان URL” من الجانب الأيمن
- أدخل رابط موقعك الكامل مثل:
https://yourstore.com - تنبيه مهم: تأكد من كتابة الرابط بشكل صحيح مع
https://وبدون أي مسافات - اضغط “متابعة”
- الخطوة الثالثة – التحقق من ملكية الموقع:
الطريقة الأولى – ملف HTML (الأسهل):- ستظهر لك صفحة التحقق، اختر “ملف HTML”
- اضغط “تنزيل” لتحميل ملف التحقق (مثل:
google123abc456.html) - ارفع هذا الملف إلى المجلد الرئيسي لموقعك (نفس مكان ملف
index.html) - في cPanel: ادخل إلى File Manager → public_html → ارفع الملف هناك
- في Cloudflare Pages: ضع الملف في مجلد موقعك قبل الرفع
- تأكد من أن الملف يمكن الوصول إليه عبر:
https://yourstore.com/google123abc456.html - ارجع لصفحة Google Search Console واضغط “تحقق”
الطريقة الثانية – علامة HTML (بديلة):- اختر “علامة HTML”
- انسخ الكود المعطى (يشبه:
<meta name="google-site-verification" content="abc123..." />) - في ملف
index.htmlابحث عن<head> - ألصق الكود داخل قسم
<head>قبل</head> - احفظ الملف وارفعه للموقع
- ارجع لـ Google Search Console واضغط “تحقق”
- إنشاء ملف sitemap.xml:
- استخدم أداة مولد السيو الموجودة في هذه الصفحة (انتقل إلى قسم “مولد ملفات السيو”)
- أدخل رابط موقعك وأضف الصفحات الإضافية إن وجدت
- قم بتحميل ملف sitemap.xml المُولد
- رفع ملف الـ Sitemap:
- ارفع ملف
sitemap.xmlإلى المجلد الرئيسي لموقعك - تأكد من أن الرابط يعمل:
https://yourstore.com/sitemap.xml
- ارفع ملف
- إرسال الـ Sitemap لجوجل:
- في Google Search Console، اذهب إلى “خرائط الموقع” من القائمة الجانبية
- اكتب
sitemap.xmlفي المربع - اضغط “إرسال”
- انتظر بضع دقائق وستظهر حالة الـ Sitemap كـ “نجح”
- فحص URL محدد:
- في أعلى Google Search Console، استخدم مربع البحث
- اكتب رابط الصفحة كاملاً (مثل:
https://yourstore.com/) - اضغط Enter
- طلب الفهرسة:
- إذا ظهر “عنوان URL غير موجود في Google”، اضغط “طلب الفهرسة”
- إذا ظهر “عنوان URL موجود في Google”، اضغط “طلب إعادة الفهرسة”
- انتظر 1-2 دقيقة لمعالجة الطلب
- إذا لم تتم أرشفة صفحة منتج معينة، أضف رابطها يدويًا داخل ملف
sitemap.xml، ثم أعد إرسال الملف في Google Search Console. بعدها استخدم أداة فحص عنوان URL:
4. مراقبة الأداء والفهرسة (بعد أيام من النشر)
- الأداء (Performance):
- اذهب إلى “الأداء” لمراقبة:
- النقرات من نتائج البحث
- مرات الظهور في البحث
- متوسط الترتيب
- الكلمات المفتاحية الأكثر جلباً للزوار
نصائح مهمة لتحسين الأرشفة: الصبر (قد تستغرق الفهرسة من بضع ساعات إلى عدة أيام)، المحتوى الجيد (عناوين ووصوف جذابة)، الكلمات المفتاحية (استخدام كلمات يبحث عنها العملاء)، التحديث المستمر، سرعة تحميل الموقع، والتأكد من توافق الموقع مع الجوال.
تنبيهات مهمة: عدم الإفراط في طلب الفهرسة، تجنب المحتوى المكرر، التأكد من عدم وجود روابط معطلة، وضبط ملف robots.txt لعدم حجب الصفحات المهمة (استخدم أداة مولد السيو لإنشاء ملف صحيح).
5اختبار المتجر وإطلاقه
تأكد من عمل جميع الميزات قبل الإطلاق الرسمي:
- اختبر سرعة تحميل الصفحات
- تأكد من عمل نموذج الطلب
- اختبر التصميم على الجوال والأجهزة المختلفة
- فعّل Google Analytics للتتبع
- اختبر ظهور الموقع في نتائج بحث جوجل (ابحث عن اسم متجرك)
مبروك! متجرك الآن جاهز للعمل ومُفهرس في جوجل لاستقبال الطلبيات 🎉6كيفية إضافة منتج جديد
في هذه الخطوة سنتعلم كيفية إنشاء صفحة منتج احترافية كاملة مع نموذج طلب مدمج.
خطوة 1: الحصول على نموذج طلب Google Forms
نحتاج الآن لإنشاء نموذج Google Forms لاستقبال طلبيات العملاء.
- من القائمة الجانبية في موقع تكوين صفحات المنتجات ، اضغط على نموذج الطلب للمنتجات.
- ستفتح صفحة Google Drive تحتوي على ملف نموذج المتجر.
- حدد الملف واضغط على إنشاء نسخة.
- بعد إنشاء النسخة، اضغط على إظهار الملف.
- ستجد النسخة في ملفاتي باسم “نسخة من نموذج المتجر”.
- افتح النسخة واضغط على النشر في الأعلى.
خطوة 3: ربط النموذج بجداول البيانات
- داخل النموذج، اذهب إلى قسم الردود.
- اضغط على ربط بجداول البيانات.
- اختر إنشاء جدول بيانات جديد.
- في نفس قسم الردود، اضغط على النقاط الثلاث (⋮) بجانب أيقونة الجدول.
- اختر الحصول على إشعارات بالبريد الإلكتروني للردود الجديدة.
فائدة: الآن عندما يطلب عميل منتجاً، ستصلك إشعار فوري عبر البريد الإلكتروني، وستُسجل الطلبية تلقائياً في جدول البيانات.
خطوة 4: نسخ رابط النموذج
- في أعلى صفحة النموذج، ستجد زر نسخ الرابط.
- اضغط عليه لنسخ رابط النموذج.
- احتفظ بهذا الرابط، سنحتاجه في الخطوة التالية.
خطوة 5: استخدام أداة تكوين صفحات المنتجات
الآن ننتقل إلى أداة تكوين صفحات المنتجات لإنشاء صفحة المنتج الكاملة.
ملاحظة: هذه الأداة ضمن باقة أدوات حميز نت المدفوعة. تتطلب تفعيل رمز الوصول السنوي ($9.99). بعد الحصول على الرمز، ستتمكن من استخدام كافة خصائص الأداة.
أ. الإعدادات العامة
- رابط النموذج: الصق رابط Google Forms الذي نسخته.
- اضغط على زر التحويل لتحويل الرابط من
viewformإلىformResponse. - نص الشريط الإخباري: أضف نصاً ترويجياً (مثال: “توصيل مجاني للطلبات فوق 5000 دج”).
- أيقونة الشريط الإخباري: اختر أيقونة مناسبة.
- لون الخلفية ولون النص: خصص ألوان الشريط حسب هوية متجرك.
ب. إعدادات الميتا تاج (Meta Tags)
- عنوان الصفحة: ضع عنواناً وصفياً للمنتج.
- وصف الصفحة: أضف وصفاً مختصراً يظهر في محركات البحث.
- الكلمات المفتاحية: أضف كلمات مفتاحية ذات صلة بالمنتج.
- اسم المؤلف: ضع اسم متجرك.
نصيحة SEO: يمكنك ترك إعدادات Open Graph (فيسبوك) وتويتر فارغة إذا لم تكن تحتاجها.
ج. إعدادات المنتج
- عنوان المنتج: اسم المنتج الكامل.
- الفئة: التصنيف (مثال: إلكترونيات، ملابس، إلخ).
- السعر الحالي: السعر بعد التخفيض.
- السعر الأصلي: السعر قبل التخفيض. إذا لم يكن هناك تخفيض، ضع نفس السعر الحالي.
- الوصف القصير: وصف مختصر للمنتج.
خطوة 6: رفع الصور واستخراج روابطها الاحترافية
بما أننا لا نريد استخدام مواقع رفع صور خارجية قد تحذف صورك مستقبلاً، سنستخدم Blogger كمساحة تخزين مجانية ودائمة لصور منتجاتك.
أولاً: إنشاء مساحة لرفع الصور على Blogger
- توجه إلى موقع Blogger.com وقم بتسجيل الدخول بحسابك.
- إذا لم تكن تملك مدونة، اضغط على إنشاء مدونة جديدة (اختر أي اسم، مثلاً: “مخزن صور المتجر”).
- اضغط على مشاركة جديدة (New Post). لا يهم العنوان أو النص، هذا المنشور سيكون مخصصاً فقط لرفع صورك.
- تأكد أنك في وضع “عرض وضع HTML”، ثم اضغط على أيقونة الصورة (إدراج صورة) وقم برفع جميع صور المنتج من جهازك.
- خطوة هامة للجودة: بعد ظهور الصور في المحرر: 1. من خيار “الحجم”، اختر “الحجم الأصلي” (Original Size).
2. اضغط على حسنا لضمان ظهور الصورة بكامل دقتها في المتجر. - ستظهر لك أكواد طويلة، قم بنسخ كل ما في المربع (هذا هو الكود الذي يحتوي على روابط صورك).
ثانياً: استخراج الروابط باستخدام أداة حميز نت
- توجه إلى أداة استخراج روابط الصور من النصوص.
- قم بلصق الكود الذي نسخته من Blogger في المربع المخصص.
- اضغط على زر استخراج الروابط.
- ستقوم الأداة فوراً بتنظيف الأكواد وإظهار الروابط المباشرة فقط.
- للصورة الرئيسية: انسخ رابط أول صورة وضعه في خانة “الصورة الرئيسية” في أداة تكوين المنتج.
- لصور المعرض (Gallery): حدد باقي الروابط، اختر خيار “سطر تحت سطر” لضمان نسخها بشكل منظم، ثم الصقها في خانة “الصور الإضافية”.
د. شارات المنتج
يمكنك إضافة شارات مثل “جديد” أو “تخفيض 30%” لتظهر فوق صورة المنتج.
هـ. قائمة الميزات
أضف ميزات المنتج، كل ميزة في سطر منفصل.
و. المواصفات التقنية
أضف المواصفات التقنية للمنتج إن وجدت.
نصيحة: يمكنك استخدام Gemini AI أو أي ذكاء اصطناعي لإنشاء الميزات والمواصفات بسرعة.
خطوة 7: إعدادات متقدمة
أ. العروض الخاصة + الكمية
يمكنك إضافة عروض خاصة تظهر فوق نموذج الطلب، مع إمكانية:
- 🔢 تفعيل تحكم بالكمية لكل عرض مع حد أقصى.
- ✨ إضافة اختيار الألوان مع معاينة مرئية.
- 📏 إضافة اختيار المقاسات (حروف أو أرقام).
- 🎛️ تحكم كامل في تفعيل الكمية والألوان والمقاسات لكل عرض بشكل منفصل.
ب. البيكسل والتتبع
أضف أكواد تتبع Facebook Pixel أو TikTok Pixel لمتابعة أداء إعلاناتك.
ج. أسعار الشحن
حدد أسعار الشحن لكل ولاية في الجزائر.
خطوة 8: توليد وحفظ صفحة المنتج
- بعد إكمال جميع الإعدادات، اضغط على حفظ التكوين في الأعلى.
- اضغط على زر توليد الكود ليظهر لك كود الصفحة كاملاً.
- لمستخدمي الاستضافات: اضغط على زر تحميل الملف المنتج بجانب زر التوليد؛ سيتم تحميل ملف جاهز باسم
product-page.htmlمباشرة إلى جهازك.
خطوة 9: نشر صفحة المنتج (اختر طريقتك)
2. الرفع على Hostinger / cPanel:ارفع ملف
product-page.htmlإلى مجلد موقعك (مثلاً داخل مجلد باسم المنتج)، وقم بتغيير اسمه إلىindex.htmlليفتح الرابط مباشرة.3. الرفع الاحترافي على Cloudflare Pages (مجاني):هذه الطريقة تمنحك استضافة سريعة جداً ومجانية مدى الحياة مع شهادة أمان SSL تلقائية.
- قم بتغيير اسم الملف الذي حملته من الأداة إلى
index.html(ضروري جداً). - ضع الملف وحيداً داخل مجلد جديد على سطح المكتب (سمِّ المجلد باسم المنتج، مثلاً:
watch-store). - في حسابك على Cloudflare، انتقل إلى Workers & Pages ثم اضغط على Create Application.
- اختر تبويب Pages ثم اضغط على Upload assets.
- إعداد الدومين الفرعي: سيطلب منك تسمية المشروع؛ الاسم الذي تطلبه سيكون هو الدومين الفرعي الخاص بك (مثلاً إذا اخترت
mystoreسيكون رابطكmystore.pages.dev). - قم بسحب وإفلات المجلد الذي أنشأته، ثم اضغط على Deploy site.
ملاحظة: يمكنك لاحقاً ربط دومينك الخاص (مثلاً
.com) من إعدادات Custom Domains داخل المشروع بكل سهولة.🎉 تهانينا! صفحة منتجك جاهزة الآن! يمكنك زيارتها والتأكد من أن كل شيء يعمل بشكل صحيح.7الجزء الثاني: ربط صفحة المنتج وإضافتها إلى الصفحة الرئيسية
خطوة 1: الدخول إلى لوحة إدارة المنتجات
ادخل إلى لوحة إدارة منتجات المتجر.
يمكنك أيضاً الوصول إليها من القائمة الجانبية في صفحة تكوين المنتجات.
خطوة 2: إضافة التصنيفات
- اذهب إلى قسم التصنيفات.
- أضف نفس التصنيفات التي أضفتها في واجهة المتجر.
مهم: التصنيفات يجب أن تكون متطابقة بين الواجهة وملف البيانات لكي تعمل الفلترة بشكل صحيح.
خطوة 3: إضافة منتج جديد
- اذهب إلى قسم المنتجات.
- اضغط على إضافة منتج.
أ. المعلومات الأساسية
- اسم المنتج: الاسم الكامل.
- التصنيف: اختر التصنيف المناسب.
- السعر الحالي: السعر بعد التخفيض.
- السعر الأصلي: إذا لم يكن هناك تخفيض، ضع نفس السعر الحالي.
- المخزون: ضع
999(المخزون غير فعّال في صفحات الهبوط ). - ترتيب العرض: رقم الترتيب في المعرض.
ب. التفاصيل والوصف
- الكلمات المفتاحية: أضف كلمات مفتاحية للمنتج.
- الوصف التفصيلي: ضع مسافة صغيرة أو نقطة (الحقل مطلوب لكن غير مستخدم في صفحات الهبوط).
- المميزات: اتركه فارغاً.
- المواصفات التقنية: اتركه فارغاً.
ملاحظة هامة: الحقول مثل “الوصف التفصيلي” و “المميزات” مخصصة حصرياً لصفحات منتجات المتجر (التي تظهر عند النقر على المنتج في الصفحة الرئيسية).
أما في حالة إنشاء صفحة هبوط مستقلة (Landing Page)، فلا داعي لملء هذه الحقول هنا لأنك ستقوم بكتابة وتصميم محتواها بالكامل داخل أداة تكوين الصفحات لضمان مظهر احترافي ومتكامل.ج. الصور والمعاينة
- الصورة الرئيسية: الصق رابط الصورة الرئيسية.
- الصور الإضافية: الصق روابط الصور مفصولة بفواصل (استخدم أداة استخراج الروابط واختر خيار “مفصولة بالفواصل”).
د. رابط الزر وإعدادات متقدمة
- رابط الزر “عرض المنتج”: الصق رابط صفحة المنتج .
- كود مدمج: اتركه فارغاً.
- رابط مخصص: الصق نفس رابط صفحة المنتج.
- شارة المنتج: اختر شارة إن أردت (جديد، تخفيض، إلخ).
هـ. خيارات العرض
- فعّل إظهار زر “عرض المنتج” فقط.
- أطفئ إظهار زر “إضافة للسلة” (غير مطلوب في صفحات الهبوط).
خطوة 5: حفظ المنتج
- اضغط على حفظ المنتج.
- كرر العملية لإضافة جميع منتجاتك.
خطوة 6: تصدير وتحديث ملف البيانات
- بعد إضافة جميع منتجاتك وتعديل خيارات الشحن، اضغط على زر تصدير البيانات في الأعلى.
- سيتم تحميل ملف جديد على جهازك باسم
data.js.
تنبيه هام جداً: يجب عليك الآن الذهاب إلى مدير الملفات في استضافتك (أو مجلد متجرك) ورفع ملف
data.jsالجديد **ليستبدل الملف القديم تماماً**. بدون هذه الخطوة، لن تظهر التعديلات أو المنتجات الجديدة في صفحة متجرك الرئيسية.🎉 مبروك! متجرك الآن جاهز بالكامل بالبيانات المحدثة. الصفحة الرئيسية تعرض جميع منتجاتك بشكل منظم، وكل منتج مرتبط بصفحته الخاصة التي تحتوي على نموذج الطلب.
الخطوات التالية
- ✅ تأكد من أن جميع روابط المنتجات تعمل بشكل صحيح.
- ✅ اختبر نموذج الطلب للتأكد من وصول الطلبيات إلى بريدك الإلكتروني وGoogle Sheets.
- ✅ ابدأ بالترويج لمتجرك عبر وسائل التواصل الاجتماعي.
- ✅ أضف إعلانات مدفوعة على فيسبوك أو تيك توك لزيادة المبيعات.
لم تظهر التعديلات أو المنتجات الجديدة؟
إذا قمت برفع ملف
data.jsالجديد وما زلت ترى المنتجات القديمة (أو لا ترى شيئاً)، فهذا بسبب “ذاكرة الكاش” في متصفحك. المتصفح يعرض النسخة القديمة المحفوظة لديه بدلاً من تحميل الملف الجديد.🛠️ الحل: إضافة رقم الإصدار (Version)
افتح ملف
index.html(أو ملف الصفحة الرئيسية) باستخدام أي محرر نصوص، وابحث عن سطر استدعاء البيانات في الأسفل، ثم قم بتغيير رقم الإصدار كما يلي:// الكود القديم (مثلاً)<script src=”data.js?v=1.0.1“></script>// الكود الجديد (قم بزيادة الرقم)<script src=”data.js?v=1.0.2“></script>ملاحظة: في كل مرة تقوم فيها بتحديث المنتجات وتصدير ملف
data.js، يفضل تغيير هذا الرقم (مثلاً من 1.0.2 إلى 1.0.3) لضمان ظهور التعديلات فوراً لكل الزوار. - Hostinger: للحصول على سعر 158$ (أي 39.50$ سنوياً)، يجب اختيار مدة الحجز 48 شهراً. هذا الخيار يوفر عليك أكثر من 70% من السعر العادي.
- بلوجر: يظل الخيار الأفضل لمن يبدأ بميزانية صفرية للاستضافة، مع الحفاظ على سرعة جوجل.
- توصية : لضمان استقلالية متجرك وسهولة نقله مستقبلاً، يفضل شراء الدومين من موقع Namecheap ثم ربطه باستضافة Hostinger. هذه الخطوة تمنحك تحكماً كاملاً وتسهل عليك نقل متجرك إلى أي استضافة أخرى بعد انتهاء فترة الـ 48 شهراً دون أي تعقيدات تقنية.
- رمز التفعيل: جميع الأدوات تتطلب تفعيل من المتجر: shop.hamiz.net
إعداد مساحة لرفع الصور (عبر WordPress في cPanel)
في هذه الخطوة، ننصحك باستخدام WordPress داخل استضافة cPanel فقط كأداة عملية لرفع الصور والحصول على روابط مباشرة لها.
💡 نصيحة: بهذه الطريقة، يمكنك استخدام WordPress كمدير وسائط بسيط دون الحاجة إلى بناء موقع كامل، مما يسهّل إدارة الصور وروابطها بشكل منظم واحترافي.
نصيحة عملية: إذا كنت تبحث عن خيار اقتصادي وفعّال، يمكنك استخدام Cloudflare Pages لاستضافة متجرك بالكامل مجانًا. فهي سريعة، موثوقة، ولا تحتاج إلى إعدادات معقدة، مما يجعلها مثالية لتوفير تكاليف الاستضافة دون التأثير على أداء المتجر.
رفع المتجر على استضافة مجانية (خيار اقتصادي)
2. الاستضافة الثابتة (Cloudflare Pages) — للمواقع الثابتة (HTML / CSS / JS)
يمكنك استخدام Cloudflare Pages كخدمة مجانية وسريعة لنشر متجرك الذي تم إنشاؤه بواسطة أدواتنا، دون الحاجة لأي إعدادات معقدة.
💡 ملاحظة: Cloudflare Pages يستضيف فقط المواقع الثابتة (HTML / CSS / JS)، وهو مثالي لمتاجرنا لأنها لا تحتاج إلى قواعد بيانات أو سكربتات خادم.
3. فحص ما بعد النشر (Check list)
أرشفة وفهرسة الموقع في جوجل
خطوة بالغة الأهمية لضمان ظهور متجرك في نتائج البحث وجلب الزوار المجانيين:
1. إعداد Google Search Console (وحدة التحكم في البحث)
Google Search Console هي أداة مجانية من جوجل لمراقبة وإدارة ظهور موقعك في نتائج البحث.
2. إرسال خريطة الموقع (Sitemap)
خريطة الموقع تساعد جوجل في اكتشاف جميع صفحات موقعك بسرعة:
💡 نصيحة: استخدم أداة مولد ملفات السيو المدمجة في هذه الصفحة لإنشاء ملفي sitemap.xml و robots.txt بسهولة وبشكل احترافي.
انتقل لأداة مولد السيو
3. طلب فهرسة صفحات محددة
لتسريع عملية ظهور صفحاتك في نتائج البحث:
أدوات إنشاء المتجر
جميع الأدوات التي تحتاجها لإنشاء متجر احترافي
دليل فهرسة جوجل
دليل شامل لأرشفة متجرك في محرك البحث جوجل وزيادة الزوار المجانيين من نتائج البحث.
مولد ملفات السيو
أداة داخلية لإنشاء ملفي sitemap.xml و robots.txt لتحسين أرشفة موقعك في محركات البحث مع إمكانية التحميل المباشر.
مولد الصفحة الرئيسية
إنشاء ملف index.html لواجهة المتجر، مع عرض المنتجات والبحث والفلترة.
استخدم الأداةمولد صفحة عرض المنتجات
إنشاء ملف product.html يعرض تفاصيل كل منتج بالاعتماد على بيانات ملف data.js.
مولد نظام الطلبيات
توليد ملفي order.html وorder.js المخصصين لربط الطلبات مع Google Forms وGoogle Sheets.
مولد بيانات المنتجات
إنشاء وتحرير ملف data.js الذي يحتوي على جميع بيانات المنتجات، الأسعار، والمعلومات العامة.
مولد الصفحات القانونية
إنشاء صفحات سياسة الخصوصية، شروط الاستخدام وسياسة الشحن بسهولة وبشكل تلقائي.
مولد صفحات المنتجات Product Page
إنشاء صفحات منتجات احترافية تتضمن نموذج طلب مدمج في نفس الصفحة مع دعم تتبع البيكسل ونظام الطلبيات المتروكة لزيادة التحويلات.
نظام تأكيد الطلبيات
لوحة تحكم لإدارة وتأكيد الطلبيات وتتبع حالة التوصيل.
مكتبة الأيقونات
مكتبة شاملة لأيقونات Font Awesome لاستخدامها في التصنيفات والعناصر المختلفة.
ملاحظة هامة
للوصول للأدوات المدفوعة، تحتاج لشراء رمز الوصول السنوي بـ $9.99 فقط.
اختر منصة متجرك
لدينا حلول متخصصة لكل منصة لضمان أفضل تجربة لك ولعملائك
متجر على الاستضافة
Hostinger – استضافة Business
متجر على بلوجر
Google Blogger
استضافات مجانية (ثابتة) ننصح بها
Cloudflare Pages
استضافة مجانية سريعة جداً للمتاجر الثابتة (Static)
باستخدام هذه الاستضافات + أدوات حميز نت ($9.99) ستحصل على متجر احترافي بتكلفة أقل من 10 دولار في السنة.