محرّر التخصيص في DZBuild محرّرٌ مباشر: غيِّر إعدادًا في جهة الأدوات وشاهد معاينة المتجر تتحدّث في الجهة المقابلة.
🎬 فيديو — جولة تخصيص كاملة
أين تجده
توجد صفحة تخصيص واحدة: من القائمة الجانبية تخصيص المتجر ← تخصيص (/dashboard/customize). وهي تعمل مع كل القوالب. ويفتح زرّ المساعد الذكي في هذه الصفحة مساعد التصميم، الذي يغيّر تصميمك انطلاقاً من كلمات قليلة.
أما الخيارات الخاصّة بكل قالب فتظهر كأقسام إضافية داخل تلك الصفحة بمجرّد تفعيل القالب — فـ Prestige مثلًا يضيف: الـ hero، والتصنيفات، والمنتجات المميّزة، والبنر، والعلامة، وآراء العملاء. ولا توجد صفحة /dashboard/customize/prestige. ويوجد محرِّر قديم منفصل على /dashboard/customize/digital لمتاجر Digital، لكنه غير مرتبط بلوحة التحكم ويعيد التوجيه إلى /dashboard/customize إن لم يكن قالبك هو Digital.
ما يمكنك تخصيصه
الصفحة منظَّمة في الأقسام التالية، إضافةً إلى ما يضيفه قالبك النشط:
القسم | الأدوات |
لغة المتجر | العربية أو الفرنسية. هذا يقلب المتجر بأكمله، بما في ذلك اتجاه النص |
الرأسية والشعار | الشعار، الـ favicon (Pro فما فوق)، اسم المتجر مع إظهاره/إخفائه، لون شريط التنقّل ولون نصّه (Pro فما فوق)، نمط شريط التنقّل (افتراضي / وسط / بسيط / شفّاف)، نمط القائمة (افتراضي / أقراص / تسطير / أزرار)، حجم الشعار (صغير / متوسط / كبير)، نمط أيقونة السلة (افتراضي / ممتلئ / مفرّغ / بسيط)، مفاتيح التثبيت والظلّ والحدّ، إظهار أيقونة السلة، إخفاء شريط التنقّل في صفحة المنتج |
الألوان والخط | الأساسي، الثانوي، الخلفية (Pro فما فوق)، عناوين الأقسام (Pro فما فوق)، الخط (Cairo / Tajawal / Almarai / Inter)، نمط الأزرار (مدوّر / مربّع / قرصي) |
شريط البحث | إظهار بحث المتجر أو إخفاؤه |
شريط الإعلان (Pro) | النص، الرابط، لون الخلفية، لون النص، الحركة (ثابت أو تمرير متواصل) |
أقسام الصفحة الرئيسية | أضف كتلًا إلى صفحتك الرئيسية (منتجات فئة، لافتة، أسئلة شائعة وغيرها)، ثم رتّبها أو أخفِها أو احذفها. انظر أقسام الصفحة الرئيسية |
بطاقة المنتج | إخفاء «أضف إلى السلة»، إخفاء إجراء الـ hover، إخفاء التصنيف، إخفاء السعر، إخفاء سعر المقارنة، إخفاء الشارة، انحناء الزوايا (0 / 8 / 16 / 24 بكسل)، إجراء الزر (أضف إلى السلة أو اشترِ الآن)، نمط الزر، نص الزر |
ترتيب المنتجات | دفع المنتجات النافدة إلى آخر القوائم |
صفحة المنتج | تخطيط الصورة، إطار الصورة، المنتجات ذات الصلة، إخفاء «أضف إلى السلة» / «اشترِ الآن» / السلة (Pro)، شريط الشراء وحجم أزرار الشراء، بالإضافة إلى حقول الدفع السريع أدناه |
صفحة الدفع (Pro) | إخفاء حقول الإيميل / العنوان / الملاحظات، تخطيط الصفحة، وإعادة كتابة عنوان الصفحة وعناوين المعلومات الشخصية / العنوان / التوصيل / الملخّص ونص الزر ونص الدفع ورسالة النجاح ونص البنر — إضافة إلى لونَي خلفية البنر والرأسية |
التذييل | اللون (Pro)، نص «من نحن»، حقوق النشر، روابط WhatsApp / Facebook / Instagram / TikTok / Telegram / GitHub، رابط مخصّص واحد، إخفاء علامة DZBuild («غير محدود» فما فوق) |
أداة المساعدة | زرّ تواصل في متجرك. في الخطة المجانية تعرض الأداة زرّ WhatsApp فقط. أمّا Pro فيفتح لوحة كاملة: العنوان، العنوان الفرعي، جهة الزر، قنوات التواصل، إضافة اسم المنتج إلى رسالة WhatsApp من صفحة المنتج، الأسئلة والأجوبة، نصوص إضافية، وشكل الزر. ويضيف «غير محدود» رسالة ترحيب وصفحات إضافية تظهر فيها الأداة (صفحات الهبوط، صفحة الدفع، تأكيد الطلب). ويضيف Enterprise رسالة ترحيب لكل صفحة وأوقات العمل |
SEO | عنوان الصفحة، الوصف الميتا، الكلمات المفتاحية |
CSS مخصَّص (Enterprise) | حقن أي CSS للتغلّب على الإعدادات الافتراضية للقالب |
JavaScript مخصّص (Enterprise) | أضف كود JavaScript الخاص بك إلى واجهة المتجر |
غير متوفّر: لا يوجد مُحمِّل لصورة البطاقة الاجتماعية / OG (شعارك هو صورة المشاركة)، ولا خط Roboto، ولا خط منفصل للعناوين، ولا فيديو hero، ولا مُنتقي منتجات لكتلة المنتجات المميّزة (استعمل مفتاح مميّز في كل منتج، والصفحة الرئيسية تعرض 8 كحدّ أقصى)، ولا إعدادات لنصوص نافذة السلة، ولا تحكُّم في قائمة الجوال، ولا أيقونات دفع في التذييل. والقوالب التي تملك شريط تنقّل سفليًّا على الجوال هي Brico وStarted V2 (showcase) وBloom ؛ أما كل القوالب الأخرى، بما فيها Digital، فتستعمل قائمة البرغر المنسدلة المشتركة.
الدفع السريع (Fast Checkout) — نموذج الطلب المدمج
يمكن لصفحة المنتج أن تحمل نموذج طلب مدمجًا حتى لا يحتاج العميل إلى الوصول إلى السلة أصلًا. توجد أدواته في قسم صفحة المنتج. في Pro فما فوق يمكنك إظهار الدفع السريع أو إخفاؤه، وضبط عنوانه، ونص زرّه، ولون خلفيته، ولون الزر، ولون زر «اشترِ الآن». ويمكن لكل الخطط اختيار إظهار حقل ملاحظات، والتخطيط بعمود واحد، وأيقونات الحقول، وإخفاء حقل العنوان. ويمكن لكل الخطط أيضاً جعل العنوان إجبارياً في هذا النموذج (مطفأ افتراضياً، فيبقى الحقل اختيارياً حتى تفعّله؛ طلب التوصيل إلى المكتب أو الاستلام من المحل لا يحتاج عنواناً). ويحمل قسم صفحة الدفع المفتاح نفسه لصفحة الدفع، مفعّلاً افتراضياً.
أما الشكل البصري للنموذج فاختيار منفصل من لوحة التحكم → القوالب → الطلب السريع (Classique = Free، Commerce = Pro، Editorial = غير محدود، Compact وStepper = Enterprise).
شريط الشراء
على الهاتف، يبقى شريط فيه أزرار الشراء ثابتاً أسفل صفحة المنتج. توجد أدواته في قسم صفحة المنتج، تحت أزرار الشراء والكمية، وهي مجانية في كل الخطط:
إظهار شريط الشراء على الهاتف. إطفاؤه يُخفي الشريط. وإذا كان نموذج الدفع السريع مُطفأً يبقى الشريط ظاهراً رغم ذلك، فيجد الزبون على الهاتف زرّ الشراء دائماً.
إظهار الكمية في شريط الشراء. إطفاؤه يحذف زرّي الكمية من الشريط، على الهاتف والحاسوب.
إظهار الكمية في نموذج الطلب. إطفاؤه يحذف الكمية من نموذج الدفع السريع. فيطلب الزبون قطعة واحدة، إلا إذا اختار عرضاً أو كمية من شريط الشراء، أو كان للمنتج حدّ أدنى للكمية.
حجم أزرار الشراء. عادي أو كبير. الحجم الكبير يجعل أزرار الشريط وزرّ الطلب في النموذج أعلى، بنصّ أكبر.
وعندما يكون نموذج الدفع السريع مطفأً، يعرض الهاتف صفّ الكمية و«أضف إلى السلة» و«اشترِ الآن» في مكان النموذج كما على الحاسوب، ويبقى الشريط العائم. تتغيّر المعاينة بمجرد أن تبدّل أي أداة، ويظهر التغيير على متجرك خلال 5 دقائق تقريباً بعد الحفظ. لا يملك قالب Digital نموذج دفع سريع، فلا يغيّر فيه مفتاح الكمية في نموذج الطلب شيئاً، وتبقى أزرار الشراء في الصفحة عندما تُخفي الشريط.
سير العمل
افتح لوحة التحكم → التخصيص.
لوحة الأدوات تضمّ كل عناصر التحكم ؛ واللوحة المقابلة تعرض معاينة مباشرة لمتجرك.
بدِّل بين معاينة سطح المكتب واللوحي والجوال من أعلى لوحة المعاينة.
اضغط حفظ عند الرضا.
لا يوجد زرّ «تجاهل». للتخلّي عن تعديلات غير محفوظة، أعِد تحميل الصفحة — فلا شيء يُخزَّن قبل الضغط على «حفظ». والأداة الوحيدة الأخرى هي زرّ ↺ إعادة التعيين بجانب «حفظ»، وهو يستعيد الإعدادات الافتراضية للمتجر كلّه ويحذف نهائيًّا الصور التي رفعتها — أي أنه ليس زرّ تراجع.
متى يرى الزوّار التغيير
أنت ترى التغيير فورًا في المعاينة. أما في المتجر فيسري على الصفحات المعروضة بعد ضغطك على «حفظ»، وصفحات المتجر مخزّنة مؤقتاً لبضع دقائق، فالزائر الذي كانت الصفحة مفتوحة لديه قد يبقى يرى النسخة القديمة حتى نحو خمس دقائق. لا يوجد زر لتفريغ الكاش، ولا يستطيع الدعم تفريغه لك. وإذا لم يظهر التغيير بعد ذلك، أعِد التحميل بقوّة أو افتح نافذة خاصّة لاستبعاد ذاكرة متصفّحك أنت.
رفع الصور من المخصِّص
اسحب وأفلت أو اضغط على أي حقل صورة للرفع — الشعار والـ hero وhero الجوال والـ favicon والبنرات كلّها تعمل بنفس الطريقة، ولبنرات قالب Digital الترويجية وشرائح الـ hero الخاصة به أداة رفع خاصّة داخل أقسام Digital.
تُستضاف الصور المرفوعة وتُقدَّم لك عبر شبكة توصيل الصور الخاصة بـ DZBuild. وتُعاد أحجام صور الـ hero والبنرات الترويجية وبلاطات التصنيفات وشبكات منتجات القوالب وشعار الرأسية تلقائيًا بما يناسب الحجم المعروض به، كما تُضغَط البنرات إلى WebP (بحدّ أقصى 2000 بكسل) عند الرفع، فحجم الملف الأصلي ليس مشكلة. أما الـ favicon فهو الأصل الوحيد الذي يُقدَّم كما رُفِع تمامًا، ولهذا يجب أن يطابق حجمه أحد الأحجام المقبولة — انظر الهوية البصرية.
إعادة التعيين إلى الإعدادات الافتراضية
🛑 هام جدًا — إعادة التعيين تحذف الصور التي رفعتها
لوحة التحكم → التخصيص → ↺ إعادة التعيين (/dashboard/customize/reset) تستعيد إعدادًا افتراضيًّا ثابتًا بأسلوب Starter — لون أساسي كهرماني #f59e0b، خلفية بيضاء، خط Cairo، عناوين عربية افتراضية — مهما كان القالب الذي تستعمله. وهي لا تستعيد لوحة ألوان قالبك.
كما أنها تحذف نهائيًّا الشعار وأيقونة الموقع وصورة الـ hero لسطح المكتب التي رفعتها من مساحة التخزين، وتمسح CSS المخصَّص وJavaScript المخصّص ونصّ الإعلان ونصوص الـ hero والأقسام والتذييل. منتجاتك وطلباتك وعملاؤك لا تتأثّر، لكن أصول علامتك تختفي ويجب رفعها من جديد.
خيارات خاصّة بالقالب
يضيف كل قالب أقسامه الخاصّة إلى صفحة التخصيص:
Digital — شريط hero (3 شرائح صور، لكل واحدة عنوان ونص زر ورابط) بالإضافة إلى ودجة جانبية، وشريط تصنيفات، والأكثر مبيعًا، والأكثر رواجًا حسب التصنيف، وبنرَين ترويجيَّين، وكتلة أعمدة متعدّدة.
Prestige — الـ hero، التصنيفات، المنتجات المميّزة، البنر الترويجي، العلامة/التواصل، آراء العملاء.
Started V2 (showcase) — الـ hero، التصنيفات، البنر الترويجي، المنتجات المميّزة، العلامة/التواصل، 3 شارات ثقة.
Bloom — الـ hero، التصنيفات، المنتجات المميّزة، البنر الترويجي، 3 شارات ثقة.
Promobi — الـ hero، شريط الـ marquee (مع إعداد للسرعة)، الكتالوج، 3 شارات ثقة.
Brico — شريط التنقّل الفرعي، التصنيفات، الأكثر مبيعًا، معلومات المتجر.
Starter — الـ hero، التصنيفات، المنتجات المميّزة.
أما انحناء زوايا البطاقات وإعدادات التذييل فهي خيارات أساسية متاحة في كل القوالب. ونمط شريط التنقّل كذلك، ما عدا في Promobi: فهذا القالب يرسم شريط تنقّل خاصًّا به مع الشعار في الوسط، لذلك تُخفي صفحة التخصيص فيه أدوات نمط شريط التنقّل، ونمط القائمة، ونمط أيقونة السلة، والتثبيت / الظلّ / الحدّ، وإظهار اسم المتجر، ورابط الإعلان، وحركة شريط الإعلان. وكثافة الشبكة (2 / 3 / 4 أعمدة) غير قابلة للضبط في أي قالب.
انظر الوثائق لكل قالب لمعرفة شكل كل واحد.
إعادة ترتيب صفحة المنتج (Pro فما فوق)
يمكن لمتاجر Pro و«غير محدود» وEnterprise سحب كتل صفحة المنتج بأي ترتيب من صفحة التخصيص: المعرض، التصنيف، العنوان، السعر، العروض، المتغيّرات، الإضافات، أزرار الشراء، الدفع السريع، الوصف. ويوجد رابط لإعادتها إلى الترتيب الافتراضي.
CSS مخصَّص (Enterprise)
تكشف باقة Enterprise حقل CSS مخصَّص. أي شيء تضعه فيه يُحمَّل بعد صفحة أنماط القالب، فتتغلّب قواعدك.
/* تدوير أزرار "أضف إلى السلة" في شبكات المنتجات */
.add-to-cart { border-radius: 999px; }/* زوايا أنعم لبطاقات المنتجات */
.product-card { border-radius: 16px; }
⚠️ تنبيه
الـ CSS المخصَّص قويّ لكن يَسهُل أن يُكسَر. إذا بدا متجرك مكسورًا بعد تعديل CSS، فرّغ الحقل واحفظ للتراجع — لا يوجد تعديل مدمِّر.
👈 جديد على CSS أو تريد قوالب جاهزة للّصق؟ اقرأ دليل الـ CSS المخصَّص — شرح كامل لكيفية عمل CSS، وقائمة محدِّدات متجر DZBuild، وعشرات القوالب الجاهزة (أزرار، بطاقات، خطوط، تعديلات الجوال، والمزيد).
JavaScript مخصّص (Enterprise)
تضمّ باقة Enterprise أيضًا قسم JavaScript مخصّص، للسلوك الذي لا يملك المخصِّص مفتاحًا له. يعمل الكود على صفحات واجهة متجرك لا في المعاينة، ويمكنك إزالته في أي وقت بتفريغ الحقل ثم الحفظ.
👈 اقرأ دليل JavaScript المخصَّص لمعرفة أين يعمل، وحدوده، ومقتطفات مجرَّبة.
نصائح
عاين على هاتف حقيقي، ليس فقط على تبويب معاينة الجوال. الزبائن الجزائريون يتسوّقون أساسًا على الجوال، وغالبًا على شبكات بطيئة.
متجرك يعمل بلغة واحدة: العربية أو الفرنسية، تُختار من التخصيص ← لغة المتجر. ونصوص السلة نصوص ثابتة من المنصّة لا يمكن تعديلها. وإذا كنت تحتاج مبدِّل لغة يراه العميل، أضف إضافة المتجر متعدّد اللغات (خطة «غير محدود» فما فوق) ؛ وهي تغطّي الفرنسية والعربية، ولا توجد لغة إنجليزية للمتجر.
لا تُبالغ في تخصيص الألوان. التزم بلونَي accent ودَع صورك تكمل الباقي.
بعد جلسة تخصيص كبيرة، شارك رابطك بشكل خاصّ على WhatsApp — معاينة المشاركة (شعارك) اختبار سريع جيّد.