تخط وانتقل إلى المحتوى الرئيسي

الهوية البصرية

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

بقلم: Support

هويتك البصرية هي ما يجعل متجرك يقول «هذه أنا، لست متجرًا عامًّا». يتيح لك DZBuild ضبط كل عنصر بصري من صفحة واحدة: من القائمة الجانبية تخصيص المتجرتخصيص (/dashboard/customize).

الشعار

ارفع الشعار من التخصيص ← الرأسية والشعار (الرأسية والشعار / En-tête et Logo).

المواصفة

ما تقبله المنصّة

الصيغة

PNG (يُفضَّل بخلفية شفافة) أو JPG أو WebP أو GIF أو BMP أو AVIF أو TIFF

غير مدعوم

SVG — يفشل الرفع برسالة "invalid image file" رغم أن نافذة اختيار الملف والتلميح المعروض يوحيان بقبوله

الأبعاد

أي نسبة أبعاد ؛ الحدّ الأدنى 50 × 50 بكسل والحدّ الأقصى 4000 × 4000 بكسل (يبقى الشعار العريض بنسبة 3:1 تقريبًا هو الأجمل في الرأسية)

الحجم الأقصى للملف

20 ميغابايت

يظهر الشعار في:

  • رأسية المتجر في كل الصفحات — الرئيسية، المنتج، السلة، التصنيف، كل المنتجات، الدفع، وتتبّع الطلب

  • تذييل المتجر والقائمة الجانبية المنسدلة على الهاتف

  • صفحات الهبوط (Landing pages)

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

  • أيقونة تبويب المتصفح، عند عدم رفع أيقونة موقع (انظر أدناه)

  • صورة المشاركة على Open Graph / WhatsApp

لا يوجد في DZBuild إيصال طلب بصيغة PDF، وبطاقات التوصيل ملفات PDF تُنشئها واجهة شركة الشحن نفسها، والملصق الذي تطبعه من صفحة الطلبات يحمل اسم متجرك فقط، والإيميلات المعاملاتية تحمل شعار DZBuild — لذلك لا يظهر شعارك في أيٍّ من هذه.

إذا رفعت PNG شفافًا، فإن الشعار يندمج جيدًا مع الرؤوس الفاتحة والداكنة. تجنّب دمج لون الخلفية في ملف الشعار.

أيقونة الموقع (Favicon)

الأيقونة الصغيرة في علامة تبويب المتصفح. التخصيص ← الرأسية والشعار ← Favicon.

ارفع ملف PNG أو ICO مربّعًا يكون حجمه بالضبط واحدًا من: 16 أو 32 أو 48 أو 64 أو 96 أو 128 أو 192 أو 512 بكسل. أي حجم آخر (100 × 100، 256 × 256، 180 × 180 …) يُرفَض مع رسالة خطأ — ولا يُعاد تحجيم أي شيء نيابةً عنك. الحجم الأقصى للملف 1 ميغابايت. الصيغتان المقبولتان هما PNG و ICO فقط (لا JPG ولا WebP ولا SVG).

ℹ️ معلومة — ميزة Pro

الأيقونة المخصّصة متاحة على خطط Pro و غير محدود و Enterprise (المؤسسات). متاجر Free وحدها هي التي تعود إلى الأيقونة الافتراضية. للترقية من /dashboard/subscribe — زر ▶ كيف أجدد يطلق جولة إرشادية داخل التطبيق، والشروحات بالفيديو متوفرة على قناة DZBuild على YouTube.

تتدرّج أيقونة التبويب على ثلاث مراحل: الأيقونة التي رفعتها ← شعار متجرك ← أيقونة DZBuild الافتراضية. أي أنك حتى على خطة Free، يكفي رفع شعار لتحصل على أيقونة تبويب تحمل علامتك.

صورة المشاركة الاجتماعية (Open Graph)

لا يوجد في DZBuild مُحمِّل منفصل لصورة البطاقة الاجتماعية. في الصفحة الرئيسية ومعظم صفحات المتجر تكون صورة المشاركة على Open Graph / WhatsApp هي شعار متجرك (وتُستعمل صورة الـ hero كبديل في صفحات القوالب الرئيسية عند عدم وجود شعار). أما في صفحة المنتج فصورة المشاركة هي صورة المنتج نفسه.

تُعرَض معاينات المشاركة دائمًا بمقاس 1200 × 630، لذلك اختر شعارًا يبقى مقروءًا عندما تقتصّه المعاينة داخل هذا الإطار.

شريط الإعلان

شريط ترويجي رفيع فوق الرأسية — مفيد لرسالة «توصيل مجاني» أو لموعد انتهاء حملة. من التخصيص ← شريط الإعلان، حيث تضبط النص ورابطًا اختياريًّا ولونَي الخلفية والنص.

ℹ️ معلومة — ميزة Pro

شريط الإعلان وكل حقول ألوانه تتطلّب خطة Pro فما فوق.

بنرات المتجر

كتلة البنر الترويجي في الصفحة الرئيسية. عدد الخانات يتوقّف على القالب:

  • Starter وBrico وPromobi — لا توجد.

  • Showcase (Started V2) وPrestige وBloom — خانة واحدة.

  • Digital — بنران ترويجيان بالإضافة إلى شريط hero متحرّك بثلاث شرائح.

الحدّ الأدنى لحجم البنر هو 300 × 150 بكسل (ويبقى JPG عريض بمقاس 1920 × 600 هو الأفضل). الصور الأكبر تُصغَّر تلقائيًّا إلى 2000 بكسل وتُحوَّل إلى WebP، لذلك حجم الملف ليس قيدًا صارمًا.

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

الألوان

تحت الألوان والخط تجد أربعة منتقيات ألوان:

  • الأساسي — اللون المهيمن (الأزرار، الروابط، حالات hover).

  • الثانوي — لون داعم (الشارات، الإبرازات).

  • الخلفية (Pro فما فوق) — خلفية الصفحة الرئيسية.

  • عناوين الأقسام (Pro فما فوق) — لون العنوان فوق كل كتلة في الصفحة الرئيسية.

لا يوجد منتقي لون لنص المحتوى. وتوجد ضوابط ألوان أخرى في أقسام مختلفة: خلفية شريط التنقّل ولون نصّه (الرأسية والشعار، Pro فما فوق)، وخلفية التذييل (التذييل، Pro فما فوق)، وخلفية شريط الإعلان ونصّه (شريط الإعلان، Pro فما فوق)، وألوان زرَّي «اشترِ الآن» و«الدفع السريع» (صفحة المنتج، Pro فما فوق). على خطة Free لا يمكن تعديل سوى اللونين الأساسي والثانوي — وكل ما عداهما مقفل.

تعرض المعاينة الفورية متجرك فقط — أما مظهر لوحة التحكم نفسها فلا يتغيّر أبدًا، والمعاينة تعرض دائمًا نطاق *.dzbuild.app الفرعي حتى لو كان لديك نطاق مخصّص. ولا يكشف Prestige ولا Showcase ألوان accent إضافية ولا منزلق شفافية overlay للـ hero ؛ فأقسامهما الخاصّة بالقالب هي نصوص الـ hero والتصنيفات والمنتجات المميّزة وبنر ترويجي وروابط العلامة/التواصل وآراء العملاء (Prestige) وثلاث شارات ثقة (Showcase).

الطباعة (الخطوط)

تتوفّر ثلاثة خطوط:

الخط

ملاحظات

Cairo

الافتراضي. عربي + لاتيني

Tajawal

عربي + لاتيني

Almarai

عربي + لاتيني

الخطّان Inter و Roboto غير متوفّرَين. وهناك إعداد خطّ واحد يُطبَّق على نص المحتوى والعناوين معًا — ولا يكشف أي قالب خطًّا منفصلًا للعناوين. متاجر Enterprise يمكنها تحميل أي خطّ من Google Fonts عبر @import في CSS المخصّص ؛ انظر دليل CSS المخصّص.

اسم المتجر والوصف الميتا

يظهر اسم المتجر في علامة تبويب المتصفح، ومعاينة المشاركة، ونتائج محرّكات البحث، ورأس المتجر. اجعله قصيرًا — 2–4 كلمات هي الأفضل.

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

الوصف الميتا (التخصيص ← SEO) هو ما يظهر في مقتطفات Google. لا يوجد حدّ أقصى مفروض للأحرف — فـ 150–160 حرفًا مجرّد توصية لعرض Google وليست قاعدة تحقُّق. أدرِج تصنيف منتجك وقيمة العرض.

إزالة عبارة «Powered by DZBuild»

متاجر «غير محدود» و Enterprise يمكنها إخفاء عبارة DZBuild من تذييل المتجر: التخصيص ← التذييل ← إخفاء العلامة. وعلى الخطط الأدنى يكون المفتاح مقفلًا.

يجب أن يطابق قالبك خطّتك

لكل قالب متطلَّب خطة — Starter وDigital وBrico مجانية ؛ Showcase (Started V2) على Pro ؛ Prestige وBloom على «غير محدود» ؛ Promobi على Enterprise.

⚠️ تنبيه — انتهاء الخطة يغيّر الألوان الافتراضية لقالبك

يستمرّ قالبك في العرض حتى لو انتهى اشتراكك — فالتخطيط لا يُعاد ضبطه. أمّا ما يتغيّر فعلًا فهو مجموعة الألوان الافتراضية للقالب: تعود طبقة الألوان إلى القيم الافتراضية لقالب Starter في كل لون لم تحدّده بنفسك، وتبقى بطاقة القالب مقفلة في أداة الاختيار حتى تُرقّي خطّتك.

إعادة تعيين التخصيص

التخصيص ← ↺ إعادة التعيين (/dashboard/customize/reset) ليس زرّ تراجع.

🛑 هام جدًا — إعادة التعيين تحذف أصول علامتك نهائيًّا

تحذف الشعار وأيقونة الموقع وصورة الـ hero لسطح المكتب التي رفعتها من مساحة التخزين — ولا يمكن استرجاعها، بل يجب رفعها من جديد. كما تمسح CSS المخصّص الخاص بـ Enterprise ونصّ الإعلان وعنوان الـ hero وعنوانه الفرعي وزرّه، وعناوين أقسام التصنيفات والمنتجات المميّزة والمنتجات، ونصَّي «من نحن» وحقوق النشر في التذييل، وتستبدلها بقيَم عربية افتراضية ثابتة.

ثم تستعيد لوحة ألوان واحدة ثابتة بأسلوب Starter (الأساسي #f59e0b، الثانوي #fbbf24، خلفية بيضاء، تذييل #1f2937، خط Cairo) مهما كان القالب المُفعَّل — أي أنها لا تستعيد ألوان قالبك أنت.

منتجاتك وطلباتك وعملاؤك لا تتأثّر. كما تبقى روابط التواصل (WhatsApp، Facebook، Instagram، TikTok، Telegram، GitHub) كما هي.

نصائح للحفاظ على اتساق العلامة

  • استخدم ملف الشعار نفسه عبر المتجر والتغليف وحسابات التواصل. الاتساق يبني الثقة.

  • اختر لونَي accent على الأكثر — كثرتها تبدو غير احترافية.

  • استعمل صور منتجاتك الحقيقية، لا صور stock — يلاحظ المشتري الجزائري صور stock فورًا وذلك يقتل التحويل.

  • بما أن شعارك هو نفسه صورة المشاركة، اختبره بمشاركة رابط متجرك في محادثة WhatsApp خاصّة وتحقّق من طريقة اقتصاص المعاينة.

هل أجاب هذا عن سؤالك؟