أمير 22 تصميمًا
في ثيم واحد

نصايح

• ابدأ بأقرب تصميم لنشاطك وعدّل عليه. كل جزء شكله لوحده، فتقدر تاخد الهيدر من تصميم وكارت المنتج من تاني.
• كل تصميم ليه متجر تجريبي شغال، اتفرج عليه الأول.

خطوة بخطوة

1. من صفحة الثيمات في زد، دوس «تخصيص» على أمير.
2. قبل أي حاجة دوس «تصدير» واحتفظ بالملف: نسخة من تخصيصك الحالي باللغتين ترجعلها وقت ما تحب.
3. جنب «تغيير القوالب» دوس «معاينة القوالب»، هتفتح لوحة «القوالب» بكل التصميمات.
4. اختار التصميم ودوس «تطبيق»، ولما زد يسأل «تطبيق التغييرات على الثيم الحالي؟» دوس «تطبيق» تاني.
5. راجع العربي والإنجليزي، وارفع صورك، ودوس «نشر».

نصايح

• عندك ملف تصميم (JSON)؟ دوس «استيراد» واختاره. زد بيطبّقه فورًا من غير سؤال وبيستبدل زي «تطبيق»، فاستورد بس ملف معمول لأمير.
• الصور مش بتيجي مع التصميم، خاناتها بتوصل فاضية لصورك. القسم اللي خانة صورته مكتوب فيها إنه محتاجها مش هيظهر لحد ما ترفعها.
• كل تصميم متسمّي باسم نشاطه (إلكترونيات، عطور وعود، عبايات...) وليه متجر تجريبي تتفرج عليه قبل التطبيق.
• بعد التطبيق غيّر أي حاجة: شكل أي قسم من «شكل القسم»، والهيدر من «شكل الهيدر»، والنصوص والألوان.
• غيّرت رأيك قبل النشر؟ دوس «التراجع عن جميع التغييرات». بعد النشر؟ شوف «طبّقت تصميم وعايز أرجع اللي كان عندي» في «أسئلة وحلول».

خطوة بخطوة

1. تحت «محتوى الصفحة» دوس «إضافة قسم».
2. دوّر على القسم باسمه واختاره.
3. اسحبه لمكانه؛ ترتيب القايمة هو ترتيب الصفحة.
4. افتح إعداداته بالقلم، واختار «شكل القسم» الأول وبعدين املى المحتوى.
5. دوس «نشر».

نصايح

• عشان تخفي قسم من غير ما تمسحه: فعّل «إخفاء القسم» جواه، أو اختار «إخفاء» من القايمة اللي جنب اسمه. محتواه بيفضل محفوظ.
• نفس القايمة فيها «تكرار» لنسخة من القسم، و«إعادة تسمية» لاسم تعرفه بيه، و«حذف».
• العربي والإنجليزي كل واحد ليه أقسامه. عشان تنقل قسم اختار «نسخ القسم إلى اللغة الإنجليزية» من قايمته وترجم كلامه.
• افتح القسم من القلم مش من الصف؛ الصف للسحب وممكن يتحرك.
• تغيير «شكل القسم» بيغيّر الشكل بس، واللي كتبته أو رفعته بيفضل.

نصايح

• «السلايدر الرئيسي»: في «صورة كاملة والنص فوقها» الشريحة عريضة، حوالي ١٩٢٠ × ٨٦٠. الموبايل بيقص جنابها، فارفع «صورة الموبايل (اختياري)» قريبة من المربع، بعرض ١٠٠٠ تقريبًا.
• «سلايدر التصنيفات»: حوالي ٦٠٠ × ٦٠٠ في أغلب الأشكال. «الصورة (اختياري)» الفاضية بتعرض صورة التصنيف من زد.
• «شبكة بانرات»: مربعة في «بانرين أو أكتر جنب بعض»، وحوالي ٦٩٠ × ٣٨٨ لو «شكل البانر» على «صورة عريضة بحواف مدورة ورابط تحته خط». باقي الأشكال مقاسها تحت الخانة.
• «بانر مميز»: حوالي ٢١١٥ × ٦٩٠ في «بانر واحد بعرض الصفحة»، وفي «مميزات حوالين صورة منتج» صورة المنتج ٧٠٠ × ٧٠٠ PNG بخلفية شفافة.
• «بانر عداد تنازلي»: حوالي ١٩٢٠ × ٦٠٠ في «بانر كامل والعداد فوق الصورة»، وكل صورة حوالي ١١٨٠ × ١٠٠٠ في «صورتين والعداد في المنتصف بينهم».
• «مقارنة قبل وبعد»: الصورتين بنفس المقاس بالظبط، حوالي ١٩٢٠ × ٧٢٠.
• «بانر المميزات والمنتجات»: حوالي ١٩٢٠ × ٩٠٠.
• «تابات المجموعات»: حوالي ١٥٢٠ × ١٤٠٠ في «قايمة أسامي بتبدّل صورة كبيرة»، و١٤٤٠ × ١٤٤٠ في «منتجات مرقّمة وصورة المنتج جنبها بزرار السلة».
• «قايمة منتجات مميزة»: حوالي ٤٥٠ × ٢٩٤ في «أعمدة منتجات وبانرين صغيرين فوق بعض»، و٤٥٠ × ٦٠٨ في «أعمدة منتجات وبانر طويل».
• «سلايدر المنتجات»: البانر حوالي ٨٤٠ × ١٥٥٢ في «صفين منتجات مع بانر جانبي (أحسن مع العنوان على الجنب وتلات منتجات في الصف)»، و٩٠٠ × ١٢١٦ في «بانر طولي وجنبه أربع منتجات (أحسن مع العنوان في المنتصف وأربعة في الصف)»، و١٣٨٠ × ٨٠٠ في «بانر وتحته منتجين، وجنبه أربع منتجات (أحسن مع العنوان على الجنب وأربعة في الصف)».
• «مشاهد المنتجات (صور مصغّرة)»: حوالي ١٤١٠ × ١٠٩٢ في «صور صغيرة تغيّر الصورة الكبيرة، والمنتج فوقها»، و١٤٠٠ × ١٤٠٠ في الشكلين التانيين.
• «لوكبوك المنتجات»: ٧٠٠ × ٧٠٠ في «شبكة منتجات وصورة وإجمالي السعر»، وباقي الأشكال مقاسها تحت الخانة. النقط بتفضل في مكانها على الصورة.
• «تابات المنتجات»: بانر كل تاب حوالي ١١٠٤ × ٧٥٢ في «بانر لكل تاب جنب شبكة منتجات (لحد 8 منتجات)». وفي «لوحة مدوّرة وعمود تابات بالصور جنب المنتجات» صورة التاب ١٢٤ × ١٢٤ PNG بخلفية شفافة، وبتظهر على الكمبيوتر بس.
• «منتج مميز»: في «التفاصيل على جنب، وصور المنتج في النص، وصورة إضافية على الجنب التاني» الصورة الإضافية ١١٦٦ × ١٥٤٤، وبتظهر على الشاشات الكبيرة بس.
• «صور تسوّق بنقط على الصورة»: ١٤٤٠ × ٩٦٠ أو أكبر، والمنتجات بعيد عن الأطراف.
• «معرض صور (على طريقة انستجرام)»: ٧٠٠ × ٧٠٠.
• «آراء العملاء»: صورة العميل ٧٠٠ × ٧٠٠ ووشه في النص.
• «المدونة»: حوالي ١٢٠٠ × ٨٠٠، ونفس المقاس لكل المقالات عشان الكروت تتساوى.
• «شريط شعارات الماركات»: PNG أو SVG بخلفية شفافة، ارتفاعها ٨٨ أو أكتر مع ارتفاع الشعار الأصلي، وضعفه لو كبّرته. الشعار بيظهر كامل من غير قص.
• «المميزات» و«شريط السياسات المتحرك»: أيقونة مربعة PNG بخلفية شفافة، ١٠٤ × ١٠٤ أو أكبر في المميزات و٤٨ × ٤٨ أو أكبر في الشريط.
• «صورة خلفية القسم» في أي قسم: بتملى القسم وبتتقص على قده؛ خليها هادية وعرضها حوالي ١٩٢٠.
• «الشعار» في «الهيدر»: PNG بخلفية شفافة، ارتفاعه ١٧٥ أو أكتر.
• «الإعلانات الداخلية»: ١٤٤٠ × ٨١٠ (١٦:٩)، وللموبايل ٧٦٨ × ٤٣٢.
• «صورة نافذة الترحيب (صورتك أو شعارك)»: ٩٦ × ٩٦، بتظهر في دايرة.

هوية المتجر

خطوة بخطوة

1. افتح إعدادات «الهوية».
2. اختار من «هوية المتجر» الأقرب لنشاطك، والمعاينة هتتغير معاها.
3. لأطراف مختلفة غيّر «استدارة أطراف الأزرار» أو «استدارة أطراف الكروت والصور».
4. احفظ ودوس «نشر».

الإعدادات

• هوية المتجر: بتغيّر الألوان والخطوط والأطراف وشكل صور المنتجات مرة واحدة، ومعاها النافذة الإعلانية وشاشة التحميل. اللون أو الخط اللي تختاره في «الألوان الأساسية» أو «الخطوط» بيغلب الهوية.
• استدارة أطراف الأزرار: في المتجر كله. «حادة» زوايا مربعة، ومن «4px» لـ«20px» الاستدارة بتزيد، و«مدوّرة بالكامل (كبسولة)» شكل كبسولة. «حسب الهوية» زي الهوية.
• استدارة أطراف الكروت والصور: لكروت المنتجات والصور والبانرات. «حادة» زوايا مربعة، و«24px» الأكتر استدارة، و«حسب الهوية» زي الهوية.
• العناوين والكروت تظهر بحركة خفيفة وانت نازل في الصفحة: عناوين أقسام الرئيسية وكروتها بتطلع لمكانها بهدوء لما العميل يوصلها. اقفله لو عايزها ثابتة.

نصايح

• في «تقني (إلكترونيات)» و«ناعم (تجميل)»، لو «اللون الأساسي (الأزرار)» فاضي، الأزرار بتاخد لون متجرك الأساسي من زد؛ وباقي الهويات بلونها. في كلهم بتغيّره من «اللون الأساسي (الأزرار)».
• الهوية بتغيّر الشكل بس؛ أقسام الرئيسية ونصوصها وصورها بتفضل. للتصميم الكامل بأقسامه طبّقه من «معاينة القوالب».
• اللي قافل الحركة من إعدادات جهازه مش هيشوف حركة الظهور، وده طبيعي.

خطوة بخطوة

1. افتح «الألوان الأساسية».
2. حط لون علامتك في «اللون الأساسي (الأزرار)».
3. لون العروض في «اللون المميز (العروض والتنبيهات)».
4. سيب الباقي فاضي أو غيّر اللي محتاجه بس.
5. راجع المعاينة على الكمبيوتر والموبايل ودوس «نشر».

الإعدادات

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

نصايح

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

• الخط العربي: للنسخة العربية. العناوين بتاخده، إلا لو الهوية ليها خط عناوين أو اخترت «خط العناوين العربي».
• الخط الإنجليزي: للنسخة الإنجليزية. «حسب الهوية» معناها DM Sans في كل الهويات.
• خط العناوين العربي: «نفس الخط العربي» بخط الكلام، و«حسب الهوية» بخط عناوين الهوية لو ليها.
• خط العناوين الإنجليزي: «نفس الخط الإنجليزي» بخط الكلام، و«حسب الهوية» بخط عناوين الهوية لو ليها.

نصايح

• الخطوط المزخرفة (Aref Ruqaa وLalezar وJomhuria وRakkas) لـ«خط العناوين العربي» بس، لأنها بتتعب العين في الأوصاف. خلّي «الخط العربي» بسيط زي Cairo أو Tajawal أو Almarai.
• خط للكلام وخط للعناوين كفاية؛ كل خط زيادة بيبطّأ الصفحة شوية.
• بعد تغيير الخط راجع العناوين الطويلة وأسماء المنتجات باللغتين.

• الهيدر
  • لون الخلفية: خلفية الهيدر (الشعار والقائمة). الفاضي بياخد «لون خلفية الصفحة».
  • لون النص: لكلام الهيدر وأيقوناته. غيّره مع الخلفية: غامق على فاتح أو أبيض على غامق.
  • لون خلفية صف القائمة اللي تحت (لو فاضي: زي الهيدر): للصف اللي فيه القائمة لوحدها تحت، في الأشكال اللي فيها الصف ده.
  • لون نص صف القائمة اللي تحت (لو فاضي: زي الهيدر): لكلام القائمة في الصف ده.
• الفوتر
  • لون الخلفية: خلفية الفوتر. الفاضي بيسيب كل شكل فوتر بلونه.
  • لون النص: لكلام الفوتر وروابطه.
• خلفية الصفحة
  • صورة خلفية الصفحة (اختياري): نقشة بتتكرر ورا محتوى كل الصفحات، والأقسام اللي ليها لون خلفية بتغطيها.

نصايح

• غيّر خلفية الهيدر ولون كلامه مع بعض: خلفية أغمق، كلام أفتح.
• لصورة الخلفية استخدم نقشة صغيرة فاتحة بتتكرر من غير حواف باينة، مش صورة كبيرة مفصّلة.
• لون «الشريط العلوي» من إعداداته. ومع شكل الهيدر «شفاف فوق أول قسم في الرئيسية»، لون الكلام وهو شفاف من «لون النص والأيقونات وهو شفاف (لو فاضي: نفس لون الهيدر)» في «الهيدر».

شكل كارت المنتج

خطوة بخطوة

1. افتح «كارت المنتج».
2. اختار «شكل كارت المنتج».
3. اختار «الأزرار اللي بتظهر لما الماوس يقف على الكارت».
4. خلّي «شكل صورة المنتج» أقرب لشكل صورك.
5. راجع صفحة تصنيف ودوس «نشر».

الإعدادات

• شكل كارت المنتج: لكل كروت المتجر مرة واحدة.
• الأزرار اللي بتظهر لما الماوس يقف على الكارت: القلب للمفضلة، والعين لنظرة سريعة على المنتج من غير ما العميل يسيب الصفحة، و«أضف إلى السلة». على الموبايل والتابلت ظاهرة على طول.
• شكل صورة المنتج: صور صفحة المنتج بتاخد نفس الشكل. اختار الأقرب لصورك عشان متتقصش كتير.
• الصورة جوه الكارت: «تملى المكان (ممكن يتقص منها)» ممكن تقص الأطراف، و«كاملة من غير قص» بتعرضها كلها بمسافة حواليها؛ اختارها لو صورك مقاساتها مختلفة أو المنتج لازم يبان كله.
• إظهار التقييم (النجوم): النجوم وعدد التقييمات تحت الاسم، لو التقييمات شغالة في زد والمنتج متقيّم.
• إظهار نسبة الخصم على الصورة: زي -20%، على المنتج اللي عليه تخفيض.
• إظهار شارة المنتج اللي بتحطها في زد: زي «جديد» أو «الأكثر مبيعًا»، على صورة الكارت.
• إظهار «متوفر بعدة خيارات» و«معفي من الضريبة»: سطر تحت السعر: «متوفر بعدة خيارات» للمنتج اللي ليه مقاسات أو ألوان أو خانات، أو «مُعفى من الضريبة» للمعفي. مش بيظهر للمنتج اللي خلص.
• إظهار عداد نهاية العرض: عداد بالأيام والساعات والدقايق والثواني على الصورة، للتخفيض اللي ليه تاريخ نهاية في زد. على الكمبيوتر الكبير بس.
• شريط خصم بيتحرك على صورة المنتج: اكتب الكلمة اللي قبل النسبة، زي «خصم» (سيبه فاضي لو مش عايزه): الكلمة بتظهر مع النسبة (زي «خصم 20%») في شريط متحرك على صورة كل منتج مخفّض. على الكمبيوتر الكبير بس.
• إظهار صورة المنتج التانية لما الماوس يقف على الكارت: الصورة بتتبدّل بصورة المنتج التانية لو ليه. مقفول: الأولى بتكبر شوية بس.
• فتح السلة الجانبية بعد إضافة منتج (في كل المتجر، مش من الكروت بس): بعد الإضافة السلة بتتفتح عشان العميل يكمّل للدفع. مقفول: علامة أو رسالة صغيرة بس.

نصايح

• الصور أحلى لما تكون بنفس الشكل والخلفية. مع «شكل صورة المنتج» مربع ارفع صور في حدود 1000×1000.
• شريط الخصم المتحرك وعداد العرض على الكمبيوتر الكبير بس؛ الموبايل بيعرض نسبة الخصم فوق الصورة.
• القلب بيظهر بس لو المفضلة شغالة في زد. على الموبايل مش على الكارت، لكنه في صفحة المنتج.
• «صف أيقونات في منتصف الصورة» في النص على الكمبيوتر الكبير، وعلى جنب الصورة في الشاشات الأصغر.
• السلة بتتفتح بعد الإضافة لو «إظهار السلة الجانبية» شغال في «السلة الجانبية».

• إظهار وصف التصنيف: وصف التصنيف من زد تحت اسمه أول الصفحة. بيعرّف العميل بالتصنيف وبيفيد جوجل.
• إظهار شريط التصنيفات الفرعية: التصنيفات الفرعية من زد في شريط تحت العنوان، بصورة واسم كل واحد.
• الصفحة بعرض الشاشة كلها: المنتجات والفلاتر بعرض الشاشة بدل عمود في النص. مفيد مع 5 أو 6 في الصف.
• شكل الفلاتر: اللوحة الجانبية بتسيب المنتجات بعرض الصفحة، والعمودين بيخلّوا الفلاتر ظاهرة على طول، و«قائمة منسدلة لكل فلتر» زرار صغير لكل فلتر فوق المنتجات. العمود و«لوحة عريضة بتتفتح فوق المنتجات» بيبقوا لوحة جانبية في الشاشات الأصغر من الكمبيوتر الكبير.
• عدد المنتجات في الصف على الكمبيوتر: 5 و6 على الشاشات العريضة بس، واللابتوب العادي 4. الموبايل دايمًا 2، والتابلت 3 (أو 2 لو اخترت 2).
• طريقة عرض المنتجات أول ما الصفحة تفتح: «شبكة» كروت جنب بعض، و«قائمة» منتج في كل صف بصورته واسمه وسعره ووصف قصير وزرار الإضافة، للمنتجات اللي محتاجة شرح.
• إظهار زرار التبديل بين الشبكة والقائمة: العميل يختار بنفسه القائمة أو الشبكة وعدد الأعمدة.
• طريقة عرض باقي المنتجات: لما المنتجات أكتر من صفحة. «أرقام صفحات» عادية، وزرار «عرض المزيد» بيضيف اللي بعدها تحت، و«بتحمّل لوحدها وانت نازل» بتضيفها لما العميل يوصل للآخر.

نصايح

• الفلاتر جاية من زد من خصائص منتجاتك (زي المقاس واللون)، والتصنيف اللي مالوش فلاتر مالوش زرار فلاتر.
• للتصنيفات اللي فيها منتجات كتير بمقاسات وألوان، «عمود جنب المنتجات، ناحية البداية» بيخلّي العميل يفلتر وهو شايف المنتجات.
• الإعدادات دي بتمشي كمان على صفحة كل المنتجات والبحث، ما عدا الوصف وشريط التصنيفات الفرعية (للتصنيف بس).
• حط صورة مربعة لكل تصنيف فرعي في زد؛ اللي مالوش صورة بيظهر مكانها أول حرف من اسمه (من غير «ال»).

• إظهار شاشة التحميل: مقفولة: الصفحة بتفتح على طول.
• شكل شاشة التحميل: الشعار، أو حلقة بتلف، أو خط فوق الصفحة، أو اسم المتجر، أو نقط، أو ستارة. «اسم المتجر بيظهر بخط العناوين» مناسب لو معندكش شعار.
• الكلام اللي بيظهر (لو فاضي: اسم المتجر): زي اسم علامتك بالإنجليزي أو جملة قصيرة.بيظهر لما تختار «اسم المتجر بيظهر بخط العناوين» في «شكل شاشة التحميل»
• إظهار الشعار فوق العلامة (مع الحلقة والخط والنقط والستارة؛ لو مفيش شعار بيظهر اسم المتجر): نفس شعار الهيدر في نص الشاشة. في «الشعار بيظهر ويختفي بهدوء» بيظهر دايمًا، ومالوش تأثير في «اسم المتجر بيظهر بخط العناوين».
• سطر صغير تحت العلامة (اختياري): زي «بنجهّزلك أحلى العروض».
• بيظهر كل قد إيه: «في كل صفحة» مع كل صفحة، و«مرة في كل زيارة» أول صفحة بس (الأريح للعميل)، و«مرة كل 24 ساعة» مرة في اليوم.
• أقل مدة للشاشة (1000 = ثانية، و0 = تختفي أول ما الصفحة تجهز): عشان الحركة متبقاش ومضة لو الصفحة جهزت بسرعة. الأصلي 400، أقل من نص ثانية.
• أطول مدة للشاشة بالثواني (بعدها تختفي حتى لو الصفحة لسه بتحمّل): من 1 لـ6، عشان العميل ميستناش لو النت بطيء.
• لون الخلفية (لو فاضي: خلفية الصفحة). لو اخترت لون غامق خلّي شعارك فاتح عشان يبان: للشاشة كلها.
• لون العلامة (الحلقة أو الخط أو النقط أو الستارة) والسطر اللي تحتها - لو فاضي: لون الهوية: لو الخلفية قريبة أوي من اللون ده، بيتقلب لوحده أبيض أو غامق عشان يبان.

نصايح

• في المحرر الشاشة بتظهر مع كل تحديث للمعاينة (لحد ثانيتين) عشان تشوفها؛ العملاء بيشوفوها حسب «بيظهر كل قد إيه».
• بتختفي أول ما أول جزء من الصفحة يظهر، مش بعد كل الصور، فمش بتأخّر المتجر.
• خلّي «أطول مدة للشاشة بالثواني (بعدها تختفي حتى لو الصفحة لسه بتحمّل)» 3 ثواني أو أقل.

خطوة بخطوة

1. افتح «النافذة الإعلانية» وشغّل «إظهار النافذة الإعلانية».
2. ضيف شريحة في «شرايح النافذة»: «الصورة» و«العنوان»، والكود في «وصف قصير (اختياري)».
3. اكتب «نص الزرار (سيبه فاضي لو مش عايز زرار)» وحط «رابط الزرار (لازم يتحط عشان الزرار يظهر)».
4. حدّد «الصفحات اللي تظهر فيها» و«تظهر بعد كام ثانية من فتح الصفحة» و«بيظهر كل قد إيه».
5. مع كل عرض جديد غيّر «اسم الحملة (غيّره عشان النافذة تظهر تاني للي شافها قبل كده)»، ودوس «نشر».

الإعدادات

• إظهار النافذة الإعلانية: المفتاح الرئيسي. النافذة محتاجة شريحة واحدة على الأقل فيها صورة أو كلام.
• شرايح النافذة: عرض في كل شريحة؛ ضيف أكتر لو عندك كذا عرض والعميل يقلّب بينهم.
  • العنوان: زي «خصم 20% على أول طلب».
  • وصف قصير (اختياري): زي «استخدم الكود WELCOME20 عند الدفع».
  • الصورة: بتتقص عشان تملى مكانها، فخلّي المهم في النص. الشريحة اللي صورة من غير كلام بتاخد النافذة كلها.
  • صورة الموبايل (اختياري): على الموبايل الصورة فوق الكلام بعرض النافذة، فالعرضية أحسن.
  • وصف الصورة لجوجل وقارئ الشاشة (alt) - اختياري: زي «عرض الشتا خصم 30%».
  • نص الزرار (سيبه فاضي لو مش عايز زرار): زي «تسوّق العرض»، والزرار محتاج رابط.
  • رابط الزرار (لازم يتحط عشان الزرار يظهر): زي تصنيف العروض.
  • افتح الرابط في تاب جديد: مفيد بس للروابط اللي برّه متجرك.
• مكان الصورة: على الكمبيوتر؛ الموبايل دايمًا فوق الكلام.
• الصفحات اللي تظهر فيها: «الرئيسية بس» أو «كل الصفحات».
• تظهر بعد كام ثانية من فتح الصفحة: من 0 لـ120 ثانية. من 4 لـ8 بتدّي الزائر فرصة يشوف المتجر الأول.
• بيظهر كل قد إيه: «مرة في كل زيارة» مرة طول ما المتجر مفتوح في نفس التاب، و«مرة كل 24 ساعة» مرة في اليوم، و«في كل صفحة» مع كل صفحة، وده ممكن يضايق.
• إخفاء على الموبايل: لو حاسس إنها بتضايق على الشاشة الصغيرة.
• اسم الحملة (غيّره عشان النافذة تظهر تاني للي شافها قبل كده): العملاء مش بيشوفوه. غيّره مع كل عرض جديد (زي «عرض-رمضان») فالنافذة تظهر تاني حتى للي شافوا القديم.
• تقليب تلقائي: بيظهر معاه زرار «إيقاف التنقل».
• مدة كل شريحة بالثواني: من 1 لـ60.بيظهر لما تفعّل «تقليب تلقائي»
• يرجع لأول شريحة بعد آخر واحدة: بدل ما يقف عند الآخر.
• إظهار الأسهم: للتنقل بين الشرايح.
• إظهار النقط تحت السلايدر: بتوضّح عدد الشرايح. لو قفلت الأسهم والتقليب والنقط مع أكتر من شريحة، النقط بترجع لوحدها عشان العميل يوصل للباقي.
• لون خلفية النافذة: مع خلفية غامقة و«لون النص» فاضي، الكلام بيقلب فاتح لوحده.
• لون النص: للعنوان والوصف.
• لون خلفية الزرار: مع «لون نص الزرار» فاضي، كلامه بيتظبط لوحده.
• لون نص الزرار: لكلام الزرار.
• لون الطبقة اللي ورا النافذة: الطبقة اللي بتغطي الصفحة عشان النافذة تبرز؛ الأسود الأشهر.
• قوة الطبقة اللي ورا النافذة (0 شفافة - 100 مغطية): 50 مناسب لأغلب المتاجر.

نصايح

• على الكمبيوتر: الصورة جنب الكلام مكانها شبه مربع بعرض حوالي 360 بكسل، فصورة مربعة زي 720×720 بتبان واضحة. فوق الكلام بتبقى شريط بعرض النافذة (حوالي 870 بكسل) وارتفاع من 220 لـ320.
• على الموبايل الصورة فوق الكلام بارتفاع من 190 لـ300 بكسل وبتتقص من تحت، فخلّي المهم فوق أو ارفع «صورة الموبايل (اختياري)» عرضية.
• العميل بيقفل النافذة بزرار الإغلاق، أو بالضغط برّاها، أو بـEsc.
• مش شايف النافذة وانت بتجرّب على «مرة في كل زيارة»؟ افتح المتجر في نافذة تصفّح متخفي، أو غيّر «اسم الحملة (غيّره عشان النافذة تظهر تاني للي شافها قبل كده)».

خطوة بخطوة

1. افتح «الإعلانات الداخلية» وشغّل «إظهار الإعلانات الداخلية (بانرات فوق أو تحت محتوى الصفحات)».
2. ضيف إعلان في «الإعلانات»، وارفع «الصورة» واكتب «العنوان».
3. حط رابطه في «الرابط (الإعلان كله بيفتحه، ولازم يتحط عشان الزرار يظهر)».
4. اختار «مكان الإعلان في الصفحة» وعلّم «الصفحات اللي يظهر فيها (سيبها فاضية: كل الصفحات)».
5. لتصنيف واحد، ضيفه في «يظهر في التصنيفات دي بس (سيبها فاضية عشان يظهر في كل مكان)».
6. راجع الصفحة في المعاينة ودوس «نشر».

الإعدادات

• إظهار الإعلانات الداخلية (بانرات فوق أو تحت محتوى الصفحات): المفتاح الرئيسي؛ قفله بيخفي كل الإعلانات من غير ما يمسحها.
• عنوان فوق الإعلانات (اختياري): زي «عروض الأسبوع»، في كل مكان فيه إعلانات.
• الكلام تحت العنوان: سطر قصير.
• الإعلانات: إعلان لكل عرض، ولكل واحد مكانه وصفحاته.
  • سطر صغير فوق العنوان: زي «لفترة محدودة».
  • العنوان: العنوان الكبير على الإعلان.
  • وصف قصير (اختياري): جملة أو اتنين تحت العنوان.
  • الصورة: الإطار عرضي 16:9 والصورة بتتقص عشان تملاه، فخلّي المهم في النص.
  • صورة الموبايل (اختياري): لو صورة الكمبيوتر فيها كلام صغير أو تفاصيل هتتقص. الفاضية بتعرض نفس الصورة.
  • وصف الصورة لجوجل وقارئ الشاشة (alt) - اختياري: زي «عرض خصم 30% على الأحذية الرياضية».
  • نص الزرار (سيبه فاضي لو مش عايز زرار): زي «تسوّق الآن»، والزرار محتاج رابط.
  • الرابط (الإعلان كله بيفتحه، ولازم يتحط عشان الزرار يظهر): تصنيف أو منتج بيفتح لما العميل يدوس في أي حتة في الإعلان.
  • افتح الرابط في تاب جديد: مفيد بس للروابط اللي برّه متجرك.
  • مكان الإعلان في الصفحة: فوق محتوى الصفحة أو تحته.
  • الصفحات اللي يظهر فيها (سيبها فاضية: كل الصفحات): نتايج البحث بتظهر في «صفحة كل المنتجات»، فعلّمها لو عايز الإعلان مع البحث.
  • يظهر في التصنيفات دي بس (سيبها فاضية عشان يظهر في كل مكان): الإعلان بيظهر في صفحات التصنيفات دي بس. سيبها فاضية لإعلان عام زي الشحن المجاني.
    • اسم التصنيف (للتنظيم في اللوحة بس): عشان تعرف الصف في اللوحة؛ العملاء مش بيشوفوه.
    • التصنيف: اللي الإعلان يظهر في صفحته.
  • مكان الكلام: على الإعلان: في البداية أو المنتصف أو الآخر.
  • لون النص: الأبيض بيبان على الصور الغامقة؛ للفاتحة استخدم «طبقة لون فوق الصورة».
  • لون الخلفية لو مفيش صورة: لإعلان كلام بس، زي «الشحن مجاني فوق 200 ريال».
  • طبقة لون فوق الصورة: لون شفاف عشان الكلام يبان على الصورة.
  • لون الطبقة: الأسود هو الأشهر.بيظهر لما تفعّل «طبقة لون فوق الصورة»
  • قوة الطبقة (0 شفافة - 100 مغطية): من 30 لـ50 غالبًا كفاية: الكلام يبان والصورة تفضل واضحة.بيظهر لما تفعّل «طبقة لون فوق الصورة»
• الإعلانات بعرض الشاشة كلها: من طرف الشاشة لطرفها بدل عرض محتوى الصفحة.
• مكان العنوان: للعنوان والسطر اللي تحته.
• عدد الإعلانات جنب بعض على الكمبيوتر: على الكمبيوتر والتابلت، من 1 لـ3. الزيادة بتتقلّب بالأسهم والنقط.
• عدد الإعلانات جنب بعض على الموبايل: 1 أو 2، والواحد أوضح.
• تقليب تلقائي: بتقف لما الماوس يقف عليها، ومعاها زرار «إيقاف التنقل».
• مدة كل شريحة بالثواني: من 1 لـ60.بيظهر لما تفعّل «تقليب تلقائي»
• يرجع لأول شريحة بعد آخر واحدة: بدل ما يقف عند الآخر.
• إظهار الأسهم: بتظهر لو الإعلانات أكتر من اللي بيبان مرة واحدة.
• إظهار النقط تحت السلايدر: بتوضّح عدد الإعلانات والظاهر منها.
• المسافة فوق الإعلانات: على الكمبيوتر والتابلت، والموبايل بياخدها طول ما «المسافة فوق الإعلانات على الموبايل» على «العادية». «العادية» مسافة الثيم الأصلية.
• المسافة تحت الإعلانات: على الكمبيوتر والتابلت، والموبايل بياخدها طول ما «المسافة تحت الإعلانات على الموبايل» على «العادية».
• المسافة فوق الإعلانات على الموبايل: «العادية» بتاخد مسافة الكمبيوتر.
• المسافة تحت الإعلانات على الموبايل: «العادية» بتاخد مسافة الكمبيوتر.

نصايح

• الصورة 1440×810 (16:9) للكمبيوتر و768×432 للموبايل. الكلام جوه الصورة بيصغر على الموبايل، فاكتبه في خانات الإعلان.
• مش بتظهر في الرئيسية؛ هناك استخدم أقسام البانرات.
• من غير صفحات متعلّمة ولا تصنيفات، الإعلان بيظهر في كل صفحات القائمة وصفحة الأسئلة الشائعة؛ مناسب لعرض عام زي الشحن المجاني.
• مع 2 أو 3 جنب بعض الصور بتصغر، فخلّي الكلام قصير.

خطوة بخطوة

1. افتح «واتساب وزرار الرجوع لفوق».
2. شغّل «إظهار زرار واتساب».
3. اكتب رقمك في «رقم واتساب بكود الدولة، زي 966500000000 (لو فاضي: رقم المتجر)».
4. لفتح واتساب على طول، اقفل «لما العميل يدوس على الزرار: يفتح نافذة ترحيب الأول (لو قفلته يفتح واتساب مباشرة)».
5. لو حابب، اكتب «رسالة جاهزة بتتكتب للعميل أول ما يفتح واتساب (اختياري)».
6. جرّب الزرار ودوس «نشر».

الإعدادات

• إظهار زرار واتساب: في ركن كل صفحات المتجر.
• رقم واتساب بكود الدولة، زي 966500000000 (لو فاضي: رقم المتجر): من غير صفر في الأول. الرقم الغلط بيخفي الزرار، والفاضي بياخد رقم التواصل المحفوظ لمتجرك في زد.بيظهر لما تفعّل «إظهار زرار واتساب»
• رسالة جاهزة بتتكتب للعميل أول ما يفتح واتساب (اختياري): بتتكتب لوحدها في خانة الرسالة، زي «أهلًا، عندي سؤال عن منتج»، والعميل يقدر يعدّلها.بيظهر لما تفعّل «إظهار زرار واتساب»
• لما العميل يدوس على الزرار: يفتح نافذة ترحيب الأول (لو قفلته يفتح واتساب مباشرة): شغّال: نافذة صغيرة بترحيبك وزرار «متابعة في واتساب». مقفول: واتساب على طول.بيظهر لما تفعّل «إظهار زرار واتساب»
• عنوان نافذة الترحيب (لو فاضي: «تواصل معنا»): زي «خدمة العملاء».بيظهر لما تفعّل «إظهار زرار واتساب»، ولما تفعّل «لما العميل يدوس على الزرار: يفتح نافذة ترحيب الأول (لو قفلته يفتح واتساب مباشرة)»
• صورة نافذة الترحيب (صورتك أو شعارك): في دايرة صغيرة أعلى النافذة، عشان العميل يحس إنه بيكلّم ناس حقيقية.بيظهر لما تفعّل «إظهار زرار واتساب»، ولما تفعّل «لما العميل يدوس على الزرار: يفتح نافذة ترحيب الأول (لو قفلته يفتح واتساب مباشرة)»
• رسائل الترحيب: رسايل قصيرة زي فقاعات المحادثة، زي «أهلًا بيك، إزاي نقدر نساعدك؟».بيظهر لما تفعّل «إظهار زرار واتساب»، ولما تفعّل «لما العميل يدوس على الزرار: يفتح نافذة ترحيب الأول (لو قفلته يفتح واتساب مباشرة)»
  • نص الرسالة: كل رسالة في فقاعة لوحدها.
• إخفاء زرار واتساب على الموبايل: لو بيغطي على حاجة في الموبايل.بيظهر لما تفعّل «إظهار زرار واتساب»
• لون زرار واتساب: للدايرة ولزرار «متابعة في واتساب». الفاضي بياخد «اللون الأساسي (الأزرار)».بيظهر لما تفعّل «إظهار زرار واتساب»
• لون الأيقونة والكلام على زرار واتساب: لأيقونة واتساب ولكلام زرار «متابعة في واتساب».بيظهر لما تفعّل «إظهار زرار واتساب»
• لون خلفية نافذة الترحيب: للنافذة كلها.بيظهر لما تفعّل «إظهار زرار واتساب»، ولما تفعّل «لما العميل يدوس على الزرار: يفتح نافذة ترحيب الأول (لو قفلته يفتح واتساب مباشرة)»
• لون نص نافذة الترحيب: للعنوان والكلام.بيظهر لما تفعّل «إظهار زرار واتساب»، ولما تفعّل «لما العميل يدوس على الزرار: يفتح نافذة ترحيب الأول (لو قفلته يفتح واتساب مباشرة)»
• لون خلفية رسائل الترحيب: لفقاعات الرسايل.بيظهر لما تفعّل «إظهار زرار واتساب»، ولما تفعّل «لما العميل يدوس على الزرار: يفتح نافذة ترحيب الأول (لو قفلته يفتح واتساب مباشرة)»
• إظهار زرار «الرجوع لفوق»: سهم صغير بيظهر في الركن لما العميل ينزل، وبيرجّعه لأول الصفحة بضغطة.
• الزرار يظهر بعد ما العميل ينزل المسافة دي في الصفحة: من 0 لـ3000؛ الأصلي 300، يعني بعد نزلة قصيرة.بيظهر لما تفعّل «إظهار زرار «الرجوع لفوق»»
• لون زرار الرجوع لفوق: الفاضي بياخد «اللون الأساسي (الأزرار)».بيظهر لما تفعّل «إظهار زرار «الرجوع لفوق»»
• لون سهم زرار الرجوع لفوق: للسهم جوه الزرار.بيظهر لما تفعّل «إظهار زرار «الرجوع لفوق»»

نصايح

• الزرار مظهرش؟ غالبًا الرقم غلط: لازم يبدأ بكود الدولة (966 للسعودية، 20 لمصر) من غير 00 أو صفر.
• أخضر واتساب المعروف بيخلّي الزرار مفهوم من أول نظرة؛ حطه في «لون زرار واتساب» لو حابب.
• صورة الترحيب في دايرة صغيرة: 96×96، والمهم في نصها.

• إظهار اقتراحات «قد يعجبك أيضًا» في السلة: المفتاح الرئيسي؛ مقفول يعني مفيش اقتراحات في أي مكان.
• تظهر في صفحة السلة: آخر الصفحة، تحت المنتجات وملخص الطلب.
• تظهر في السلة الجانبية: تحت المنتجات.
• عنوان الاقتراحات (لو فاضي: «قد يعجبك أيضًا»): زي «ممكن يعجبك كمان» أو «كمّل طلبك».
• عدد المنتجات: أقصى عدد، من 2 لـ24، والعميل بيقلّب بالأسهم أو بالسحب.
• إظهار السعر: تحت اسم كل منتج.
• إظهار المنتجات اللي خلصت: سيبه مقفول عشان العميل ميشوفش منتج مش هيقدر يشتريه.

نصايح

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

• منع الكليك يمين في المتجر (بيصعّب حفظ الصور): ما عدا جوه الخانات اللي العميل بيكتب فيها (زي كود الخصم والعنوان) عشان يلصق. التحديد والنسخ بالكيبورد شغالين عادي.

نصايح

• اللي عايز صورك ممكن يصوّر الشاشة؛ شعارك على الصور أضمن.

• كود يتحط في آخر الـ head (زي أكواد التتبع والتحليلات): للكود اللي الخدمة بتقول يتحط في الـ head؛ المكان المعتاد لبكسل سناب شات وتيك توك وميتا والتحليلات.
• كود يتحط في آخر الصفحة قبل نهاية الـ body (زي أكواد الشات): للكود اللي الخدمة بتقول يتحط قبل نهاية الـ body؛ المكان المعتاد لأدوات الشات والدعم.

نصايح

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

شكل الهيدر

خطوة بخطوة

1. من صفحة الثيمات في زد دوس «تخصيص» على أمير، وافتح «الهيدر» وبعدين مجموعة «الهيدر».
2. ارفع شعارك في «الشعار»، والأحسن PNG بخلفية شفافة.
3. اختار «ارتفاع الشعار» و«ارتفاع الشعار على الموبايل» وبص على المعاينة.
4. الشعار الطويل محتاج نسخة مختصرة في «شعار الموبايل (اختياري)».
5. دوس «نشر».

الإعدادات

• شكل الهيدر: للكمبيوتر. على الموبايل والتابلت كل الأشكال واحدة: زرار القائمة والشعار والأيقونات. جرّب وبص على المعاينة.
• خلّي الهيدر شفاف فوق أول قسم في الرئيسية (اقفلها لو أول قسم مش صورة): لما العميل ينزل ويطلع، الهيدر بيثبت فوق بلونه. باقي الصفحات مش بتتأثر.بيظهر مع: «شفاف فوق أول قسم في الرئيسية»
• لون النص والأيقونات وهو شفاف (لو فاضي: نفس لون الهيدر): أبيض على الصورة الغامقة، وغامق على الفاتحة.بيظهر مع: «شفاف فوق أول قسم في الرئيسية»، ولما تفعّل «خلّي الهيدر شفاف فوق أول قسم في الرئيسية (اقفلها لو أول قسم مش صورة)»
• الشعار: في كل الصفحات، وفي الفوتر بشكل «فاتح: الشعار فوق بيانات المتجر». الفاضي بياخد شعار متجرك من زد، ومن غير شعار خالص بيظهر اسم المتجر.
• شعار الموبايل (اختياري): للموبايل والتابلت بس، زي العلامة لوحدها أو الحروف الأولى. الفاضي بيعرض الشعار العادي.
• ارتفاع الشعار: على الكمبيوتر، والعرض بيمشي معاه. كبّره لو صغير، وصغّره لو زاحم القائمة.
• ارتفاع الشعار على الموبايل: على الموبايل والتابلت. صغير كفاية ميدخلش على الأيقونات.
• ظبط مكان الشعار تلقائي عشان يبان في نص الصف مع الأيقونات: بيطلّع الشعار أو ينزّله حركة صغيرة حسب شكله. لو اتحرك غلط اقفلها واستخدم «تحريك الشعار لفوق أو لتحت (بالسالب يطلع لفوق)».
• تحريك الشعار لفوق أو لتحت (بالسالب يطلع لفوق): لو لسه مش على خط الأيقونات. غيّر خطوة صغيرة كل مرة.
• إخفاء البحث: بيشيل خانة وأيقونة البحث من الهيدر وزرار «بحث» من شريط الموبايل السفلي؛ بحث قائمة الموبايل بيفضل. للمتاجر اللي منتجاتها قليلة أوي بس.
• الكلام اللي جوه خانة البحث (لو فاضي: «ابحث عن منتج»): بيظهر في الهيدر ونافذة البحث وقائمة الموبايل. اكتب جملة تشجّع، زي «دوّر على عطرك».
• كلمات بحث مقترحة في نافذة البحث (لو فاضية: بتظهر التصنيفات): أزرار تحت «عمليات بحث شائعة» قبل ما العميل يكتب، وكل واحدة بتفتح نتايجها. الفاضية بتعرض تصنيفاتك بصورها.
  • كلمة البحث: زي «عبايات سوداء» أو «سماعات لاسلكية»؛ كلمات عملاءك بيدوروا بيها فعلًا.
• إخفاء زرار اللغة: من الشريط العلوي والهيدر والفوتر. مش بيظهر أصلًا للمتجر اللي بلغة واحدة.
• إخفاء زرار الدولة: من الشريط العلوي والهيدر والفوتر. معاه «إخفاء زرار اللغة» بيختفي زرار الدولة واللغة من آخر قائمة الموبايل كمان.
• رقم التليفون (لو فاضي: رقم المتجر): أول الهيدر على الكمبيوتر، ولما العميل يدوس بيتصل على طول. الفاضي بياخد رقم متجرك من زد.بيظهر مع: «صفين: أرقام وروابط التواصل في البداية والشعار في المنتصف، والقائمة لوحدها تحت»
• الروابط اللي جنب رقم التليفون: زي «تواصل معانا» أو «الأسئلة الشائعة». الرابط محتاج «نص الرابط» و«الرابط» الاتنين.بيظهر مع: «صفين: أرقام وروابط التواصل في البداية والشعار في المنتصف، والقائمة لوحدها تحت»
  • نص الرابط: كلمة أو اتنين.
  • الرابط: صفحة في متجرك زي /faqs، أو موقع برّه.
  • خط تحت الرابط: عشان يلفت النظر؛ لأهم رابط عندك.
• نص الرابط المميز في آخر صف القائمة (في أشكال الهيدر اللي فيها «تصفح حسب القسم» والقائمة تحت): رابط بعلامة % في آخر صف القائمة على الكمبيوتر، زي «عروض خاصة!»، يوصّل لعروضك بسرعة. الفاضي مش بيظهر.
• الرابط المميز يفتح على (لو فاضي: صفحة المنتجات): زي تصنيف العروض.
• الرسائل اللي تحت الهيدر: سطر تحت الهيدر العايم على الكمبيوتر؛ الرسايل بتتقلب كل ٥ ثواني بأسهم، والسطر بيختفي لما الهيدر يثبت. مناسب لعرض أو كود خصم.بيظهر مع: «كارت عايم فوق الصفحة: الشعار و«تصفح حسب القسم» والقائمة والبحث»
  • نص الرسالة: سطر قصير زي «خصم ١٠٪ على أول طلب». الرسالة الفاضية مش بتظهر.
  • الرابط (اختياري): الرسالة بتفتح الصفحة دي لما العميل يدوس عليها.
• الهيدر يفضل ظاهر وانت بتنزل في الصفحة: الهيدر بيمشي مع الصفحة وانت نازل، وبيرجع ثابت فوق أول ما العميل يطلع شوية، فالبحث والسلة قريبين. اقفله عشان يفضل في أول الصفحة بس.
• لون نص الرسائل: غيّره لو الكلام مش باين فوق أول صورة في الرئيسية.بيظهر مع: «كارت عايم فوق الصفحة: الشعار و«تصفح حسب القسم» والقائمة والبحث»

نصايح

• على الموبايل والتابلت كل الأشكال واحدة: زرار القائمة في البداية، والشعار في النص، والأيقونات في الآخر.
• روابط القائمة من القائمة الرئيسية في لوحة زد، مش من الثيم. البند اللي تحته بنود ليها بنود بيفتح لوحة عريضة بأعمدة، واللي مش لاقي مكان في الصف بيتجمع تحت «المزيد».
• الشعار PNG بخلفية شفافة وارتفاعه 175 بكسل أو أكتر. عرضه أقصاه 220 بكسل على الكمبيوتر و160 على الموبايل والتابلت، فالشعار العريض أوي بيبان أصغر من الارتفاع اللي اخترته.
• زراري الدولة واللغة بيفتحوا نافذة من زد، وبيظهروا في الشريط العلوي والفوتر وآخر قائمة الموبايل، وفي أشكال الهيدر اللي فيها الدولة واللغة لو الشريط العلوي مش عارضهم. «إخفاء زرار اللغة» و«إخفاء زرار الدولة» بيشيلوهم من كل مكان.
• في الأشكال اللي بتقف فوق أول قسم في الرئيسية، بعّد الكلام المهم عن أعلى أول صورة.
• في أشكال الصفين اللي فيها «تصفح حسب القسم»، الصف التاني بيستخبى لما الهيدر يثبت على الكمبيوتر، والعميل يرجّعه من زرار القائمة اللي قبل الشعار. باقي الأشكال بتثبت بكل صفوفها.
• في أي خانة رابط اكتب الصفحة من أول / (زي /products) بدل العنوان الكامل، فعميل الإنجليزي يروح للصفحة الإنجليزية لوحده.
• إعدادات الهيدر لكل لغة لوحدها: بعد العربي بدّل المحرر للإنجليزي وراجع هناك.

شكل الشريط العلوي

خطوة بخطوة

1. افتح «الهيدر» وبعدين «الشريط العلوي»، وشغّل «إظهار الشريط العلوي».
2. ضيف رسالة في «الرسائل» واكتب «نص الرسالة»، زي «شحن مجاني للطلبات فوق ٢٠٠ ريال».
3. لو عايزها تفتح صفحة، حط رابطها في «الرابط (اختياري)».
4. كرر لكل رسالة واختار «مدة كل رسالة بالثواني».
5. دوس «نشر» وبص على الشريط في الكمبيوتر والموبايل.

الإعدادات

• شكل الشريط العلوي: للرسائل على الموبايل كمان اختار «الرسائل في المنتصف» أو «الدولة واللغة، والرسائل بين سهمين، وحسابات السوشيال».
• إظهار الشريط العلوي: اقفله لو معندكش رسالة أو عرض دلوقتي.
• الشريط يظهر في: «كل الصفحات» عشان الرسالة تفضل قدام العميل، أو «الصفحة الرئيسية بس» لصفحات أنضف.
• الرسائل: بتتقلب ورا بعض وبتقف تحت الماوس، والرسالة الواحدة ثابتة.
  • نص الرسالة: سطر يتقري في ثانية، زي «خصم ١٠٪ بكود WELCOME». الطويل بيتقص من آخره.
  • الرابط (اختياري): الرسالة بتفتح الصفحة دي، زي صفحة العروض.
• رقم التليفون في أول الشريط، في الأشكال اللي فيها «التواصل» (لو فاضي: رقم المتجر): بيتصل لما العميل يدوس. الفاضي بيعرض رقم متجرك من زد، فاكتب هنا بس لرقم تاني زي المبيعات.
• الروابط اللي جنب رقم التليفون، في الأشكال اللي فيها «التواصل»: زي «الشحن والدفع» و«الأسئلة الشائعة». الرابط محتاج «نص الرابط» و«الرابط» الاتنين.
  • نص الرابط: كلمة أو اتنين.
  • الرابط: زي /faqs للأسئلة الشائعة أو /shipping-and-payment للشحن والدفع.
• إظهار الدولة واللغة (مش بتظهر في شكل «الرسائل في المنتصف»): بيفتحوا نافذة زد لاختيار الدولة واللغة. طول ما الشريط عارضهم، أشكال الهيدر مش بتكررهم.
• إظهار حسابات السوشيال (من بيانات متجرك في زد): أيقونات في آخر الشريط (فيسبوك، إنستجرام، تيك توك، سناب شات، X، يوتيوب، لينكد إن). الحساب اللي مش مكتوب في زد مش بيظهر.بيظهر مع: «الدولة واللغة، والرسائل بين سهمين، وحسابات السوشيال»
• مدة كل رسالة بالثواني: من ٤ لـ٦ ثواني كفاية للقراية، وأقل مدة بتشتغل ثانيتين.
• لون الخلفية: الفاضي بياخد لون الشكل: غامق، أو فاتح في «فاتح وتحته خط: التواصل والرسائل والدولة واللغة».
• لون النص: للكلام والأيقونات؛ واضح على الخلفية.

نصايح

• في «التواصل والرسائل والدولة واللغة» و«فاتح وتحته خط: التواصل والرسائل والدولة واللغة» الرسائل على الكمبيوتر الكبير بس والشريط مش بيظهر على الموبايل؛ لرسالة للموبايل اختار شكل تاني.
• الرسائل والروابط لكل لغة لوحدها: بعد العربي بدّل المحرر للإنجليزي واكتبها.
• في خانات الروابط اكتب الصفحة من أول / (زي /faqs)، فعميل الإنجليزي يروح للصفحة الإنجليزية لوحده.

خطوة بخطوة

1. افتح «الهيدر» وبعدين مجموعة زرار «تصفح حسب القسم».
2. في «التصنيفات اللي تظهر» اختار «أختارها بنفسي».
3. ضيف تصنيف في «التصنيفات اللي تختارها» واختاره من «التصنيف».
4. الاسم الأقصر في «اسم التصنيف (لو فاضي: اسمه من زد)»، و«أيقونة (اختياري)» لو حابب.
5. كرر بالترتيب اللي عايزه ودوس «نشر».

الإعدادات

• إظهار زرار «تصفح حسب القسم» (في أشكال الهيدر اللي فيها الزرار ده): اقفله لو تصنيفاتك قليلة والقائمة العادية كفاية.
• نص الزرار (لو فاضي: «تصفح حسب القسم»): زي «الأقسام» أو «تسوق حسب الفئة».
• التصنيفات اللي تظهر: التلقائي بيعرض تصنيفات زد وبيتحدّث مع أي تصنيف جديد؛ «أختارها بنفسي» عشان تحدد التصنيفات وترتيبها.
• أقصى عدد تصنيفات: للتصنيفات الرئيسية؛ الباقي من «كل الأقسام» آخر القائمة. ١٠ أو أقل أريح.بيظهر لما تختار «كل تصنيفات المتجر وفروعها (تلقائي)» في «التصنيفات اللي تظهر»
• التصنيفات اللي تختارها: بالترتيب اللي تحطه، وكل تصنيف بيفتح فروعه جنبه لوحده.بيظهر لما تختار «أختارها بنفسي» في «التصنيفات اللي تظهر»
  • التصنيف: التصنيف اللي السطر بيفتحه.
  • اسم التصنيف (لو فاضي: اسمه من زد): لو عايزه أقصر أو أوضح.
  • أيقونة (اختياري): مربعة، والأنسب 64×64 بكسل. الفاضية بتعرض صورة التصنيف من زد، أو مربع سادة بعلامة لو مالوش صورة.
• لون خلفية الزرار: الفاضي بياخد لون شكل الهيدر؛ لون متجرك بيخلّي الزرار يلفت النظر.
• لون نص الزرار: للكلام والأيقونات؛ اختار لون واضح على الخلفية.

نصايح

• الصور جنب التصنيفات من صور التصنيفات في زد؛ ارفع صورة لكل تصنيف.
• الزرار بيظهر في أشكال الهيدر اللي اسمها فيه «تصفح حسب القسم»، وفي «صف واحد: الشعار و«تصفح حسب القسم» والقائمة والبحث» على الكمبيوتر الكبير بس. مش بيظهر على الموبايل والتابلت؛ التصنيفات هناك من قائمة الموبايل.

خطوة بخطوة

1. افتح «الهيدر» وبعدين «قائمة الموبايل».
2. ضيف رابط في «روابط إضافية تحت القائمة الرئيسية».
3. اكتب «نص الرابط» زي «من نحن»، والصفحة في «الرابط».
4. للمواقع اللي برّه متجرك (زي يوتيوب) شغّل «افتح الرابط في تاب جديد».
5. دوس «نشر» وجرّب من الموبايل.

الإعدادات

• عنوان فوق القائمة (اختياري): زي ترحيب أو اسم متجرك. الفاضي بيسيب زرار القفل بس.
• روابط إضافية تحت القائمة الرئيسية: تحت قائمة متجرك، في الموبايل والتابلت بس، لصفحات مش في القائمة الرئيسية زي «من نحن» أو «الأسئلة الشائعة». الرابط محتاج «نص الرابط» و«الرابط» الاتنين.
  • نص الرابط: قصير وواضح.
  • الرابط: صفحة في متجرك زي /faqs، أو موقع برّه.
  • افتح الرابط في تاب جديد: للروابط اللي برّه المتجر بس، عشان العميل ميسيبش متجرك.
• إظهار «تحتاج مساعدة؟» (تليفون وإيميل متجرك): إيميل ورقم متجرك من زد، والعميل يدوس عليهم يبعت أو يتصل. مش بيظهر لو مفيش رقم ولا إيميل.
• إظهار زرار «تسجيل الدخول»: في آخر القائمة. للعميل المسجل بيبقى «أهلا» واسمه وبيفتح حسابه.
• إظهار الدولة واللغة: في آخر القائمة، بيفتح نافذة زد للدولة واللغة. بيختفي كمان لو «إخفاء زرار اللغة» و«إخفاء زرار الدولة» شغالين في «الهيدر».
• لون خلفية القائمة: الفاضي بياخد خلفية الصفحة.
• لون النص: للعنوان والبنود الرئيسية والروابط الإضافية وأزرار + وزراري تسجيل الدخول والدولة واللغة. البنود الفرعية وبيانات التواصل بتفضل باهتة، و«تحتاج مساعدة؟» والقفل والبحث بلون العناوين. الفاضي بياخد لون العناوين.
• لون الخطوط الفاصلة: بين البنود وحوالين البحث. الفاضي بياخد لون الخطوط الفاصلة في ألوان متجرك.
• لون الطبقة اللي ورا القائمة: الطبقة دي حاليًا لونها غامق ثابت في كل المتاجر، فسيب الأسود.
• قوة الطبقة اللي ورا القائمة (0 شفافة - 100 مغطية): كل ما الرقم يكبر الصفحة بتغمق وهي لسه باينة. الرقم الأصلي مناسب لأغلب المتاجر.

نصايح

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

خطوة بخطوة

1. افتح «الهيدر» وبعدين «شريط الموبايل السفلي».
2. شغّل «إظهار الشريط السفلي على الموبايل».
3. اقفل الأزرار اللي مش محتاجها، كل واحد باختياره (زي «إظهار زرار «المفضلة»»).
4. لتصنيف معيّن حط رابطه في «رابط زرار «المتجر» (لو فاضي: صفحة المنتجات)».
5. دوس «نشر» وجرّب من الموبايل.

الإعدادات

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

نصايح

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

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

• العنوان: العنوان الكبير للقسم؛ سيبه فاضي لو مش عايز عنوان.
• القسم بعرض الشاشة كلها: المحتوى بياخد عرض الشاشة بدل عرض الصفحة الثابت. مناسب للبانرات والصور الكبيرة؛ سيبه مقفول للأقسام اللي فيها كلام كتير عشان السطور متطولش.
• لون خلفية القسم: الشفاف بياخد خلفية الصفحة، واللون بيفصل القسم عن اللي حواليه. في «بانر عداد تنازلي» و«آراء العملاء» اسم الخانة بيقول بتلوّن أنهي جزء.
• صورة خلفية القسم: بتملى القسم ورا المحتوى وبتتقص على قده. صورة هادية عرضها حوالي ١٩٢٠، ولو الكلام مش باين شغّل «طبقة لون فوق الخلفية».
• طبقة لون فوق الخلفية: لون شفاف فوق الصورة أو اللون عشان الكلام يبان.
• لون الطبقة: الأسود بيغمّق للكلام الفاتح، والأبيض بيفتّح للكلام الغامق.بيظهر لما تفعّل «طبقة لون فوق الخلفية»
• قوة الطبقة (0 شفافة - 100 مغطية): ابدأ بـ٤٠ وزوّد لو الكلام لسه مش واضح.بيظهر لما تفعّل «طبقة لون فوق الخلفية»
• المسافة فوق القسم: «العادية للشكل ده» مسافة الشكل المختار، والرقم الأصغر أقرب للي فوقه، و«من غير مسافة» بيشيلها. الموبايل بياخد نفس الرقم إلا لو غيّرت «المسافة فوق القسم على الموبايل».
• المسافة تحت القسم: زي «المسافة فوق القسم»، والموبايل بياخد نفس الرقم إلا لو غيّرت «المسافة تحت القسم على الموبايل».
• إخفاء القسم: من غير ما يتمسح، ومحتواه محفوظ؛ مفيد لقسم موسمي زي عرض أو عداد.
• تثبيت الصورة وقت النزول في الصفحة (بارالاكس) - مش بيشتغل في «كلمة كبيرة ورا صورة منتج»: في «بانر مميز» بس: الصورة ثابتة والصفحة بتتحرك فوقها فيبان عمق. على الموبايل بتتحرك عادي، ولما يتفعّل الصورة مش بتتقلب في العربي حتى مع «اقلب الصورة في الصفحات العربي (زي المراية)».

شكل القسم

خطوة بخطوة

1. افتح «الشرايح» وضيف شريحة.
2. سيب «نوع الشريحة» على «صورة» وارفع «الصورة»؛ للصورة العريضة ارفع كمان صورة طولية في «صورة الموبايل (اختياري)».
3. اكتب «عنوان الشريحة»، و«الكلام تحت العنوان» و«سطر صغير فوق العنوان» لو حابب.
4. اكتب «نص الزرار» واختار «رابط الزرار»؛ الزرار محتاج الاتنين.
5. حط الكلام على الجزء الفاضي من الصورة بـ«مكان الكلام» و«مكان الكلام من فوق لتحت».
6. راجع الكمبيوتر والموبايل قبل النشر.

الإعدادات

• شكل القسم: شرايحك بتفضل لما تغيّر الشكل، فجرّب كذا شكل.
• الشرايح: بتظهر بنفس الترتيب، ومن غيرها القسم مش بيظهر.تقدر تضيف لحد ١٢
  • سطر صغير فوق العنوان: زي مجموعة الصيف أو عرض لفترة محدودة. مش بيظهر على الموبايل في «صورة بحواف مدوّرة»، ولا في «صورة كاملة والنص فوقها» إلا مع «هوية المتجر» على «فاخر».
  • عنوان الشريحة: من كلمتين لأربعة عشان يتقري بسرعة، خصوصًا على الموبايل.
  • الكلام تحت العنوان: سطر أو اتنين بيشرحوا العرض. في «صورة كاملة والنص فوقها» مش بيظهر على الموبايل، فحط المهم في العنوان.
  • نوع الشريحة: خانة الفيديو أو رابط يوتيوب بتظهر حسب اختيارك.
  • ملف الفيديو: بيشتغل من غير صوت وبيعيد نفسه، فاختار فيديو قصير وخفيف مش معتمد على الصوت.بيظهر لما تختار «فيديو مرفوع» في «نوع الشريحة»
  • رابط فيديو يوتيوب: في «صورة كاملة والنص فوقها» بيشتغل جوه الشريحة؛ في الباقي بتظهر «صورة غلاف الفيديو» بعلامة تشغيل، والدوس بيفتح يوتيوب.بيظهر لما تختار «فيديو يوتيوب» في «نوع الشريحة»
  • الصورة: بتتقص من الأطراف، فخلّي المهم في النص. مقاس كل شكل مكتوب تحت الخانة.
  • صورة الموبايل (اختياري): بدل الأساسية على الموبايل، لما صورة الكمبيوتر عريضة والمنتج بيضيع فيها. الفاضية بتعرض الأساسية.
  • صورة غلاف الفيديو (للفيديو المرفوع ويوتيوب بس): بتظهر لحد ما الفيديو يشتغل. مع يوتيوب لازم، لأنها هي اللي على الشريحة.
  • وصف الصورة لجوجل وقارئ الشاشة (alt) - اختياري: زي فستان سهرة أسود. مش بيظهر على الصفحة.
  • اقلب الصورة في الصفحات العربي (زي المراية): في العربي بس. شغّله لو الكلام العربي نازل على المنتج، فيتنقل للناحية التانية. متشغلوش لو في الصورة كتابة، هتتقلب.
  • نص الزرار (سيبه فاضي لو مش عايز زرار): زي تسوق الآن. الزرار محتاج نص ورابط.
  • رابط الزرار (لازم يتحط عشان الزرار يظهر): تصنيف أو منتج أو أي صفحة. في «شريحتين جنب بعض والكلام تحت في الصورة» وأشكال «الشبكة الثابتة» الدوس على الصورة بيفتحه كمان.
  • افتح رابط الزرار في تاب جديد: للروابط اللي برّه زي إنستجرام؛ سيبه مقفول لصفحات متجرك.
  • نص الزرار التاني (سيبه فاضي لو مش عايز زرار تاني): جنب الأول، زي شوف المجموعة. محتاج نص ورابط.
  • رابط الزرار التاني (لازم يتحط عشان الزرار يظهر): زي تصنيف تاني أو صفحة العروض.
  • افتح رابط الزرار التاني في تاب جديد: للروابط اللي برّه متجرك بس.
  • مكان الكلام: «في البداية» يمين في العربي وشمال في الإنجليزي. حطه في الناحية الفاضية من الصورة.
  • مكان الكلام من فوق لتحت: على الجزء الفاضي من الصورة عشان يتقري.
  • مكان الكلام على الموبايل: سيبه «زي الكمبيوتر» إلا لو الكلام مغطي حاجة مهمة على الموبايل.
  • مكان الكلام من فوق لتحت على الموبايل: سيبه «زي الكمبيوتر» إلا لو محتاج تحرّكه على الشاشة الصغيرة.
  • لون الخلفية (بيبان لما مفيش صورة، وفي «لوحة بلون» ده لون اللوحة): كمان مع «نوع الشريحة» على «لون من غير صورة». في «لوحة بلون للكلام وجنبها الصورة» الكلام بيقلب أبيض أو غامق لوحده عشان يتقري.
  • طبقة لون فوق صورة الشريحة: لما الكلام الأبيض مش باين على صورة فاتحة. في «لوحة بلون للكلام وجنبها الصورة» و«صورة متقسمة» بتغطي على الكمبيوتر جزء الكلام بس.
  • نوع الطبقة: «لون واحد» بنفس القوة على الصورة كلها، و«متدرّجة» قوية من ناحية وبتخف، فجزء من الصورة يفضل واضح.بيظهر لما تفعّل «طبقة لون فوق صورة الشريحة»
  • لون الطبقة: الأسود الأشهر ورا الكلام الأبيض، ولون علامتك ينفع.بيظهر لما تفعّل «طبقة لون فوق صورة الشريحة»
  • قوة الطبقة (0 شفافة - 100 مغطية): من 30 لـ50 غالبًا كفاية.بيظهر لما تفعّل «طبقة لون فوق صورة الشريحة»
  • لون العنوان: للشريحة دي بس؛ من غير تغيير بياخد لون الشكل.
  • لون الكلام تحت العنوان والسطر الصغير: للشريحة دي بس.
  • لون نص الزرار: للزرار الأول. لو غيّرت الخلفية بس، لون الكلام بيتختار لوحده.
  • لون خلفية الزرار: لون باين على الصورة، أو لون علامتك.
  • لون حدود الزرار: مفيد لزرار شفاف بإطار بس.
  • لون نص الزرار التاني: لو غيّرت الخلفية بس، لون الكلام بيتختار لوحده.
  • لون خلفية الزرار التاني: لون مختلف عن الأول بيوضّح إن الأول هو الأهم.
  • لون حدود الزرار التاني: خط رفيع حوالين الزرار.
• شريط رسائل بيتحرك فوق الشرايح (كل رسالة في سطر لوحدها، وسيبه فاضي لو مش عايزه): بين الرسايل نجمة صغيرة. امسح الكلام كله عشان الشريط يختفي.بيظهر مع: «صورة مدوّرة والكلام في أسفلها، وفوقها شريط رسائل بيتحرك»
• ارتفاع الشريحة على الكمبيوتر بالـpx (سيبه 560 عشان يفضل ارتفاع الشكل الأصلي): عند 560 كل شكل بارتفاعه الأصلي، وأي رقم تاني بيتطبق على أي شكل. في «الشبكة الثابتة» ده ارتفاع الكارت الكبير.
• ارتفاع الشريحة على الموبايل بالـpx (سيبه 420 عشان يفضل ارتفاع الشكل الأصلي): كبّره لو الكلام زحمة على الصورة.
• المسافة بين الكلام وحافة الشريحة على الكمبيوتر بالـpx (سيبها 24 عشان تفضل مسافة الشكل الأصلية): زوّدها لو الكلام لازق في الطرف.
• المسافة بين الكلام وحافة الشريحة على الموبايل بالـpx (سيبها 16 عشان تفضل مسافة الشكل الأصلية): نفس المسافة على الموبايل.
• تقليب تلقائي (مش بيشتغل في أشكال «الشبكة الثابتة»): بيقف طول ما الماوس على السلايدر.
• مدة كل شريحة قبل ما يقلّب (1000 = ثانية): العادي 6000 يعني 6 ثواني. ادّي الزائر وقت يقرا.بيظهر لما تفعّل «تقليب تلقائي (مش بيشتغل في أشكال «الشبكة الثابتة»)»
• يرجع لأول شريحة بعد آخر واحدة (مش بيشتغل في أشكال «الشبكة الثابتة»): مقفول: السلايدر بيقف عند آخر شريحة.
• حركة تغيير الشريحة (مش بتشتغل في أشكال «الشبكة الثابتة»): «ناعمة» بتتلاشى أو بتتسحب حسب الشكل، و«فورية من غير حركة» بتتغير على طول.
• مدة الحركة (1000 = ثانية): العادي 800، والأصغر أسرع.بيظهر لما تختار «ناعمة (تلاشي أو سحب حسب الشكل)» في «حركة تغيير الشريحة (مش بتشتغل في أشكال «الشبكة الثابتة»)»
• تشغيل فيديو الشريحة لوحده (من غير صوت): أول ما الشريحة تظهر. مقفول: الزائر بيشغّله بزرار التشغيل.
• إظهار الأسهم (مش بتظهر في أشكال «الشبكة الثابتة»): مفيدة على الكمبيوتر مع شرايح كتير. في «صورة بحواف مدوّرة» و«صورة مدوّرة والكلام في أسفلها» مش بتظهر على الموبايل والتابلت بالطول، وفي «صورة كاملة والنص فوقها» بتظهر على الشاشات العريضة أوي بس لما الماوس يعدّي.
• إظهار الشرط تحت السلايدر (مش بتظهر في أشكال «الشبكة الثابتة»): بتوضّح الشريحة الحالية، والدوس على شريطة بيروح لشريحتها. في «صورة متقسمة» بتظهر على الموبايل والتابلت بالطول بس.
• إظهار شريط تقدم الشرايح (مش بيظهر في أشكال «الشبكة الثابتة»): بيتملى مع الشرايح وجنبه رقم الشريحة من العدد، زي 2 / 5.
• لون خلفية الأسهم: الدايرة أو المربع ورا الأسهم.
• لون الأسهم والشرط: غيّره لو مش باينين على صورك.
• لون شريطة الشريحة الحالية: عشان تبان مختلفة عن الباقي.
• لون شريط التقدم (الجزء الفاضي): قبل ما يتملى.بيظهر لما تفعّل «إظهار شريط تقدم الشرايح (مش بيظهر في أشكال «الشبكة الثابتة»)»
• لون شريط التقدم (الجزء المليان): اللي بيتملى مع الشرايح.بيظهر لما تفعّل «إظهار شريط تقدم الشرايح (مش بيظهر في أشكال «الشبكة الثابتة»)»
• زخرفة فوق لون اللوحة (بتظهر من التابلت وأكبر): فوق لون اللوحة اللي عليها الكلام. استخدم PNG بخلفية شفافة عشان اللون يبان من تحتها.بيظهر مع: «لوحة بلون للكلام وجنبها الصورة»
• المسافة فوق القسم على الموبايل: «العادية للشكل ده» بتاخد «المسافة فوق القسم» اللي للكمبيوتر، ولو ما اتغيرتش فمسافة الشكل الأصلية.
• المسافة تحت القسم على الموبايل: «العادية للشكل ده» بتاخد «المسافة تحت القسم» اللي للكمبيوتر، ولو ما اتغيرتش فمسافة الشكل الأصلية.

وكمان «الخيارات المشتركة بين الأقسام» المذكورة في فصل أقسام الصفحة الرئيسية، ما عدا "العنوان"، "تثبيت الصورة وقت النزول في الصفحة (بارالاكس) - مش بيشتغل في «كلمة كبيرة ورا صورة منتج»".

نصايح

• مقاس كل شكل تحت خانة «الصورة»، زي 1920×860px في «صورة كاملة والنص فوقها». الصورة بتتقص من الأطراف، فخلّي المنتج في النص.
• الشريحة على الموبايل في أغلب الأشكال طولها أكبر من عرضها، فصورة طولية أو مربعة في «صورة الموبايل (اختياري)» أوضح من عريضة متقصوصة.
• «الشبكة الثابتة» بتعرض أول تلات شرايح بس ومش بتقلّب؛ اللي بعد التالتة مش هيظهر، والأسهم والتقليب مش شغالين.
• الزرار محتاج نص ورابط الاتنين عشان يظهر.
• لو في الصورة كتابة (اسم علامة على علبة مثلًا) متشغلش «اقلب الصورة في الصفحات العربي».
• «القسم بعرض الشاشة كلها» بيوسّع السلايدر لعرض الشاشة. في «صورة كاملة والنص فوقها» بيوسّع مساحة الكلام بس، وفي «صورة بحواف مدوّرة» بتبان أطراف الشرايح اللي جنبها، وفي «لوحة بلون للكلام وجنبها الصورة» اللوحة والصورة بيتقسموا الشاشة نص ونص.
• «لون خلفية القسم» بيبان في المسافات حوالين الشرايح، مش جوه الصور.
• «صورة خلفية القسم» الشرايح بتغطي أغلبها، فبتبان في المسافات حواليها بس.
• «طبقة لون فوق الخلفية» فوق خلفية القسم مش الشرايح؛ لطبقة فوق صورة الشريحة استخدم «طبقة لون فوق صورة الشريحة».

شكل القسم

خطوة بخطوة

1. ضيف عنصر في «التصنيفات».
2. اختار تصنيف من «التصنيف»؛ اسمه وصورته ورابطه بييجوا معاه.
3. لاسم أقصر أو صورة أحلى املى «اسم التصنيف» و«الصورة (اختياري)».
4. كرّر لكل تصنيف؛ ترتيب القائمة هو ترتيب الصفحة.
5. أو شغّل «هات تصنيفات المتجر تلقائي» وحدد «أقصى عدد تصنيفات».

الإعدادات

• شكل القسم: تصنيفاتك بتفضل، وكل شكل بيعرض اللي ليه مكان فيه.
• شكل كل تصنيف: الكارت فيه صورة صغيرة والاسم والعدد على خلفية ملوّنة.بيظهر مع: «صف تصنيفات بعنوان»
• ألوان المربعات: «لون فاتح مختلف لكل مربع» بيدوّر على سبع ألوان فاتحة.بيظهر مع: «مربعات صغيرة ملونة: الصورة وجنبها الاسم والعدد»
• الكلام تحت العنوان: سطر صغير بيشرح القسم.بيظهر مع: «صور طولية وعدد المنتجات»
• عنوان الصف: زي تسوّق حسب التصنيف. الفاضي من غير عنوان.بيظهر مع: «صف تصنيفات بعنوان»
• الكلام تحت عنوان الصف: سطر صغير بيشرح القسم.بيظهر مع: «صف تصنيفات بعنوان»
• عنوان القسم: في المنتصف فوق الصور. الفاضي من غير عنوان.بيظهر مع: «صور عريضة مدوّرة، صف أو صفين»
• الكلام تحت عنوان القسم: سطر صغير بيشرح القسم.بيظهر مع: «صور عريضة مدوّرة، صف أو صفين»
• التصنيفات: بنفس ترتيبها هنا. الفاضية بتجيب تصنيفاتك الرئيسية لوحدها.تقدر تضيف لحد ١٢
  • التصنيف: اسمه وصورته ورابطه بييجوا منه.
  • اسم التصنيف (لو فاضي: اسمه من زد): لاسم أقصر أو مختلف في الرئيسية، ولكارت العرض ده اسمه.
  • نص العدد، زي: 12 منتج (مش بيظهر في شكل «تلات كروت كبيرة» ولا «كروت بصورة كبيرة»): بتكتبه بنفسك (الثيم مش بيعدّ)، فحدّثه لو العدد اتغيّر أو سيبه فاضي.
  • وصف قصير على الصورة (في شكل «كروت بصورة كبيرة» بس): تحت الاسم، زي خصم على التشكيلة الجديدة.
  • الصورة (اختياري): بدل صورة زد لو حابب. مقاس كل شكل تحت الخانة.
  • اقلب الصورة في الصفحات العربي (زي المراية) - في شكل «كروت بصورة كبيرة» بس: عشان الكلام ييجي على الناحية الفاضية. متشغلوش لو في الصورة كتابة.
  • كارت عرض بدل الصورة (في «صف تصنيفات بعنوان» دايرة فيها نص العرض، وفي «مربعات صغيرة ملونة» علامة %): بيظهر وسط التصنيفات. اختار معاه «رابط أختاره» في «الكارت بيفتح فين؟» لصفحة العروض.
  • نص العرض، زي: 20% (في شكل «صف تصنيفات بعنوان» بس): لو فاضي هو و«كلمة تحت العرض» بتظهر أيقونة تيكت سعر.بيظهر لما تفعّل «كارت عرض بدل الصورة (في «صف تصنيفات بعنوان» دايرة فيها نص العرض، وفي «مربعات صغيرة ملونة» علامة %)»
  • كلمة تحت العرض، زي: خصم (في شكل «صف تصنيفات بعنوان» بس): تحت نص العرض.بيظهر لما تفعّل «كارت عرض بدل الصورة (في «صف تصنيفات بعنوان» دايرة فيها نص العرض، وفي «مربعات صغيرة ملونة» علامة %)»
  • الكارت بيفتح فين؟: «رابط أختاره» لأي صفحة، زي العروض.
  • الرابط (الكارت كله بيفتحه): في «صف تصنيفات بعنوان» و«كروت بصورة كبيرة» و«مربعات صغيرة ملونة» ينفع كارت برابط بس من غير تصنيف.بيظهر لما تختار «رابط أختاره» في «الكارت بيفتح فين؟»
  • نص الزرار (لو فاضي: «المزيد») - في شكل «كروت بصورة كبيرة» بس: زي تسوق دلوقتي.
  • لون النص على الصورة (في شكل «كروت بصورة كبيرة» بس): «غامق» للصور الفاتحة، و«أبيض» للغامقة.
  • لون المربع، لو فاضي بياخد من «ألوان المربعات» (في شكل «مربعات صغيرة ملونة» بس): للمربع ده بس، واللون الغامق بيقلب كلامه أبيض.
• هات تصنيفات المتجر تلقائي بدل «التصنيفات» اللي فوق (ولو «التصنيفات» فاضية بتيجي تلقائي برضه): التصنيفات الرئيسية بأساميها وصورها، من غير الفرعية، والجديد بيظهر لوحده. وهو شغال، اختياراتك في «التصنيفات» مش بتظهر.
• أقصى عدد تصنيفات (لما تكون تلقائي): «الكل» بيعرض كل التصنيفات الرئيسية.
• نص زرار «عرض الكل» (سيبه فاضي عشان يختفي): زي كل التصنيفات.بيظهر مع: «صف تصنيفات بعنوان»
• رابط زرار «عرض الكل» (لو فاضي: صفحة التصنيفات): أي صفحة في متجرك.بيظهر مع: «صف تصنيفات بعنوان»
• القسم ده أول حاجة في الصفحة؟ فعّلها عشان أول صورة فيه تحمّل على طول (مش في شكل «كلمات كبيرة»: صوره بتظهر بس لما الماوس يقف عليها): لو القسم تحت في الصفحة سيبه مقفول عشان الصفحة تفتح أسرع.
• مكان العنوان: «على الجنب» بيحط العنوان في البداية و«عرض الكل» في الناحية التانية.بيظهر مع: «صف تصنيفات بعنوان»
• عدد صفوف التصنيفات: «يرجع لأول شريحة بعد آخر واحدة» بيشتغل مع الصف الواحد بس.بيظهر مع: «صور عريضة مدوّرة، صف أو صفين»
• تقليب تلقائي (مش بيشتغل في شكل «كلمات كبيرة» ولا «تلات كروت كبيرة»): كل 4 ثواني، وبيقف تحت الماوس.
• يرجع لأول شريحة بعد آخر واحدة (مش بيشتغل في شكل «كلمات كبيرة» ولا «تلات كروت كبيرة»، ولا لما التصنيفات تكون صفين): بدل ما يقف عند الآخر.
• إظهار الأسهم (مش بتظهر في شكل «كلمات كبيرة» ولا «تلات كروت كبيرة»): على الشاشات العريضة بس؛ الموبايل بالسحب.
• المسافة فوق القسم على الموبايل: «العادية للشكل ده» بتاخد «المسافة فوق القسم» اللي للكمبيوتر، ولو ما اتغيرتش فمسافة الشكل الأصلية.
• المسافة تحت القسم على الموبايل: «العادية للشكل ده» بتاخد «المسافة تحت القسم» اللي للكمبيوتر، ولو ما اتغيرتش فمسافة الشكل الأصلية.

وكمان «الخيارات المشتركة بين الأقسام» المذكورة في فصل أقسام الصفحة الرئيسية، ما عدا "تثبيت الصورة وقت النزول في الصفحة (بارالاكس) - مش بيشتغل في «كلمة كبيرة ورا صورة منتج»".

نصايح

• لكارت عروض وسط التصنيفات: ضيف عنصر من غير تصنيف، اكتب «اسم التصنيف» وشغّل «كارت عرض بدل الصورة»، واختار «رابط أختاره» في «الكارت بيفتح فين؟» بصفحة العروض. ده في «صف تصنيفات بعنوان» و«مربعات صغيرة ملونة».
• المقاسات: مربعة 600×600px لأغلب الأشكال، 540×710px في «صور طولية وعدد المنتجات»، 600×450px في «صور عريضة مدوّرة»، 1100×690px في «كروت بصورة كبيرة»، و1000×700px في «تلات كروت كبيرة». الصورة بتتقص، فخلّي المهم في النص.
• صور بنفس الخلفية والإضاءة بتخلي الصف مرتب.
• مع «هات تصنيفات المتجر تلقائي» الأسامي والصور من تصنيفاتك في زد، فظبّط الصور من صفحة التصنيفات في لوحة زد.
• «لون خلفية القسم» الغامق في «صف تصنيفات بعنوان» بيقلب العنوان والأسامي فاتحة لوحدها، ما عدا أسامي «كارت بخلفية وعدد المنتجات» لأنها على كروت فاتحة.

شكل القسم

خطوة بخطوة

1. ضيف رسالة في «الكلام اللي بيتحرك».
2. اكتبها قصيرة في «نص الرسالة»، زي شحن مجاني للطلبات فوق 200 ريال.
3. في «أيقونة وكلام بيتحركوا» اختار «الأيقونة»، أو خلّي «نوع الأيقونة» على «صورة ترفعها» وارفع «صورة الأيقونة».
4. في «صورة مدوّرة وكلام بيتحركوا» أو «كلام كبير محدّد وصور مستطيلة مدوّرة» ارفع «الصورة».
5. لفتح صفحة (زي سياسة الإرجاع) حط «الرابط (اختياري)».
6. ظبّط «سرعة الحركة» و«اتجاه الحركة» لحد ما يتقري براحة.

الإعدادات

• شكل القسم: رسايلك بتفضل، وكل شكل بيعرض اللي ليه مكان فيه: الأيقونة أو الصورة.
• حجم الكلام: «كبير جدًا» الأكبر بحروف أرفع، و«كبير وأتقل شوية» أصغر حبة بحروف أتخن، للرسايل الأطول.بيظهر مع: «كلام كبير محدّد وصور مستطيلة مدوّرة»
• كل رسالة تانية رمادي من غير تحديد: رسالة آه ورسالة لأ، للتنويع.بيظهر مع: «كلام كبير محدّد وصور مستطيلة مدوّرة»
• الكلام اللي بيتحرك: الشريط بيكررها لحد ما يملى الشاشة، ومن غيرها القسم مش بيظهر.تقدر تضيف لحد ١٠
  • نص الرسالة: من كلمتين لخمسة بيتقروا أحسن وهي بتتحرك.
  • نوع الأيقونة (في شكل «أيقونة وكلام بيتحركوا» بس): «صورة ترفعها» لأيقونة بشكل علامتك.
  • الأيقونة: اختار اللي معناها قريب من الجملة: عربية للشحن، سهم للإرجاع، درع للضمان.بيظهر لما تختار «أيقونة جاهزة» في «نوع الأيقونة (في شكل «أيقونة وكلام بيتحركوا» بس)»
  • صورة الأيقونة (مربعة): بتظهر صغيرة أوي (16×16px)، فخليها بسيطة، والأفضل PNG بخلفية شفافة.بيظهر لما تختار «صورة ترفعها» في «نوع الأيقونة (في شكل «أيقونة وكلام بيتحركوا» بس)»
  • الصورة (في شكل «صورة مدوّرة» و«كلام كبير محدّد» بس): دايرة في «صورة مدوّرة وكلام بيتحركوا»، ومستطيل مدوّر في «كلام كبير محدّد وصور مستطيلة مدوّرة».
  • الرابط (اختياري): الرسالة كلها بتفتح الصفحة دي، زي سياسة الإرجاع. سيبه فاضي لرسالة للمعلومة بس.
• سرعة الحركة: «بطيئة» أسهل في القراية، و«سريعة» بتلفت النظر.
• اتجاه الحركة: «مع اتجاه القراءة» بيمشّي الكلام لليمين في العربي وللشمال في الإنجليزي، و«عكس اتجاه القراءة» بالعكس.
• الحركة تقف لما الماوس يقف عليها: عشان الزائر يقرا أو يدوس على رسالة. سيبه شغال لو فيه روابط.
• المسافة فوق القسم على الموبايل: «العادية للشكل ده» بتاخد «المسافة فوق القسم» اللي للكمبيوتر، ولو ما اتغيرتش فمسافة الشكل الأصلية.
• المسافة تحت القسم على الموبايل: «العادية للشكل ده» بتاخد «المسافة تحت القسم» اللي للكمبيوتر، ولو ما اتغيرتش فمسافة الشكل الأصلية.

وكمان «الخيارات المشتركة بين الأقسام» المذكورة في فصل أقسام الصفحة الرئيسية، ما عدا "العنوان"، "تثبيت الصورة وقت النزول في الصفحة (بارالاكس) - مش بيشتغل في «كلمة كبيرة ورا صورة منتج»".

نصايح

• الشريط بيكرر الرسايل لحد ما يملى الشاشة، فتلات أو أربع رسايل قصيرة كفاية.
• في «صورة مدوّرة وكلام بيتحركوا» الصورة دايرة 80×80px، فارفعها 160×160px. في «كلام كبير محدّد وصور مستطيلة مدوّرة» بتظهر 160×80px (وأصغر على الموبايل والتابلت)، فارفعها 320×160px.
• الزائر اللي مشغّل تقليل الحركة في جهازه هيشوف الشريط ثابت، وده طبيعي.
• «القسم بعرض الشاشة كلها» بيمد «كلام بس في شريط عريض» على الشاشات العريضة أوي؛ الباقي أصلًا بعرض الشاشة.
• «لون خلفية القسم» في «صورة مدوّرة وكلام بيتحركوا» بيبقى لون الشريط نفسه بدل الفاتح.

شكل القسم

خطوة بخطوة

1. اكتب «العنوان»، زي الأكثر مبيعًا.
2. اختار مصدر «منتجات السلايدر»: الأحدث أو المخفّض أو تصنيف.
3. حدد عدد المنتجات في الصف للكمبيوتر والتابلت والموبايل.
4. في أشكال البانر ارفع الصورة واكتب العنوان والزرار والرابط.
5. لزرار لكل المنتجات املى نص ورابط «عرض الكل».

الإعدادات

• شكل القسم: المنتجات والعنوان بيفضلوا، وكل شكل بانر ليه خاناته اللي بتظهر لما تختاره.
• الكلام تحت العنوان (في شكل «صفين منتجات مع بانر جانبي» بيبقى فوق العنوان): زي اختيارات عملائنا المفضلة.
• منتجات السلايدر (القسم مش بيظهر من غير منتجات): الأحدث أو المخفّض أو تصنيف تختاره، لحد 20 منتج.
• صورة البانر: طولية وعلى الكمبيوتر بس، وبتتقص بطول المنتجات، فخلّي المهم في النص.بيظهر مع: «صفين منتجات مع بانر جانبي (أحسن مع العنوان على الجنب وتلات منتجات في الصف)»
• وصف صورة البانر لجوجل وقارئ الشاشة (alt) - اختياري: مش بيظهر على الصفحة، والفاضي بياخد عنوان البانر.بيظهر مع: «صفين منتجات مع بانر جانبي (أحسن مع العنوان على الجنب وتلات منتجات في الصف)»
• سطر صغير فوق عنوان البانر: زي عرض الأسبوع.بيظهر مع: «صفين منتجات مع بانر جانبي (أحسن مع العنوان على الجنب وتلات منتجات في الصف)»
• عنوان البانر (كل سطر هنا بيبقى سطر في البانر): الدوس عليه بيفتح «رابط البانر».بيظهر مع: «صفين منتجات مع بانر جانبي (أحسن مع العنوان على الجنب وتلات منتجات في الصف)»
• نص زرار البانر (سيبه فاضي لو مش عايز زرار): زي تسوق الآن. الصورة والعنوان بيفتحوا الرابط من غير زرار برضه.بيظهر مع: «صفين منتجات مع بانر جانبي (أحسن مع العنوان على الجنب وتلات منتجات في الصف)»
• رابط البانر (لو فاضي: صفحة المنتجات): زي صفحة المجموعة.بيظهر مع: «صفين منتجات مع بانر جانبي (أحسن مع العنوان على الجنب وتلات منتجات في الصف)»
• مكان كلام البانر على الصورة: «فوق» لو المنتج في الصورة تحت، عشان الكلام ميقعش عليه.بيظهر مع: «صفين منتجات مع بانر جانبي (أحسن مع العنوان على الجنب وتلات منتجات في الصف)»
• صورة البانر الطولي: على الكمبيوتر بطول المنتجات، وعلى الموبايل والتابلت بالطول فوقها. الكلام في أعلى النص، فخلّي الجزء ده فاضي.بيظهر مع: «بانر طولي وجنبه أربع منتجات (أحسن مع العنوان في المنتصف وأربعة في الصف)»
• وصف صورة البانر الطولي لجوجل وقارئ الشاشة (alt) - اختياري: مش بيظهر على الصفحة، والفاضي بياخد عنوان البانر.بيظهر مع: «بانر طولي وجنبه أربع منتجات (أحسن مع العنوان في المنتصف وأربعة في الصف)»
• سطر صغير فوق عنوان البانر الطولي: زي مجموعة جديدة.بيظهر مع: «بانر طولي وجنبه أربع منتجات (أحسن مع العنوان في المنتصف وأربعة في الصف)»
• عنوان البانر الطولي (كل سطر هنا بيبقى سطر في البانر): الدوس عليه بيفتح «رابط البانر الطولي».بيظهر مع: «بانر طولي وجنبه أربع منتجات (أحسن مع العنوان في المنتصف وأربعة في الصف)»
• نص زرار البانر الطولي (سيبه فاضي لو مش عايز زرار): زي اكتشف المجموعة.بيظهر مع: «بانر طولي وجنبه أربع منتجات (أحسن مع العنوان في المنتصف وأربعة في الصف)»
• رابط البانر الطولي (لو فاضي: صفحة المنتجات): أي صفحة في متجرك.بيظهر مع: «بانر طولي وجنبه أربع منتجات (أحسن مع العنوان في المنتصف وأربعة في الصف)»
• صورة البانر العريض: الكلام في الركن اللي فوق من ناحية بداية القراية (يمين في العربي وشمال في الإنجليزي)، فخلّي الجزء ده فاضي.بيظهر مع: «بانر وتحته منتجين، وجنبه أربع منتجات (أحسن مع العنوان على الجنب وأربعة في الصف)»
• وصف صورة البانر العريض لجوجل وقارئ الشاشة (alt) - اختياري: مش بيظهر على الصفحة، والفاضي بياخد عنوان البانر.بيظهر مع: «بانر وتحته منتجين، وجنبه أربع منتجات (أحسن مع العنوان على الجنب وأربعة في الصف)»
• اقلب صورة البانر العريض في الصفحات العربي (زي المراية) عشان الكلام ييجي على الجزء الهادي منها: شغّله لو يمين الصورة زحمة وشمالها فاضي. متشغلوش لو فيها كتابة أو لوجو، هيتقلبوا.بيظهر مع: «بانر وتحته منتجين، وجنبه أربع منتجات (أحسن مع العنوان على الجنب وأربعة في الصف)»
• عنوان البانر العريض (كل سطر هنا بيبقى سطر في البانر): الدوس عليه بيفتح «رابط البانر العريض».بيظهر مع: «بانر وتحته منتجين، وجنبه أربع منتجات (أحسن مع العنوان على الجنب وأربعة في الصف)»
• سطر صغير تحت عنوان البانر العريض: زي خصم لحد 30%.بيظهر مع: «بانر وتحته منتجين، وجنبه أربع منتجات (أحسن مع العنوان على الجنب وأربعة في الصف)»
• نص زرار البانر العريض (سيبه فاضي لو مش عايز زرار): زي تسوق الآن.بيظهر مع: «بانر وتحته منتجين، وجنبه أربع منتجات (أحسن مع العنوان على الجنب وأربعة في الصف)»
• رابط البانر العريض (لو فاضي: صفحة المنتجات): أي صفحة في متجرك.بيظهر مع: «بانر وتحته منتجين، وجنبه أربع منتجات (أحسن مع العنوان على الجنب وأربعة في الصف)»
• نص زرار «عرض الكل» (سيبه فاضي عشان يختفي؛ مش بيظهر لما الأسهم تبقى جنب العنوان): زي عرض الكل. تحت العنوان لو «في المنتصف»، وفي الناحية التانية لو «على الجنب».
• رابط زرار «عرض الكل» (لازم يتحط عشان الزرار يظهر): زي صفحة التصنيف نفسه.
• مكان العنوان: «على الجنب» بيحطه في البداية والأسهم قصاده لو «إظهار الأسهم» شغال.
• المسافة تحت العنوان: كبّرها لو العنوان لازق في المنتجات.
• عدد المنتجات في الصف على الكمبيوتر (جنب البانر الطولي أو العريض: نص العدد ده): في «بانر طولي وجنبه أربع منتجات» و«بانر وتحته منتجين، وجنبه أربع منتجات» نص الرقم جنب البانر (4 تبقى 2)، وفي «صفين منتجات مع بانر جانبي» زي ما هو.
• عدد المنتجات في الصف على التابلت: من 2 لـ4.
• عدد المنتجات في الصف على الموبايل: 2 بيعرض أكتر، و1 بيكبّر الصورة.
• عدد صفوف المنتجات: «يرجع لأول شريحة بعد آخر واحدة» مع الصف الواحد بس.بيظهر مع: «صفين منتجات مع بانر جانبي (أحسن مع العنوان على الجنب وتلات منتجات في الصف)»
• تقليب تلقائي: كل 3 ثواني، وبيقف تحت الماوس.
• يرجع لأول شريحة بعد آخر واحدة (مش بيشتغل مع صفين منتجات ولا في شكل «بانر طولي» و«بانر وتحته منتجين»): بدل ما يقف عند الآخر.
• إظهار الأسهم: مع العنوان «على الجنب» جنب العنوان على أي شاشة أكبر من الموبايل؛ مع «في المنتصف» على جناب المنتجات في الشاشات العريضة بس.
• إظهار النقط تحت السلايدر: بتختفي لوحدها لو كل المنتجات ظاهرة. في «سلايدر عادي» مع العنوان «على الجنب» على الموبايل بس.
• لون زرار البانر: اختار اللي باين أكتر على صورتك.بيظهر مع: «صفين منتجات مع بانر جانبي (أحسن مع العنوان على الجنب وتلات منتجات في الصف)»
• لون عنوان البانر: غيّره لو مش باين على صورتك.بيظهر مع: «صفين منتجات مع بانر جانبي (أحسن مع العنوان على الجنب وتلات منتجات في الصف)»
• لون السطر الصغير في البانر: السطر اللي فوق عنوان البانر.بيظهر مع: «صفين منتجات مع بانر جانبي (أحسن مع العنوان على الجنب وتلات منتجات في الصف)»
• لون زرار البانر الطولي: اختار اللي باين أكتر على صورتك.بيظهر مع: «بانر طولي وجنبه أربع منتجات (أحسن مع العنوان في المنتصف وأربعة في الصف)»
• لون عنوان البانر الطولي (فوق الصورة): من غير صورة الكلام بياخد ألوان الثيم.بيظهر مع: «بانر طولي وجنبه أربع منتجات (أحسن مع العنوان في المنتصف وأربعة في الصف)»
• لون السطر الصغير في البانر الطولي (فوق الصورة): السطر اللي فوق العنوان.بيظهر مع: «بانر طولي وجنبه أربع منتجات (أحسن مع العنوان في المنتصف وأربعة في الصف)»
• تغميق صورة البانر الطولي عشان الكلام يبان عليها (0 من غير تغميق): عشان الكلام الأبيض يبان. من 20 لـ40 كفاية لأغلب الصور الفاتحة.بيظهر مع: «بانر طولي وجنبه أربع منتجات (أحسن مع العنوان في المنتصف وأربعة في الصف)»
• لون زرار البانر العريض: اختار اللي باين أكتر على صورتك.بيظهر مع: «بانر وتحته منتجين، وجنبه أربع منتجات (أحسن مع العنوان على الجنب وأربعة في الصف)»
• لون عنوان البانر العريض: غيّره لو مش باين على صورتك.بيظهر مع: «بانر وتحته منتجين، وجنبه أربع منتجات (أحسن مع العنوان على الجنب وأربعة في الصف)»
• لون السطر الصغير في البانر العريض: السطر اللي تحت عنوان البانر.بيظهر مع: «بانر وتحته منتجين، وجنبه أربع منتجات (أحسن مع العنوان على الجنب وأربعة في الصف)»
• المسافة فوق القسم على الموبايل: على الموبايل والتابلت بالطول. «العادية للشكل ده» بتاخد «المسافة فوق القسم» اللي للكمبيوتر، ولو ما اتغيرتش فمسافة الشكل الأصلية.
• المسافة تحت القسم على الموبايل: على الموبايل والتابلت بالطول. «العادية للشكل ده» بتاخد «المسافة تحت القسم» اللي للكمبيوتر، ولو ما اتغيرتش فمسافة الشكل الأصلية.

وكمان «الخيارات المشتركة بين الأقسام» المذكورة في فصل أقسام الصفحة الرئيسية، ما عدا "تثبيت الصورة وقت النزول في الصفحة (بارالاكس) - مش بيشتغل في «كلمة كبيرة ورا صورة منتج»".

نصايح

• عايز منتجات معيّنة؟ اعمل تصنيف فيه المنتجات دي بس واختاره في «منتجات السلايدر».
• مقاسات البانر: 840×1552px في «صفين منتجات مع بانر جانبي»، و900×1216px في «بانر طولي وجنبه أربع منتجات»، و1380×800px في «بانر وتحته منتجين، وجنبه أربع منتجات».
• في «بانر وتحته منتجين، وجنبه أربع منتجات»: 6 منتجات أو أكتر بتحط منتجين تحت البانر، و5 منتج واحد، و4 أو أقل ولا حاجة.
• شكل كروت المنتجات بيتظبط لكل المتجر من «كارت المنتج» في «إعدادات الصفحة».

شكل القسم

خطوة بخطوة

1. افتح «شبكة بانرات» واختار «شكل القسم».
2. ضيف بانر في «البانرات» وارفع «صورة البانر».
3. اكتب «عنوان البانر»، و«نص الزرار (سيبه فاضي لو مش عايز زرار)» لو عايز زرار.
4. حط رابط الصفحة.
5. اختار «ألوان النص» اللي تبان على صورتك.
6. راجع المعاينة ودوس «نشر».

الإعدادات

• شكل القسم: بانراتك بتفضل لما تبدّل، بس كل شكل مناسب لعدد مختلف.
• شكل البانر: «صورة مربعة وزرار» بتظليل ملوّن تحت الكلام وزرار أبيض؛ «صورة عريضة بحواف مدورة ورابط تحته خط» من غير تظليل.بيظهر مع: «بانرين أو أكتر جنب بعض»
• الكلام فوق الصورة ولا تحت: «فوق» للصور اللي المنتج فيها تحت، عشان الكلام ميقعش عليه. بيتطبق على كل البانرات في القسم.بيظهر مع: «بانرين أو أكتر جنب بعض»، ولما تختار «صورة مربعة وزرار» في «شكل البانر»
• ترتيب البانر الطويل واللي جنبه: جرّب الأربعة واختار الأنسب لعدد بانراتك وشكل صورك.بيظهر مع: «بانر طويل وجنبه بانرات أصغر (لحد 4)»
• الرقم الكبير في أول الشريط (مثلًا 35%): بيلفت النظر في أول الشريط، زي نسبة الخصم.بيظهر مع: «شريط خصم فيه كود بيتنسخ بضغطة (بياخد أول بانر بس)»
• كود الخصم (العميل يدوس عليه يتنسخ): مهم: لازم يكون كوبون عامله في زد؛ القسم بيعرضه بس ومش بيعمله.بيظهر مع: «شريط خصم فيه كود بيتنسخ بضغطة (بياخد أول بانر بس)»
• البانرات: كل بانر بصورته وكلامه ورابطه.تقدر تضيف لحد ٥
  • سطر صغير فوق عنوان البانر (اختياري): زي جديد، أو خصم 20%.
  • عنوان البانر: خليه قصير؛ العنوان الطويل أوي بيتقص في بعض الأشكال بعد سطر لتلاتة.
  • وصف قصير (اختياري): خليه قصير؛ بيتقص في بعض الأشكال بعد سطر لتلاتة.
  • نوع البانر: «بانر فيه عداد تنازلي للعرض» بيحط عداد تحت الكلام لحد نهاية العرض.
  • تاريخ ووقت نهاية العرض (اكتبه كده: 2026-12-31 23:59): العداد بيعد لحد الوقت ده.بيظهر لما تختار «بانر فيه عداد تنازلي للعرض» في «نوع البانر»
  • كلمة «أيام» في العداد (لو فاضية: أيام): زي يوم بدل أيام.بيظهر لما تختار «بانر فيه عداد تنازلي للعرض» في «نوع البانر»
  • كلمة «ساعات» في العداد (لو فاضية: ساعات): الكلمة تحت رقم الساعات.بيظهر لما تختار «بانر فيه عداد تنازلي للعرض» في «نوع البانر»
  • كلمة «دقايق» في العداد (لو فاضية: دقايق): الكلمة تحت رقم الدقايق.بيظهر لما تختار «بانر فيه عداد تنازلي للعرض» في «نوع البانر»
  • كلمة «ثواني» في العداد (لو فاضية: ثواني): الكلمة تحت رقم الثواني.بيظهر لما تختار «بانر فيه عداد تنازلي للعرض» في «نوع البانر»
  • رسالة بعد ما العرض يخلص (لو فاضية: العداد يختفي): زي العرض انتهى.بيظهر لما تختار «بانر فيه عداد تنازلي للعرض» في «نوع البانر»
  • صورة البانر: الأطراف ممكن تتقص، فخلّي المهم في النص. مقاس كل شكل تحت الخانة، ومن غير صورة بتظهر مساحة بلون متجرك.
  • صورة الموبايل (اختياري): لو صورة الكمبيوتر بتتقص وحش على الموبايل. في «شريط خصم فيه كود بيتنسخ بضغطة (بياخد أول بانر بس)» دي الصورة الصغيرة في الشريط على التابلت والموبايل.
  • وصف الصورة لجوجل وقارئ الشاشة (alt) - اختياري: زي ساعة ذكية سودا. مش بيظهر في الصفحة.
  • نص الزرار (سيبه فاضي لو مش عايز زرار): زي تسوق الآن.
  • الرابط (البانر كله بيفتحه؛ في «شريط خصم» بيفتحه الزرار): في «شريط خصم فيه كود بيتنسخ بضغطة (بياخد أول بانر بس)» الزرار محتاج كلام عشان يظهر.
  • مكان الكلام: «في البداية» يمين في العربي وشمال في الإنجليزي، و«في الآخر» العكس.
  • ألوان النص: «فاتح (نص أبيض)» للصور الغامقة، و«غامق (نص أسود)» للفاتحة، و«فاتح (عنوان أبيض ووصف رمادي فاتح)» لوصف أهدى. في «شريط خصم فيه كود بيتنسخ بضغطة (بياخد أول بانر بس)» بيلوّن الشريط كله: الفاتحين بيملّوه باللون المميز لمتجرك بكلام أبيض، و«غامق (نص أسود)» بيخلّي حدوده ورقمه وعنوانه وكوده بلون النص الغامق.
  • لون النص: في «شريط خصم فيه كود بيتنسخ بضغطة (بياخد أول بانر بس)» ده لون الشريط كله (الحدود والرقم والعنوان والكود)، والأبيض بياخد اللون المميز لمتجرك.بيظهر لما تختار «لون تختاره (من «لون النص» اللي تحت)» في «ألوان النص»
• القسم ده أول حاجة في الصفحة؟ فعّلها عشان أول صورة فيه تحمّل على طول: في أي مكان تاني سيبها مقفولة عشان الصفحة تفتح أسرع.
• تكبير الصورة لما الماوس يقف عليها: تكبير خفيف. البانر الكبير في أشكال البانر الطويل مش بيكبر أبدًا.
• لون اللوحة اللي فيها العنوان والزرار (الكلام عليها غامق؛ لو اخترت لون غامق خلّي «ألوان النص» في كل بانر «فاتح»): اللوحة اللي جنب الصورة.بيظهر مع: «صورة وجنبها لوحة ملوّنة فيها العنوان والزرار (اتنين في الصف، سلايدر)»
• لون التظليل تحت الكلام: تظليل خفيف طالع من تحت الصورة عشان الكلام يبان؛ لون غامق أو قريب من ألوان متجرك.بيظهر مع: «بانرين أو أكتر جنب بعض»، ولما تختار «صورة مربعة وزرار» في «شكل البانر»
• نقشة خفيفة ورا الشريط (اختياري): بتتمد ورا الشريط كله؛ الفاضية بتسيبه سادة.بيظهر مع: «شريط خصم فيه كود بيتنسخ بضغطة (بياخد أول بانر بس)»
• المسافة فوق القسم على الموبايل: لو عايزها غير الكمبيوتر، زي أقسام أقرب لبعض على الشاشة الصغيرة.
• المسافة تحت القسم على الموبايل: لو عايزها غير الكمبيوتر.

وكمان «الخيارات المشتركة بين الأقسام» المذكورة في فصل أقسام الصفحة الرئيسية، ما عدا "العنوان"، "تثبيت الصورة وقت النزول في الصفحة (بارالاكس) - مش بيشتغل في «كلمة كبيرة ورا صورة منتج»".

نصايح

• المقاس بيختلف حسب الشكل ومكتوب تحت «صورة البانر»: مربعة في «بانرين أو أكتر جنب بعض»، وحوالي 450×520 بكسل في «بانرات طولية والكلام فوق في أول الصورة (تلاتة في الصف، سلايدر)».
• اكتب نهاية العرض بالأرقام الإنجليزي (0-9) بالشكل ده بالظبط: 2026-12-31 23:59 (سنة-شهر-يوم، والساعة بنظام ٢٤ ساعة: ١١ بالليل 23:00). العداد بيمشي على ساعة جهاز الزائر وبتوقيت بلده.
• في «شريط خصم فيه كود بيتنسخ بضغطة (بياخد أول بانر بس)» خلّي بانر الشريط أول واحد في القايمة.
• في «بانر طويل وجنبه بانرات أصغر (لحد 4)» ترتيب «الطويل تلتين العرض والصور لحد حافة الشاشة (مع 4 أو 5 بانرات: تلات أعمدة)» بيوصل لحافة الشاشة لوحده من غير «القسم بعرض الشاشة كلها».
• الكلام مش باين؟ غيّر «ألوان النص»، أو في «بانرين أو أكتر جنب بعض» مع «صورة مربعة وزرار» غمّق «لون التظليل تحت الكلام». أحسن من كتابة الكلام جوه الصورة.

شكل القسم

خطوة بخطوة

1. افتح «بانر عداد تنازلي» واختار «شكل القسم».
2. اكتب النهاية في «تاريخ ووقت نهاية العرض (اكتبه كده: 2026-12-31 23:59)» بالشكل ده.
3. اكتب «العنوان» والوصف.
4. ارفع صورة البانر، أو صور الجنبين في «صورتين والعداد في المنتصف بينهم».
5. اختار «لما وقت العرض يخلص».
6. راجع المعاينة ودوس «نشر».

الإعدادات

• شكل القسم: التاريخ والكلام بيفضلوا لما تبدّل.
• الوصف (في شكل «صورتين» ده السطر الكبير): بيقول العرض إيه بالظبط.
• صورة البانر (لازم عشان القسم يظهر): الكلام والعداد فوقها، فاختار صورة فيها مساحة هادية.بيظهر مع: «بانر كامل والعداد فوق الصورة»
• وصف الصورة لجوجل وقارئ الشاشة (alt) - اختياري: زي ساعة ذكية سودا. مش بيظهر في الصفحة.بيظهر مع: «بانر كامل والعداد فوق الصورة»
• اقلب الصورة في الصفحات العربي (زي المراية): الكلام في العربي على اليمين؛ لو المساحة الفاضية في صورتك شمال، فعّله عشان تيجي تحت الكلام. متفعّلهوش لو في الصورة كتابة.بيظهر مع: «بانر كامل والعداد فوق الصورة»
• صور الجنبين - الأولى قبل الكلام والتانية بعده: لو صورة واحدة بس بتظهر قبل الكلام.بيظهر مع: «صورتين والعداد في المنتصف بينهم»تقدر تضيف لحد ٢
  • الصورة: على الكمبيوتر بتتقص على قد ارتفاع الكلام، فخلّي المهم في النص.
  • وصف الصورة لجوجل وقارئ الشاشة (alt) - اختياري: زي ساعة ذكية سودا. مش بيظهر في الصفحة.
• تاريخ ووقت نهاية العرض (اكتبه كده: 2026-12-31 23:59): الفاضي من غير عداد.
• كلمة «أيام» في العداد (لو فاضية: أيام): زي يوم بدل أيام.
• كلمة «ساعات» في العداد (لو فاضية: ساعات): الكلمة تحت رقم الساعات.
• كلمة «دقايق» في العداد (لو فاضية: دقايق): الكلمة تحت رقم الدقايق.
• كلمة «ثواني» في العداد (لو فاضية: ثواني): الكلمة تحت رقم الثواني.
• لما وقت العرض يخلص: «رسالة مكان العداد» بتقول إن العرض خلص أو استنوا الجاي، وبتكتبها في «رسالة بعد ما العرض يخلص».
• رسالة بعد ما العرض يخلص: زي العرض خلص، استنونا في الجاي.بيظهر لما تختار «رسالة مكان العداد» في «لما وقت العرض يخلص»
• اللي يظهر جنب العداد: «كود خصم العميل ينسخه» للكوبون، و«زرار» لصفحة العرض.بيظهر مع: «شريط بسيط والعداد جنبه»
• كود الخصم (العميل يدوس عليه يتنسخ): مهم: لازم يكون كوبون عامله في زد؛ القسم بيعرضه بس ومش بيعمله.بيظهر مع: «شريط بسيط والعداد جنبه»، ولما تختار «كود خصم العميل ينسخه» في «اللي يظهر جنب العداد»
• نص الزرار (سيبه فاضي لو مش عايز زرار؛ في شكل «شريط بسيط» اختار «زرار» من «اللي يظهر جنب العداد»): زي تسوق الآن. الزرار محتاج رابط.
• رابط الزرار (لازم يتحط عشان الزرار يظهر): زي صفحة العروض أو تصنيف معيّن.
• القسم ده أول حاجة في الصفحة؟ فعّلها عشان أول صورة فيه تحمّل على طول: في أي مكان تاني سيبها مقفولة عشان الصفحة تفتح أسرع.بيظهر مع: «بانر كامل والعداد فوق الصورة»
• القسم ده أول حاجة في الصفحة؟ فعّلها عشان صور الجنبين تحمّل على طول: في أي مكان تاني سيبها مقفولة عشان الصفحة تفتح أسرع.بيظهر مع: «صورتين والعداد في المنتصف بينهم»
• لون النص والعداد (لو فاضي: أبيض): للعنوان والوصف وأرقام العداد، لو الأبيض مش باين.
• المسافة فوق القسم على الموبايل: لو عايزها غير الكمبيوتر، زي أقسام أقرب لبعض على الشاشة الصغيرة.
• المسافة تحت القسم على الموبايل: لو عايزها غير الكمبيوتر.

وكمان «الخيارات المشتركة بين الأقسام» المذكورة في فصل أقسام الصفحة الرئيسية، ما عدا "تثبيت الصورة وقت النزول في الصفحة (بارالاكس) - مش بيشتغل في «كلمة كبيرة ورا صورة منتج»".

نصايح

• اكتب نهاية العرض بالشكل ده بالظبط: 2026-12-31 23:59 (سنة-شهر-يوم، والساعة بنظام ٢٤ ساعة: ١١ بالليل 23:00). الأرقام العربي تنفع كمان.
• العداد بيمشي على ساعة جهاز الزائر وبتوقيت بلده. التاريخ الغلط مش بيظهر عداد، وبعد ما التاريخ يعدّي بيحصل اللي اخترته في «لما وقت العرض يخلص».
• صورة «بانر كامل والعداد فوق الصورة» حوالي 1920×600 بكسل، والكلام يمين في العربي (شمال في الإنجليزي)، فخلّي الناحية دي هادية.
• صور الجنبين في «صورتين والعداد في المنتصف بينهم» حوالي 1180×1000 بكسل لكل صورة.
• السطر الجديد في العنوان بيظهر على الكمبيوتر والتابلت بس.
• «العنوان» في «صورتين والعداد في المنتصف بينهم» هو السطر الصغير اللي فوق.
• «لون خلفية القسم» الفاضي بيدّي الشريط واللوحة اللي بين الصورتين «لون العناوين» بتاع متجرك.
• «صورة خلفية القسم» في «صورتين والعداد في المنتصف بينهم» بتظهر ورا لوحة الكلام بدل لونها.
• «طبقة لون فوق الخلفية» بتهدّي الخلفية عشان الكلام يبان، وفي «صورتين والعداد في المنتصف بينهم» بتغطي صور الجنبين كمان.

شكل القسم

خطوة بخطوة

1. افتح قسم «تابات المنتجات».
2. اختار «شكل القسم».
3. ضيف تاب في «التابات» واكتب «اسم التاب».
4. اختار منتجاته من «منتجات التاب (التاب مش بيظهر من غير منتجات)».
5. كرر لكل تاب؛ أول تاب بيبقى مفتوح.
6. راجع المعاينة ودوس «نشر».

الإعدادات

• شكل القسم: تاباتك ومنتجاتك بتفضل لما تبدّل.
• الكلام تحت العنوان (مش بيظهر في شكل «عنوان وتحته أسامي التابات»): بيقول للزائر هيلاقي إيه هنا.
• التابات: التاب الناقص اسمه أو منتجاته مش بيظهر.تقدر تضيف لحد ١٠
  • اسم التاب: كلمة أو اتنين عشان التابات تيجي جنب بعض.
  • منتجات التاب (التاب مش بيظهر من غير منتجات): بتظهر لما الزائر يفتح التاب.
  • صورة صغيرة جنب اسم التاب (في شكل «لوحة مدوّرة وعمود تابات بالصور» بس): مربعة، زي أيقونة للمجموعة أو صورة منتج منها. على الكمبيوتر بس.
  • صورة البانر (في شكل «بانر لكل تاب» بس): فوق أول منتجين، والكلام عليها أبيض، فاختار صورة غامقة شوية.
  • وصف صورة البانر لجوجل وقارئ الشاشة (alt) - اختياري (في شكل «بانر لكل تاب» بس): زي ساعة ذكية سودا. مش بيظهر في الصفحة.
  • سطر صغير فوق عنوان البانر (في شكل «بانر لكل تاب» بس): زي لفترة محدودة.
  • عنوان البانر (في شكل «بانر لكل تاب» بس): السطر الجديد اللي تكتبه بيبان على الشاشات الكبيرة بس.
  • وصف البانر (في شكل «بانر لكل تاب» بس): سطر أو اتنين بيشرحوا العرض.
  • نص زرار البانر (في شكل «بانر لكل تاب» بس): زي تسوق الآن، على زرار أبيض. الفاضي من غير زرار.
  • رابط البانر (في شكل «بانر لكل تاب» بس): بيفتح من أي حتة في البانر؛ الفاضي مش بيفتح حاجة.
• نص زرار «عرض الكل» (سيبه فاضي عشان يختفي): في «عنوان وتحته أسامي التابات، والمنتجات في سلايدر» رابط آخر سطر العنوان (وتحت التابات على الموبايل)، وفي الشكلين التانيين زرار في النص تحت المنتجات.
• رابط زرار «عرض الكل» (لازم يتحط عشان الزرار يظهر): زي كل المنتجات أو تصنيف معيّن.
• المسافة فوق القسم على الموبايل: لو عايزها غير الكمبيوتر، زي أقسام أقرب لبعض على الشاشة الصغيرة.
• المسافة تحت القسم على الموبايل: لو عايزها غير الكمبيوتر.

وكمان «الخيارات المشتركة بين الأقسام» المذكورة في فصل أقسام الصفحة الرئيسية، ما عدا "تثبيت الصورة وقت النزول في الصفحة (بارالاكس) - مش بيشتغل في «كلمة كبيرة ورا صورة منتج»".

نصايح

• تاب مش باين؟ اتأكد إن ليه اسم ومنتجات.
• خلّي الأسامي قصيرة، وإلا الزائر هيسحب صف التابات على الموبايل عشان يشوفها كلها.
• البانر في «بانر لكل تاب جنب شبكة منتجات (لحد 8 منتجات)» حوالي 1104×752 بكسل، والكلام بيبدأ من ركنه اللي فوق (اليمين في العربي والشمال في الإنجليزي)، فخلّي الركن ده غامق وهادي.
• صور التابات في «لوحة مدوّرة وعمود تابات بالصور جنب المنتجات» 124×124 بكسل، ويفضّل PNG بخلفية شفافة.
• زرار «عرض الكل» محتاج كلام ورابط الاتنين.
• «لون خلفية القسم» في «لوحة مدوّرة وعمود تابات بالصور جنب المنتجات» بيلوّن اللوحة نفسها؛ الفاضي بياخد «لون خلفية الكروت والصناديق» من «الألوان الأساسية»، وغالبًا رمادي فاتح أو بيج.

شكل القسم

خطوة بخطوة

1. افتح «تابات المجموعات» واختار «قايمة أسامي بتبدّل صورة كبيرة» في «شكل القسم».
2. ضيف مجموعة في «المجموعات».
3. اختار «التصنيف من المتجر (اختياري): بيملا الاسم والصورة والرابط اللي تسيبهم فاضيين».
4. لاسم أو صورة تانية املى «اسم المجموعة (لو فاضي: اسم التصنيف)» و«الصورة الكبيرة (لو فاضية: صورة التصنيف)».
5. ضيف «وصف قصير (اختياري)»، وكرر لحد ٦ مجموعات.
6. راجع المعاينة ودوس «نشر».

الإعدادات

• شكل القسم: تصنيفات أو منتجات. كل شكل ليه قايمته («المجموعات» أو «المنتجات (كل منتج تاب)»)، واللي تملاه في واحد مش بيظهر في التاني.
• الوصف: سطر أو اتنين بيعرّفوا بالقسم.
• المجموعات: أول مجموعة بتظهر مفتوحة.بيظهر مع: «قايمة أسامي بتبدّل صورة كبيرة»تقدر تضيف لحد ٦
  • التصنيف من المتجر (اختياري): بيملا الاسم والصورة والرابط اللي تسيبهم فاضيين: اختار تصنيف من متجرك.
  • اسم المجموعة (لو فاضي: اسم التصنيف): المجموعة من غير اسم ولا تصنيف مش بتظهر.
  • وصف قصير (اختياري): بيظهر تحت الاسم لما تتفتح، والدوس تاني بيقفله.
  • الصورة الكبيرة (لو فاضية: صورة التصنيف): من غيرها ومن غير صورة تصنيف بيظهر مربع بسيط بأيقونة.
  • رابط الصورة الكبيرة (لو فاضي: صفحة التصنيف): من غير رابط ولا تصنيف الصورة مش بتفتح حاجة.
  • منتج يظهر فوق الصورة الكبيرة (اختياري): كارت صغير فوق صورة المجموعة بصورته واسمه وسعره وزرار السلة. لو ليه خيارات الزرار بيفتح صفحته، ولو خلص الزرار بيختفي.
• المنتجات (كل منتج تاب): كل منتج اسم في القايمة المرقّمة، والأول بيظهر مفتوح.بيظهر مع: «منتجات مرقّمة وصورة المنتج جنبها بزرار السلة»تقدر تضيف لحد ٦
  • المنتج: اسمه وسعره وزرار السلة على صورته. لو ليه خيارات (مقاس أو لون) الزرار بيفتح صفحته.
  • اسم التاب (لو فاضي: اسم المنتج): في سطر واحد؛ اكتب اسم أقصر لو اسم المنتج طويل.
  • الصورة الكبيرة (لو فاضية: صورة المنتج): مربعة، لو عايز غير صورة المنتج الأساسية.
• نص زرار «عرض الكل» (سيبه فاضي عشان يختفي): رابط عليه خط تحت قايمة المنتجات.بيظهر مع: «منتجات مرقّمة وصورة المنتج جنبها بزرار السلة»
• رابط زرار «عرض الكل» (لازم يتحط عشان الزرار يظهر): زي تصنيف المنتجات دي أو كل المنتجات.بيظهر مع: «منتجات مرقّمة وصورة المنتج جنبها بزرار السلة»
• القسم ده أول حاجة في الصفحة؟ فعّلها عشان أول صورة فيه تحمّل على طول: في أي مكان تاني سيبها مقفولة عشان الصفحة تفتح أسرع.
• رقّم التابات (١. ٢. ٣.): في العربي الأرقام عربي. اقفلها لأسامي من غير أرقام.بيظهر مع: «منتجات مرقّمة وصورة المنتج جنبها بزرار السلة»
• المسافة فوق القسم على الموبايل: لو عايزها غير الكمبيوتر، زي أقسام أقرب لبعض على الشاشة الصغيرة.
• المسافة تحت القسم على الموبايل: لو عايزها غير الكمبيوتر.

وكمان «الخيارات المشتركة بين الأقسام» المذكورة في فصل أقسام الصفحة الرئيسية، ما عدا "تثبيت الصورة وقت النزول في الصفحة (بارالاكس) - مش بيشتغل في «كلمة كبيرة ورا صورة منتج»".

نصايح

• صورة المجموعة حوالي 1520×1400 بكسل، وأطرافها ممكن تتقص، فخلّي المهم في النص.
• صورة المنتج في «منتجات مرقّمة وصورة المنتج جنبها بزرار السلة» حوالي 1440×1440 بكسل، والشريط الأبيض بيغطي الجزء اللي تحت منها، فمتحطش فيه حاجة مهمة.
• لو التصنيف مالوش صورة ارفع صورة للمجموعة، عشان ميظهرش مربع الأيقونة.
• على الموبايل في «منتجات مرقّمة وصورة المنتج جنبها بزرار السلة» الصورة الأول وتحتها القايمة.
• «لون خلفية القسم» في «قايمة أسامي بتبدّل صورة كبيرة» بيبان حوالين الكارت الفاتح بس، وأكتر لو زوّدت المسافات فوق وتحت.

شكل القسم

الإعدادات

• شكل القسم: كل اللي ملّيته بيفضل لما تبدّل، فجرّب في المعاينة.
• سطر صغير فوق العنوان: زي اسم المجموعة أو الموسم.
• الوصف: بيعرّف بالمشاهد.
• المشاهد (كل مشهد صورة ومنتج، ولازم الاتنين عشان يظهر): لحد 8، مشهد لكل منتج عايز تعرضه: صورته وهو مستخدم ومعاها المنتج.تقدر تضيف لحد ٨
  • وصف الصورة لجوجل وقارئ الشاشة (alt) - اختياري: زي كنبة رمادي في صالة. مش بيظهر على الصفحة.
  • الصورة: المنتج وهو مستخدم أو في مكانه. بتتقص، فخلّي المنتج في النص.
  • الصورة الصغيرة (اختياري، في شكل «صور صغيرة تغيّر الصورة الكبيرة» بس): لو عايزها غير صورة المشهد، زي لقطة قريبة للمنتج. الفاضية بتعرض صورة المشهد.
  • المنتج: في «صور صغيرة تغيّر الصورة الكبيرة، والمنتج فوقها» و«لوحة رمادي فيها الكلام والمنتجات واحد واحد، وجنبها صورة كبيرة بتتغيّر معاهم» كارت باسمه وسعره وزرار السلة؛ في «لوحة ملوّنة فيها الكلام ومنتج واحد، وجنبها أول صورتين» الدوس على الصورة بيفتح صفحته. لو ليه خيارات (مقاس أو لون) زرار السلة بيفتح صفحته.
• المنتج اللي في اللوحة (لو فاضي: منتج أول مشهد): اختار منتج هنا لعرض منتج غير منتج أول مشهد.بيظهر مع: «لوحة ملوّنة فيها الكلام ومنتج واحد، وجنبها أول صورتين»
• نص الزرار (سيبه فاضي لو مش عايز زرار): زي تسوّق الكل.
• رابط الزرار (لازم يتحط عشان الزرار يظهر): زي تصنيف معيّن. بيبدأ بصفحة كل المنتجات، ولو مسحته الزرار مش بيظهر.
• لون اللوحة اللي فيها الكلام: للوحة اللي فيها الكلام والمنتج.بيظهر مع: «لوحة ملوّنة فيها الكلام ومنتج واحد، وجنبها أول صورتين»
• لون النص جوّه اللوحة: واضح على لون اللوحة.بيظهر مع: «لوحة ملوّنة فيها الكلام ومنتج واحد، وجنبها أول صورتين»
• المسافة فوق القسم على الموبايل: «العادية للشكل ده» بتاخد «المسافة فوق القسم».
• المسافة تحت القسم على الموبايل: «العادية للشكل ده» بتاخد «المسافة تحت القسم».

وكمان «الخيارات المشتركة بين الأقسام» المذكورة في فصل أقسام الصفحة الرئيسية، ما عدا "تثبيت الصورة وقت النزول في الصفحة (بارالاكس) - مش بيشتغل في «كلمة كبيرة ورا صورة منتج»".

نصايح

• صورة المشهد 1410×1092 بكسل في «صور صغيرة تغيّر الصورة الكبيرة، والمنتج فوقها» و1400×1400 في الشكلين التانيين، و«الصورة الصغيرة (اختياري، في شكل «صور صغيرة تغيّر الصورة الكبيرة» بس)» 240×240.
• مشهد مش ظاهر؟ اتأكد إن ليه صورة ومنتج.
• «صور صغيرة تغيّر الصورة الكبيرة، والمنتج فوقها» لازق في القسمين اللي حواليه؛ للمسافة استخدم «المسافة فوق القسم» و«المسافة تحت القسم».
• المنتج اللي ليه خيارات (مقاس أو لون) زرار كارته بيفتح صفحته بدل الإضافة للسلة.
• «العنوان» في «صور صغيرة تغيّر الصورة الكبيرة، والمنتج فوقها» بيفضل على سطرين على الكمبيوتر لو كتبته كده.

شكل القسم

خطوة بخطوة

1. افتح «شريط شعارات الماركات» أو ضيفه من «إضافة قسم».
2. دوس «إضافة عنصر» في قايمة الشعارات.
3. ارفع الشعار واكتب اسم الماركة.
4. لمنتجات الماركة الصق رابط تصنيفها في خانة الرابط.
5. كرر لكل ماركة، وراجع المعاينة ودوس «نشر».

الإعدادات

• شكل القسم: شعاراتك وإعداداتك بتفضل لما تبدّل.
• الكلام تحت العنوان: اختياري، زي إن كل الماركات أصلية ومضمونة.
• الشعارات (الشريط بيكررها لوحده عشان يملى العرض): لحد 20، شعار في كل عنصر.تقدر تضيف لحد ٢٠
  • اسم الماركة (بيبقى وصف الشعار لجوجل - لازم لو حطيت رابط): مش بيظهر مكتوب، لكنه وصف الشعار لجوجل وقارئ الشاشة. اكتبه دايمًا.
  • الشعار: كامل من غير قص على الارتفاع اللي تحت (أو أقل لو الصورة أصغر). العنصر من غير صورة مش بيظهر.
  • الرابط (اختياري، زي صفحة تصنيف الماركة): الأحسن صفحة تصنيف الماركة. الفاضي للعرض بس، والشعار اللي ليه رابط بيبهت شوية تحت الماوس.
  • افتح الرابط في تاب جديد: للروابط اللي برّه متجرك بس.
• ارتفاع الشعار (في «شعارات لوحدها» ده ارتفاع الشريط، وفي «كل شعار في مربع» ده أقصى ارتفاع للشعار جوه المربع): كبّره لو الشعارات صغيرة، وصغّره لشريط أهدى. المربع مقاسه ثابت، فالشعار مش بيكبر أكتر منه.
• سرعة الحركة: «بطيئة» أريح مع الشعارات الكتير، و«سريعة» لحركة أكتر.
• اتجاه الحركة: «عكس اتجاه القراءة» مفيد لو فيه شريط متحرك تاني وعايزهم عكس بعض.
• الحركة تقف لما الماوس يقف عليها: عشان الزائر يقرا الشعار أو يدوس عليه. سيبه شغال، خصوصًا مع الروابط.
• تدريج على الطرفين (الشعار بيظهر ويختفي بالتدريج بدل ما يتقص): اقفله لو عايز الشعارات واضحة لحد الحافة.
• المسافة فوق القسم على الموبايل: «العادية للشكل ده» بتاخد «المسافة فوق القسم»؛ صغّرها لو باينة كبيرة على الموبايل.
• المسافة تحت القسم على الموبايل: «العادية للشكل ده» بتاخد «المسافة تحت القسم»؛ صغّرها لو باينة كبيرة على الموبايل.

وكمان «الخيارات المشتركة بين الأقسام» المذكورة في فصل أقسام الصفحة الرئيسية، ما عدا "تثبيت الصورة وقت النزول في الصفحة (بارالاكس) - مش بيشتغل في «كلمة كبيرة ورا صورة منتج»".

نصايح

• PNG أو SVG بخلفية شفافة، وارتفاع الصورة ضعف ارتفاع الشعار على الأقل (88 بكسل مع 44) عشان يبان حاد على الموبايل.
• قصّ الفراغ حوالين كل شعار قبل الرفع؛ الفراغ بيصغّر الشعار وبيخلّي الشعارات مش متساوية.
• القسم من غير مسافة فوق وتحت؛ للفراغ اختار «المسافة فوق القسم» و«المسافة تحت القسم».
• اللي مشغّل تقليل الحركة في جهازه هيشوف الشريط ثابت.
• «القسم بعرض الشاشة كلها» بيوصّل الشريط لحافتي الشاشة، والعنوان بيفضل مكانه.

خطوة بخطوة

1. ضيف كل صورة في «الصور (رقم كل صورة هو ترتيبها هنا: الأولى 1، التانية 2 …)».
2. ضيف نقطة في «نقط المنتجات على الصور (كل نقطة بتختار رقم الصورة اللي عليها)» واختار «المنتج (النقطة بتظهر لما تختاره)».
3. اختار ترتيب صورتها في «رقم الصورة اللي النقطة عليها (1 = أول صورة في «الصور»)».
4. حرّك «مكان النقطة بالعرض (% من الشمال)» و«مكان النقطة بالطول (% من فوق)» لحد ما تقف على المنتج.

الإعدادات

• طريقة عرض الصور: «سلايدر: الصور بتتقلب» بيظهر إعدادات التقليب والتنقّل.
• الكلام تحت العنوان: بيعرّف باللوك.
• الصور (رقم كل صورة هو ترتيبها هنا: الأولى 1، التانية 2 …): لحد 6. النقط بتعرف صورتها بالرقم، فبعد ما ترتّب أو تمسح صورة راجع أرقام النقط.تقدر تضيف لحد ٦
  • وصف الصورة لجوجل وقارئ الشاشة (alt) - اختياري: كمان اسم الصورة في قايمة المحرر، ومش بيظهر على الصفحة.
  • الصورة: بنسبتها الطبيعية، وممكن تتقص شوية في السلايدر أو مع «ارتفاع الصورة» الثابت، فبعّد المنتجات عن الأطراف.
  • صورة الموبايل (اختياري): زي نسخة طولية من نفس اللقطة. النقط بتقف في نفس الأماكن، فالمنتجات لازم تبقى في نفس مكانها.
• نقط المنتجات على الصور (كل نقطة بتختار رقم الصورة اللي عليها): لحد 12 للقسم كله، لكل نقطة منتج ورقم صورة ومكان.تقدر تضيف لحد ١٢
  • اسم النقطة (عشان تعرفها في القايمة): ليك إنت عشان تلاقيها في المحرر، زي الشنطة؛ الزائر بيشوف اسم المنتج.
  • المنتج (النقطة بتظهر لما تختاره): الدوس على النقطة بيظهر كارت بصورة المنتج واسمه وسعره ورابط لصفحته.
  • رقم الصورة اللي النقطة عليها (1 = أول صورة في «الصور»): لو الرقم مالوش صورة (زي 5 وعندك 3)، النقطة بتروح على أول صورة.
  • مكان النقطة بالعرض (% من الشمال): 0 أقصى الشمال و100 أقصى اليمين، ونفس الرقم في العربي والإنجليزي لأن الصورة مش بتتقلب. حرّكه وانت شايف المعاينة.
  • مكان النقطة بالطول (% من فوق): 0 أعلى الصورة و100 آخرها.
  • كارت المنتج يفتح ناحية: على الكمبيوتر الكارت جنب النقطة، و«تلقائي» ناحية الجزء الأوسع، ولو الناحية مفيهاش مكان بيفتح في التانية. على التابلت والموبايل فوق النقطة أو تحتها، وعلى الموبايل الصغير بعرض الشاشة.
• مكان العنوان: «في البداية» يمين في العربي وشمال في الإنجليزي.
• الصور ممتدة لحد فين (مع «القسم بعرض الشاشة كلها» بتوصل لأطراف الشاشة): «بعرض الصفحة» زي باقي الأقسام، و«أوسع من الصفحة» أعرض شوية، والباقي لحد أطراف الشاشة بالمسافة المكتوبة أو من غيرها.
• عدد الصور في الصف على الكمبيوتر: في السلايدر ده عدد الصور اللي بتبان في المرة.
• عدد الصور في الصف على التابلت: وعلى اللابتوب الصغير كمان.
• عدد الصور في الصف على الموبايل الكبير أو بالعرض (الموبايل العادي دايمًا صورة واحدة): 2 لصورتين جنب بعض.
• المسافة بين الصور على الكمبيوتر: 0 بيلزّق الصور في بعض.
• المسافة بين الصور على التابلت: 0 بيلزّق الصور في بعض.
• المسافة بين الصور على الموبايل: 0 بيلزّق الصور في بعض.
• ارتفاع الصورة: الثابت مفيد لو صورك مقاساتها مختلفة، وبيقص الزيادة.
• أقل ارتفاع للصورة (لو 0: من غير حد، إلا على الموبايل بيبقى 400px): الصورة الأقصر بتتكبّر لحد الارتفاع ده وتتقص من جنابها. مفيد للصور العريضة قوي.
• استدارة حواف الصورة: 0 أركان حادة.
• الاستدارة من فوق بس: اللي تحت بيفضلوا مستقيمين.
• تقليب تلقائي: من غير ما الزائر يدوس.بيظهر لما تختار «سلايدر: الصور بتتقلب» في «طريقة عرض الصور»
• مدة كل شريحة قبل ما يقلّب (1000 = ثانية): 5000 يعني 5 ثواني.بيظهر لما تختار «سلايدر: الصور بتتقلب» في «طريقة عرض الصور»، ولما تفعّل «تقليب تلقائي»
• يرجع لأول شريحة بعد آخر واحدة: بدل ما يقف عند الآخر.بيظهر لما تختار «سلايدر: الصور بتتقلب» في «طريقة عرض الصور»
• إظهار الأسهم: في دواير على الجنبين، ومش بتظهر على الموبايل (بالسحب هناك).بيظهر لما تختار «سلايدر: الصور بتتقلب» في «طريقة عرض الصور»
• التنقل بين الصور: الكارت بيختفي لوحده لو كل الصور باينة مرة واحدة.بيظهر لما تختار «سلايدر: الصور بتتقلب» في «طريقة عرض الصور»
• الكلام اللي فوق العدّاد (اختياري): زي تسوّق اللوك.بيظهر لما تختار «سلايدر: الصور بتتقلب» في «طريقة عرض الصور»، ولما تختار «كارت على طرف الصورة فيه أسهم وعدّاد (1 / 3)» في «التنقل بين الصور»
• المسافة فوق القسم على الموبايل: «العادية للشكل ده» بتاخد «المسافة فوق القسم».
• المسافة تحت القسم على الموبايل: «العادية للشكل ده» بتاخد «المسافة تحت القسم».

وكمان «الخيارات المشتركة بين الأقسام» المذكورة في فصل أقسام الصفحة الرئيسية، ما عدا "تثبيت الصورة وقت النزول في الصفحة (بارالاكس) - مش بيشتغل في «كلمة كبيرة ورا صورة منتج»".

نصايح

• الصورة 1440×960 بكسل أو أكبر، والصور اللي جنب بعض بنفس النسبة عشان الصف يطلع متساوي.
• النقط بتفضل على منتجها حتى لو الصورة اتقصت، لأن مكانها محسوب على الصورة.
• على الموبايل الصغير الكارت بعرض الشاشة فوق طبقة غامقة، تحت أو فوق حسب مكان النقطة عشان ميغطيهاش، وفي السلايدر جوه الصورة. بيتقفل بالدوس برّاه.
• بعد ترتيب أو مسح صور، راجع «رقم الصورة اللي النقطة عليها (1 = أول صورة في «الصور»)» في كل نقطة.
• على الموبايل الصورة مش أقل من 400 بكسل، إلا لو حددت رقم في «أقل ارتفاع للصورة (لو 0: من غير حد، إلا على الموبايل بيبقى 400px)».

شكل القسم

خطوة بخطوة

1. ارفع صورة اللوك في «الصورة اللي عليها النقط (لازم عشان القسم يظهر)».
2. ضيف نقطة لكل منتج في «نقط المنتجات على الصورة» واختار «المنتج (النقطة بتظهر لما تختاره)».
3. حرّك «مكان النقطة بالعرض (% من الشمال)» و«مكان النقطة بالطول (% من فوق)» لحد ما تقف على المنتج.
4. لمنتجات زيادة من غير نقط اختارها في «المنتجات اللي جنب الصورة (منتجات النقط بتتضاف لهم لوحدها)».

الإعدادات

• شكل القسم: كل اللي ملّيته بيفضل لما تبدّل، فجرّب في المعاينة.
• الكلام تحت العنوان: بيوصف اللوك.
• الصورة اللي عليها النقط (لازم عشان القسم يظهر): استخدم صورة كل منتجاتها باينة بوضوح.
• صورة تانية من غير نقط (اختياري): زي لقطة قريبة لنفس اللوك، على الشاشات الكبيرة بس، ومقاسها زي الأساسية: 910×1212 بكسل.بيظهر مع: «صورتين وقايمة منتجات»
• نقط المنتجات على الصورة: لحد 6، كل نقطة لمنتج ومكانها بالأرقام.تقدر تضيف لحد ٦
  • اسم النقطة (عشان تعرفها في القايمة): ليك إنت عشان تلاقيها في المحرر، زي الشنطة؛ الزائر بيشوف اسم المنتج.
  • المنتج (النقطة بتظهر لما تختاره): بيتضاف لوحده للمنتجات اللي جنب الصورة.
  • مكان النقطة بالعرض (% من الشمال): 0 أقصى الشمال و100 أقصى اليمين، ونفس الرقم في العربي والإنجليزي لأن الصورة مش بتتقلب. حرّكه وانت شايف المعاينة.
  • مكان النقطة بالطول (% من فوق): 0 أعلى الصورة و100 آخرها.
  • كارت المنتج يفتح ناحية: الكارت بيفتح جنب النقطة على الكمبيوتر، و«تلقائي» ناحية الجزء الأوسع من الصورة، ولو الناحية مفيهاش مكان بيفتح في التانية. على التابلت والموبايل بيتحط فوق النقطة أو تحتها (وفي بعض الأشكال بيطلع من تحت الشاشة على الموبايل الصغير)، وفي بعض الأشكال والمقاسات مفيش كارت والنقطة بتودّي لمنتجها في القايمة.
• المنتجات اللي جنب الصورة (منتجات النقط بتتضاف لهم لوحدها): اختار هنا بس المنتجات اللي مالهاش نقطة.
• نص زرار «أضف الكل للسلة»: الفاضي بيبقى «أضف الكل للسلة».بيظهر مع: «شبكة منتجات وصورة وإجمالي السعر»
• نص زرار «أضف الكل للسلة» (العدد والإجمالي بيظهروا جنبه): الفاضي بيبقى «أضف الكل للسلة».بيظهر مع: «صورة بالنقط جنب قايمة مرقّمة وزرار «أضف الكل»»
• نص الزرار اللي تحت كل منتج (لو فاضي: «اطلب الآن»): بيفتح صفحة المنتج، وللمنتج الخلصان بيبقى «أعلمني عند التوفر».بيظهر مع: «سلايدر منتج واحد جنب صورة بنقط مرقّمة»
• تقليب تلقائي: من غير ما الزائر يدوس.بيظهر مع: «شبكة منتجات وصورة وإجمالي السعر»
• مدة كل شريحة قبل ما يقلّب (1000 = ثانية): 3000 يعني 3 ثواني.بيظهر مع: «شبكة منتجات وصورة وإجمالي السعر»، ولما تفعّل «تقليب تلقائي»
• يرجع لأول شريحة بعد آخر واحدة: بدل ما يقف عند الآخر.بيظهر مع: «شبكة منتجات وصورة وإجمالي السعر»
• إظهار الأسهم: بتظهر لو فيه أكتر من منتج.بيظهر مع: «شبكة منتجات وصورة وإجمالي السعر»
• إظهار النقط تحت السلايدر: للتنقل بين الشرايح، وغير نقط المنتجات اللي على الصورة.بيظهر مع: «شبكة منتجات وصورة وإجمالي السعر»
• لون لوحة المنتجات: للوحة اللي فيها العنوان والمنتجات.بيظهر مع: «صورة جنب لوحة ملوّنة فيها المنتجات»
• لون النص جوّه اللوحة: واضح على لون اللوحة.بيظهر مع: «صورة جنب لوحة ملوّنة فيها المنتجات»
• المسافة فوق القسم على الموبايل: «العادية للشكل ده» بتاخد «المسافة فوق القسم».
• المسافة تحت القسم على الموبايل: «العادية للشكل ده» بتاخد «المسافة تحت القسم».

وكمان «الخيارات المشتركة بين الأقسام» المذكورة في فصل أقسام الصفحة الرئيسية، ما عدا "تثبيت الصورة وقت النزول في الصفحة (بارالاكس) - مش بيشتغل في «كلمة كبيرة ورا صورة منتج»".

نصايح

• المقاسات: 700×700 بكسل في «شبكة منتجات وصورة وإجمالي السعر»، و960×800 في «سلايدر منتج واحد جنب صورة بنقط مرقّمة»، و910×1212 في «صورتين وقايمة منتجات»، و885×720 في الشكلين التانيين.
• النقط بتفضل على منتجها حتى لو الصورة اتقصت، لأن مكانها محسوب على الصورة.
• القسم محتاج الصورة ومنتج واحد على الأقل، من النقط أو من المنتجات اللي جنب الصورة.
• الإجمالي وإضافة الكل بيحسبوا بس المنتجات اللي بتتضاف على طول؛ اللي ليه خيارات أو خلصان مش بيتحسب. والإجمالي مجموع الأسعار الحالية من غير خصم.
• في «شبكة منتجات وصورة وإجمالي السعر» على الكمبيوتر النقطة بتميّز منتجها في السلايدر بدل الكارت، فـ«كارت المنتج يفتح ناحية» مش بيفرق هناك.
• «سلايدر منتج واحد جنب صورة بنقط مرقّمة» و«صورة جنب لوحة ملوّنة فيها المنتجات» لازقين في القسمين اللي حواليهم؛ للمسافة استخدم «المسافة فوق القسم» و«المسافة تحت القسم».

خطوة بخطوة

1. ارفع «صورة البانر».
2. اكتب «العنوان».
3. ضيف كل ميزة في «المميزات» بـ«اسم الميزة» و«الأيقونة».
4. اختار «المنتجات اللي على الصورة (لحد 4)».
5. الكلام مش باين؟ فعّل «طبقة لون فوق الخلفية» أو غيّر «لون النص اللي على الصورة».

الإعدادات

• صورة البانر: ورا القسم كله، والكلام والمنتجات فوقها. بتتقص على قد القسم، فخلّي المهم في النص.
• المميزات: لحد 12، كل مربع بأيقونة واسم وسطر لو حبيت.تقدر تضيف لحد ١٢
  • اسم الميزة: تحت الأيقونة، زي شحن سريع.
  • وصف قصير (اختياري): سطر بيوضّحها؛ سيبه فاضي لو الاسم كفاية.
  • نوع الأيقونة: «صورة ترفعها» لأيقونة خاصة بمتجرك.
  • الأيقونة: فوق اسم الميزة؛ جنب أغلب الأيقونات مكتوب بتنفع لإيه، زي «عربية شحن (شحن)».بيظهر لما تختار «أيقونة جاهزة» في «نوع الأيقونة»
  • صورة الأيقونة (مربعة): بتظهر صغيرة مكان الأيقونة؛ مربعة، والأفضل PNG بخلفية شفافة.بيظهر لما تختار «صورة ترفعها» في «نوع الأيقونة»
• المنتجات اللي على الصورة (لحد 4): كل كارت بصورة المنتج واسمه وسعره والخصم، وزرار سلة وزرار عرض، وزرار مفضلة لو المفضلة شغالة.
• إظهار وصف المنتج (لما تختار منتج واحد بس): تحت الكارت، لحد 3 سطور.
• وصف مكتوب بدل وصف المنتج (بيظهر لما تختار منتج واحد بس): بدل وصف زد؛ الفاضي بيعرض وصف المنتج.بيظهر لما تفعّل «إظهار وصف المنتج (لما تختار منتج واحد بس)»
• القسم ده أول حاجة في الصفحة؟ فعّلها عشان أول صورة فيه تحمّل على طول: لو القسم تحت في الصفحة سيبه مقفول عشان الصفحة تفتح أسرع.
• لون النص اللي على الصورة: للعنوان والمميزات والوصف؛ غيّره لو صورتك فاتحة والأبيض مش باين.
• المسافة فوق القسم على الموبايل: «العادية للشكل ده» بتاخد «المسافة فوق القسم».
• المسافة تحت القسم على الموبايل: «العادية للشكل ده» بتاخد «المسافة تحت القسم».

وكمان «الخيارات المشتركة بين الأقسام» المذكورة في فصل أقسام الصفحة الرئيسية، ما عدا "تثبيت الصورة وقت النزول في الصفحة (بارالاكس) - مش بيشتغل في «كلمة كبيرة ورا صورة منتج»".

نصايح

• الصورة 1920×900 بكسل، وطول القسم بيتغير مع الكلام والمنتجات والصورة بتتقص على قده، فخلّي المهم في النص.
• صورة غامقة أو هادية عشان الكلام الأبيض يبان، أو شغّل «طبقة لون فوق الخلفية».
• من غير صورة ولا لون خلفية، القسم بياخد لون الثيم الأساسي عشان الكلام يفضل باين.
• المميزات 3 في الصف على الكمبيوتر والتابلت، و2 على الموبايل الكبير، و1 على العادي، فـ3 أو 6 أحلى.
• عشان تتحكم في المنتجات حطها في تصنيف لوحدها واختاره في «المنتجات اللي على الصورة (لحد 4)»؛ القسم بيعرض أول 4 بس.
• «العنوان» بخط كبير جدًا، فخليه كلمتين أو تلاتة.
• «القسم بعرض الشاشة كلها» بيمد الكلام والمنتجات، والفرق بيبان على الشاشات الكبيرة جدًا بس؛ الصورة بعرض الشاشة في الحالتين.
• «لون خلفية القسم» بيبان من غير «صورة البانر».
• «صورة خلفية القسم» بتغطي «صورة البانر»، فاستخدم واحدة بس، والأسهل «صورة البانر».
• «المسافة فوق القسم» هي المسافة بين أعلى الصورة والعنوان، والصورة بتملاها. الموبايل بياخدها إلا لو اخترت غيرها في «المسافة فوق القسم على الموبايل».

شكل القسم

خطوة بخطوة

1. افتح «قايمة منتجات مميزة» واختار «شكل القسم».
2. اختار «المنتجات».
3. حدد «عدد المنتجات في العمود» و«عدد الأعمدة على الكمبيوتر».
4. ضيف بانر في «البانرات»: «صورة البانر» و«عنوان البانر» و«رابط البانر (لو فاضي: صفحة المنتجات)».
5. اختار «مكان البانر بين أعمدة المنتجات».
6. راجع المعاينة ودوس «نشر».

الإعدادات

• شكل القسم: بانرين صغيرين فوق بعض، أو بانر واحد طويل.
• الكلام تحت العنوان: سطر قصير.
• المنتجات: بتتوزع على الأعمدة بالترتيب، لحد ٢٤ منتج.
• البانرات: البانر من غير صورة ولا كلام مش بيظهر.تقدر تضيف لحد ٤
  • سطر صغير فوق عنوان البانر (في شكل «أعمدة منتجات وبانر طويل» بس): زي العرض قرب يخلص.
  • عنوان البانر: الدوس عليه بيفتح رابط البانر، والسطر الجديد بيفضل زي ما كتبته.
  • وصف قصير (في شكل «أعمدة منتجات وبانرين صغيرين» بس): سطر تحت العنوان.
  • تاريخ ووقت نهاية العرض (اكتبه كده: 2026-12-31 23:59) - في شكل «أعمدة منتجات وبانر طويل» بس: العداد بيحل مكان الزرار، وبيختفي لما الوقت يخلص.
  • صورة البانر: الكلام بيتكتب عليها. من غيرها البانر مربع فاتح والكلام جواه.
  • اقلب الصورة في الصفحات العربي (زي المراية): الكلام في العربي على اليمين، فالقلب بيجيب الجزء الفاضي من الصورة تحته. متفعّلهوش لو في الصورة كتابة.
  • نص زرار البانر (سيبه فاضي لو مش عايز زرار؛ لو حطيت تاريخ نهاية العرض العداد بيظهر مكانه): زي تسوق الآن. في البانر الصغير رابط بسهم.
  • رابط البانر (لو فاضي: صفحة المنتجات): بيفتح من البانر أو عنوانه أو زراره.
  • ألوان النص: الأبيض للصور الغامقة والأسود للفاتحة، ومع صورة بس.
• عدد الأعمدة على الكمبيوتر: عمود البانر محسوب منهم، والباقي بيظهر مع التقليب.
• عدد الأعمدة على التابلت: مرة واحدة، والباقي مع التقليب.
• عدد الأعمدة على الموبايل: مرة واحدة، والباقي مع التقليب.
• عدد المنتجات في العمود: على الكمبيوتر والتابلت.
• عدد المنتجات في العمود على الموبايل: الأصغر بيقصّر القسم على الموبايل.
• مكان البانر بين أعمدة المنتجات: لو الأعمدة أقل، البانر بيبقى في الآخر.
• إظهار البانر على الموبايل والتابلت: من غيره البانر على الكمبيوتر بس.
• تقليب تلقائي: كل ٣ ثواني، وبيقف تحت الماوس.
• يرجع لأول شريحة بعد آخر واحدة (وقتها البانر بيظهر على كل المقاسات، والعمود على الموبايل بياخد نفس عدد منتجات الكمبيوتر): بيشتغل بس لو كل الأعمدة (بعمود البانر) ضعف «عدد الأعمدة على الكمبيوتر» أو أكتر؛ مع ٤ محتاج ٨ أعمدة.
• إظهار الأسهم: على الكمبيوتر الكبير بس.
• إظهار الشرط تحت السلايدر: بتوضّح مكان الزائر، والدوس عليها بينقله.
• المسافة فوق القسم على الموبايل: لو عايزها غير الكمبيوتر، زي أقسام أقرب لبعض على الشاشة الصغيرة.
• المسافة تحت القسم على الموبايل: لو عايزها غير الكمبيوتر.

وكمان «الخيارات المشتركة بين الأقسام» المذكورة في فصل أقسام الصفحة الرئيسية، ما عدا "تثبيت الصورة وقت النزول في الصفحة (بارالاكس) - مش بيشتغل في «كلمة كبيرة ورا صورة منتج»".

نصايح

• البانر الصغير حوالي 450×294 بكسل، والطويل حوالي 450×608. الأطراف ممكن تتقص، فخلّي المهم في النص.
• اكتب نهاية العرض بالأرقام الإنجليزي (0-9) بالشكل ده بالظبط: 2026-12-31 23:59 (سنة-شهر-يوم، والساعة بنظام ٢٤ ساعة: ١١ بالليل 23:00). العداد بيمشي على ساعة جهاز الزائر وبتوقيت بلده.
• بعد نهاية العرض العداد بيختفي والزرار مش بيرجع لوحده؛ امسح التاريخ عشان يرجع.
• البانر على الموبايل والتابلت محتاج «إظهار البانر على الموبايل والتابلت».

خطوة بخطوة

1. اختار المنتجات في «منتجات الحزمة (من 3 لـ 5 منتجات)».
2. لمنتجات تانية في السلايدر اختارها في «منتجات السلايدر (لو فاضي: منتجات الحزمة)».
3. اكتب «عنوان مربع الحزمة» و«الكلام تحت عنوان مربع الحزمة».
4. اكتب «سطر التوفير: الكلام بعد «اشترِ» وعدد المنتجات (مثلاً: منتجات مختارة في حزمتك)» و«نسبة التوفير في آخر السطر بخط أوضح (مثلاً: 30%)».
5. اعمل الخصم الحقيقي من لوحة زد عشان السعر يطابق كلامك.

الإعدادات

• الكلام تحت العنوان: بيشرح فكرة الحزمة.
• منتجات الحزمة (من 3 لـ 5 منتجات): أول 5 بس بيظهروا، ولازم واحد على الأقل عشان القسم يظهر.
• منتجات السلايدر (لو فاضي: منتجات الحزمة): لحد 12، عشان العميل يتفرج على منتجات تانية.
• عنوان مربع الحزمة: زي وفّر مع الحزمة.
• الكلام تحت عنوان مربع الحزمة: بيشرح العرض.
• سطر التوفير: الكلام بعد «اشترِ» وعدد المنتجات (مثلاً: منتجات مختارة في حزمتك): السطر بيتكتب: «اشترِ» وعدد المنتجات وكلامك والنسبة، زي: اشترِ 4 منتجات مختارة في حزمتك 30%. العدد بيظهر مع 3 منتجات أو أكتر.
• نسبة التوفير في آخر السطر بخط أوضح (مثلاً: 30%): كلام بس ومش بيعمل خصم؛ الخصم الحقيقي بتعمله على المنتجات من لوحة زد.
• نص زرار «أضف الكل للسلة»: الفاضي بيبقى «أضف الكل للسلة».
• نص زرار «عرض الكل» (سيبه فاضي عشان يختفي): في آخر سطر العنوان، زي عرض كل المنتجات.
• رابط زرار «عرض الكل» (لازم يتحط عشان الزرار يظهر): زي تصنيف معيّن. بيبدأ بصفحة كل المنتجات، ولو مسحته الزرار مش بيظهر.
• عدد المنتجات في الصف على الكمبيوتر: لو المنتجات ضعف الرقم أو أكتر بتبقى صفين. التابلت والموبايل 2 في الصف.
• المسافة فوق القسم على الموبايل: «العادية للشكل ده» بتاخد «المسافة فوق القسم».
• المسافة تحت القسم على الموبايل: «العادية للشكل ده» بتاخد «المسافة تحت القسم».

وكمان «الخيارات المشتركة بين الأقسام» المذكورة في فصل أقسام الصفحة الرئيسية، ما عدا "تثبيت الصورة وقت النزول في الصفحة (بارالاكس) - مش بيشتغل في «كلمة كبيرة ورا صورة منتج»".

نصايح

• القسم مش بيعمل خصم؛ الإجمالي مجموع أسعار المنتجات بعد أي تخفيض عليها. لو كتبت نسبة، اعمل الخصم ده فعلًا من لوحة زد.
• اختار منتجات من غير خيارات. اللي ليه خيارات (مقاس أو لون) بيفضل من غير كمية وتحته «اختر الخيارات» لصفحته، ومش بيتحسب في الإجمالي ولا بيتضاف مع الباقي. والخلصان باهت ومكتوب عليه «نفدت الكمية».
• العميل بيشيل منتج بـ«إزالة»، ولو شالهم كلهم «استعادة الحزمة» بيرجّعهم.
• الزرار مش بيضيف أكتر من المخزون، وبيحسب اللي في سلة العميل أصلًا.
• عشان تختار المنتجات بالظبط حطها في تصنيف لوحدها واختاره في «منتجات الحزمة (من 3 لـ 5 منتجات)».

شكل القسم

الإعدادات

• شكل القسم: كل اللي ملّيته بيفضل لما تبدّل، فجرّب في المعاينة.
• الكلام تحت العنوان (بيظهر في شكل «عنوان وصورة كبيرة» وشكل «منتجين جنب بعض» بس): بيلخّص المنتج أو العرض في جملة.
• سطر صغير فوق اسم المنتج (مثلاً اسم التصنيف): زي اسم التصنيف أو جديد. في «منتجين جنب بعض بزرار شراء بالسعر» فوق الاسمين.
• المنتج (بيظهر أول منتج، وفي شكل «منتجين جنب بعض» أول منتجين): من غير منتج القسم مش بيظهر.
• إظهار وصف المنتج: تحت السعر (وتحت كل اسم في «منتجين جنب بعض بزرار شراء بالسعر»). اقفله لتفاصيل أقصر.
• وصف مكتوب بدل وصف المنتج (في شكل «منتجين جنب بعض» كل كارت بياخد وصف منتجه): لو وصف زد طويل أو عايز جملة تسويقية؛ الفاضي بيعرض وصف المنتج.بيظهر لما تفعّل «إظهار وصف المنتج»
• صورة إضافية جنب صورة المنتج (اختياري): زي المنتج وهو مستخدم. على الشاشات الكبيرة بس، وبتتكبّر مع «تكبير صورة المنتج لما الماوس يقف عليها».بيظهر مع: «التفاصيل على جنب، وصور المنتج في النص، وصورة إضافية على الجنب التاني»
• صورة زخرفية في ركن الكروت (اختياري): صغيرة بخلفية شفافة (زي ورقة شجر) طالعة من ركن كل كارت. الفاضية من غير زينة.بيظهر مع: «منتجين جنب بعض بزرار شراء بالسعر»
• إظهار زرار «اشترِ الآن»: بيضيف للسلة ويودّي على الدفع (أو تسجيل الدخول الأول). في «منتجين جنب بعض بزرار شراء بالسعر» هو زرار السعر، وبيضيف للسلة بس.
• أقصى عدد سطور للوصف: الزيادة بتتقطع بتلات نقط (…). زوّده للوصف الكامل، وقلّله لقسم أقصر.
• شريط الصور الصغيرة للمنتج (مش بيظهر في شكل «منتجين جنب بعض»): «حسب شكل القسم» بيظهرها في كل الأشكال ما عدا «التفاصيل على جنب، وصور المنتج في النص، وصورة إضافية على الجنب التاني»، و«إظهار» و«إخفاء» في أي شكل. بتظهر بس لو المنتج ليه أكتر من صورة.
• تكبير صورة المنتج لما الماوس يقف عليها: على الكمبيوتر نسخة مكبّرة جنب الصورة، والدوس عليها (كمبيوتر أو موبايل) بيفتح كل الصور بحجم الشاشة. مقفول: الدوس بيفتح صفحة المنتج. في «منتجين جنب بعض بزرار شراء بالسعر» تكبير خفيف بس.
• لون زرار «اشترِ الآن» (لو فاضي: ألوان الثيم): في «منتجين جنب بعض بزرار شراء بالسعر» زرار الشراء في كل كارت. غيّره عشان الزرار يلفت النظر.بيظهر لما تفعّل «إظهار زرار «اشترِ الآن»»
• لون كلام زرار «اشترِ الآن» (لو فاضي: ألوان الثيم): واضح على لون الزرار.بيظهر لما تفعّل «إظهار زرار «اشترِ الآن»»
• المسافة فوق القسم على الموبايل: «العادية للشكل ده» بتاخد «المسافة فوق القسم».
• المسافة تحت القسم على الموبايل: «العادية للشكل ده» بتاخد «المسافة تحت القسم».

وكمان «الخيارات المشتركة بين الأقسام» المذكورة في فصل أقسام الصفحة الرئيسية، ما عدا "تثبيت الصورة وقت النزول في الصفحة (بارالاكس) - مش بيشتغل في «كلمة كبيرة ورا صورة منتج»".

نصايح

• المنتج اللي ليه خيارات (مقاس أو لون) بيظهر له «اختر الخيارات» لصفحته بدل الكمية والشراء، والخلصان «أعلمني عند التوفر». للشراء من القسم على طول اختار منتج من غير خيارات.
• القسم بيعرض أول منتج اخترته؛ عشان تتحكم فيه (أو في المنتجين) حطه في تصنيف لوحده واختاره.
• الصور من المنتج في زد. الكبيرة طولية على الكمبيوتر (قريبة من 3 × 4) وأقرب للمربع على الموبايل في أغلب الأشكال، وبتتقص، فخلّي المنتج في النص.
• النجوم وعدد التقييمات بيظهروا لو التقييمات شغالة والمنتج متقيّم، في كل الأشكال ما عدا «منتجين جنب بعض بزرار شراء بالسعر».
• «صورة إضافية جنب صورة المنتج (اختياري)» 1166×1544 بكسل، و«صورة زخرفية في ركن الكروت (اختياري)» 306×344 بكسل PNG بخلفية شفافة.
• «التفاصيل على جنب، وصور المنتج في النص، وصورة إضافية على الجنب التاني» لازق في القسمين اللي حواليه؛ للمسافة استخدم «المسافة فوق القسم» و«المسافة تحت القسم».
• «العنوان» بيظهر في النص فوق في «عنوان وصورة كبيرة عليها الصور الصغيرة» و«منتجين جنب بعض بزرار شراء بالسعر» بس.

شكل القسم

خطوة بخطوة

1. افتح «بانر مميز» واختار «شكل القسم».
2. ارفع «الصورة»، و«صورة الموبايل (اختياري)» لو بتتقص وحش على الموبايل.
3. اكتب العنوان والوصف.
4. اكتب كلام الزرار وحط رابطه؛ من غير رابط مفيش زرار.
5. كمّل خانات شكلك: المميزات أو الشعارات أو كارت التواصل.
6. راجع المعاينة ودوس «نشر».

الإعدادات

• شكل القسم: صورتك وكلامك بيفضلوا، بس كل شكل بيستخدم جزء منهم.
• شكل المميزات: جرّب الاتنين واختار الأنسب لألوان متجرك.بيظهر مع: «مميزات حوالين صورة منتج»
• سطر صغير فوق العنوان (مش بيظهر في «صورة كاملة وشعارات فوقها» ولا «مميزات حوالين صورة منتج» ولا «صورة عريضة ودايرة كلام بتلف»): زي جديد، أو لفترة محدودة.
• الوصف (مش بيظهر في «صورة كاملة وشعارات فوقها» ولا «مميزات حوالين صورة منتج» ولا «صورة عريضة ودايرة كلام بتلف»): سطر أو اتنين بيشرحوا العرض.
• العنوان: فوق صورة المنتج والمميزات.بيظهر مع: «مميزات حوالين صورة منتج»
• الكلام تحت العنوان: سطر قصير.بيظهر مع: «مميزات حوالين صورة منتج»
• الصورة: أغلب الأشكال مش بتظهر من غيرها. مقاس كل شكل تحت الخانة.
• صورة الموبايل (اختياري): لو الصورة العريضة بتتقص وتضيع تفاصيلها على الموبايل.
• وصف الصورة لجوجل وقارئ الشاشة (alt) - اختياري: زي ساعة ذكية سودا. مش بيظهر في الصفحة.بيظهر لما تقفل «تثبيت الصورة وقت النزول في الصفحة (بارالاكس) - مش بيشتغل في «كلمة كبيرة ورا صورة منتج»»
• اقلب الصورة في الصفحات العربي (زي المراية): الكلام في العربي على اليمين، فالقلب بيجيب الجزء الفاضي تحته. اقفله لو في الصورة كتابة أو لوجو.بيظهر مع: «بانر واحد بعرض الصفحة»
• عنوان كارت التواصل: زي محتاج مساعدة؟بيظهر مع: «بانر جنبه كارت تواصل (تليفون وإيميل وواتساب)»
• الكلام تحت عنوان كارت التواصل: سطر بيشجّع الزائر يتواصل.بيظهر مع: «بانر جنبه كارت تواصل (تليفون وإيميل وواتساب)»
• رقم التليفون (لو فاضي: رقم المتجر): الزائر بيتصل بضغطة. الفاضي بياخد رقم متجرك من زد.بيظهر مع: «بانر جنبه كارت تواصل (تليفون وإيميل وواتساب)»
• الإيميل (لو فاضي: إيميل المتجر): بيفتح رسالة جديدة بضغطة.بيظهر مع: «بانر جنبه كارت تواصل (تليفون وإيميل وواتساب)»
• رقم واتساب بكود الدولة، زي 966500000000 (لو فاضي: رقم التليفون اللي فوق): من غير صفر في الأول، وإلا الزرار مش هيظهر.بيظهر مع: «بانر جنبه كارت تواصل (تليفون وإيميل وواتساب)»
• نص زرار واتساب (لو فاضي: «راسلنا على واتساب»): زي اسألنا على واتساب.بيظهر مع: «بانر جنبه كارت تواصل (تليفون وإيميل وواتساب)»
• الكلام اللي بيلف في الدايرة (بيتكرر لحد ما يقفلها، زي «اسم المتجر · »؛ لو فاضي الدايرة مش بتظهر): زي اسم متجرك أو شعاره.بيظهر مع: «صورة عريضة ودايرة كلام بتلف على طرفها»
• مكان الدايرة على طرف الصورة اللي تحت: بعيد عن أهم حاجة في الصورة.بيظهر مع: «صورة عريضة ودايرة كلام بتلف على طرفها»
• الكلمة الكبيرة ورا صورة المنتج: زي اسم المنتج أو الماركة؛ الكلمة القصيرة أحلى.بيظهر مع: «كلمة كبيرة ورا صورة منتج والكلام تحتها»
• صورة جوه حروف الكلمة (اختياري): بتتحرك ببطء جوه الحروف. الفاضية بتلوّن الحروف بتدرّج من اللون المميز للون العناوين.بيظهر مع: «كلمة كبيرة ورا صورة منتج والكلام تحتها»
• المميزات (لحد 4، اتنين على كل جنب): الميزة من غير اسم مش بتظهر.بيظهر مع: «مميزات حوالين صورة منتج»تقدر تضيف لحد ٤
  • اسم الميزة (لازم عشان تظهر): كلمتين، زي توصيل سريع.
  • وصف قصير (اختياري): سطر بيشرح الميزة.
  • نوع الأيقونة: «صورة ترفعها» لو عندك أيقونة بتاعتك.
  • الأيقونة: اختار الأقرب لمعنى الميزة.بيظهر لما تختار «أيقونة جاهزة» في «نوع الأيقونة»
  • صورة الأيقونة (مربعة): بتظهر جوه الدايرة مكان الأيقونة الجاهزة.بيظهر لما تختار «صورة ترفعها» في «نوع الأيقونة»
• الشعارات (القسم مش بيظهر من غيرها): على طرف الصورة اللي تحت؛ لازم واحد على الأقل.بيظهر مع: «صورة كاملة وشعارات فوقها»تقدر تضيف لحد ٨
  • عنوان الشعار: كلمتين، زي شحن مجاني.
  • وصف قصير (اختياري): سطر صغير بيوضّحه.
• الكلام اللي بيتحرك: بتتحرك في الشريط تحت الصورة.بيظهر مع: «صورة عريضة وشريط كلام كبير بيتحرك على طرفها اللي تحت»تقدر تضيف لحد ١٠
  • نص الرسالة: زي اسم الحملة.
• نص الزرار (سيبه فاضي لو مش عايز زرار؛ مش بيظهر في «صورة كاملة وشعارات فوقها» ولا «مميزات حوالين صورة منتج» ولا «صورة عريضة ودايرة كلام بتلف»): زي تسوق الآن. الزرار محتاج رابط.
• الرابط (لازم يتحط عشان الزرار يظهر؛ مش بيشتغل في «صورة كاملة وشعارات فوقها» ولا «مميزات حوالين صورة منتج»، وفي «صورة عريضة ودايرة كلام بتلف» الصورة كلها بتفتحه): في أغلب الأشكال العنوان بيفتحه كمان، وفي بعضها الصورة كلها.
• القسم ده أول حاجة في الصفحة؟ فعّلها عشان أول صورة فيه تحمّل على طول: في أي مكان تاني سيبها مقفولة عشان الصفحة تفتح أسرع.بيظهر لما تقفل «تثبيت الصورة وقت النزول في الصفحة (بارالاكس) - مش بيشتغل في «كلمة كبيرة ورا صورة منتج»»
• مكان الكلام: «في البداية» يمين في العربي وشمال في الإنجليزي، و«في الآخر» العكس.بيظهر مع: «بانر واحد بعرض الصفحة»
• سرعة الحركة: الشريط بيقف تحت الماوس.بيظهر مع: «صورة عريضة وشريط كلام كبير بيتحرك على طرفها اللي تحت»
• اتجاه الحركة: «مع اتجاه القراءة» بيمشّي الشريط لليمين في العربي وللشمال في الإنجليزي، و«عكس اتجاه القراءة» بالعكس.بيظهر مع: «صورة عريضة وشريط كلام كبير بيتحرك على طرفها اللي تحت»
• حركة الشعارات: «ثابتة» جنب بعض وبتتقلب لو أكتر من المكان، و«شريط بيتحرك» من غير ما يقف.بيظهر مع: «صورة كاملة وشعارات فوقها»
• لون النص (لو فاضي: لون الشكل نفسه): لو لون الشكل مش باين على صورتك.
• المسافة فوق القسم على الموبايل: لو عايزها غير الكمبيوتر، زي أقسام أقرب لبعض على الشاشة الصغيرة.
• المسافة تحت القسم على الموبايل: لو عايزها غير الكمبيوتر.

وكمان كل «الخيارات المشتركة بين الأقسام» المذكورة في فصل أقسام الصفحة الرئيسية.

نصايح

• المقاس بيختلف حسب الشكل ومكتوب تحت «الصورة»، زي حوالي 2115×690 بكسل في «بانر واحد بعرض الصفحة».
• في الأشكال اللي الكلام فيها على جنب، خلّي الناحية دي من الصورة غامقة وهادية.
• في «مميزات حوالين صورة منتج» و«كلمة كبيرة ورا صورة منتج والكلام تحتها» استخدم صورة المنتج PNG بخلفية شفافة.
• رقم واتساب في «بانر جنبه كارت تواصل (تليفون وإيميل وواتساب)» زي 966500000000، من غير صفر في الأول.
• لو في الصورة كتابة أو لوجو اقفل «اقلب الصورة في الصفحات العربي (زي المراية)».
• «العنوان» في أغلب الأشكال بيفتح الرابط لما الزائر يدوس عليه.
• «طبقة لون فوق الخلفية» بتهدّي خلفية القسم عشان الكلام يبان، وفي «صورة عريضة وشريط كلام كبير بيتحرك على طرفها اللي تحت» بتبقى فوق الصورة نفسها تحت الكلام.

شكل القسم

خطوة بخطوة

1. دوس «إضافة قسم» واختار «مقارنة قبل وبعد».
2. ارفع صورة «قبل» وصورة «بعد» بنفس المقاس ومن نفس الزاوية.
3. اكتب كلمة كل صورة، زي قبل وبعد.
4. اختار «شكل القسم».
5. راجع المعاينة ودوس «نشر».

الإعدادات

• شكل القسم: صورك وكلامك بيفضلوا لما تبدّل.
• صورة «قبل»: يمين في العربي وشمال في الإنجليزي، والخط بيبدأ في النص.
• صورة «بعد»: في الناحية التانية، بنفس المقاس ومن نفس المكان، عشان الفرق الوحيد يبقى النتيجة.
• كلمة «قبل» على الصورة (في شكل «بحواف مدوّرة» بتبقى العنوان اللي تحت في ركنها): زي قبل، أو قبل الاستخدام. على الموبايل في شارة صغيرة فوق. الفاضية من غير كلام.
• سطر تحت عنوان «قبل» (بيظهر على الكمبيوتر والتابلت): بيقول الحال كان عامل إزاي. الموبايل بيعرض الكلمة لوحدها.بيظهر مع: «بحواف مدوّرة وتحت في كل ركن عنوان وسطر كلام»
• كلمة «بعد» على الصورة (في شكل «بحواف مدوّرة» بتبقى العنوان اللي تحت في ركنها): زي بعد، أو بعد أسبوعين. على الموبايل في شارة صغيرة فوق.
• سطر تحت عنوان «بعد» (بيظهر على الكمبيوتر والتابلت): النتيجة بكلام بسيط.بيظهر مع: «بحواف مدوّرة وتحت في كل ركن عنوان وسطر كلام»
• لون النص اللي على الصورة: الأبيض للصور الغامقة، والغامق لو صورك فاتحة من تحت. شارات الموبايل بتفضل بيضا بكلام غامق.بيظهر مع: «بحواف مدوّرة وتحت في كل ركن عنوان وسطر كلام»
• المسافة فوق القسم على الموبايل: «العادية للشكل ده» بتاخد «المسافة فوق القسم»؛ صغّرها لو باينة كبيرة على الموبايل.
• المسافة تحت القسم على الموبايل: «العادية للشكل ده» بتاخد «المسافة تحت القسم»؛ صغّرها لو باينة كبيرة على الموبايل.

وكمان «الخيارات المشتركة بين الأقسام» المذكورة في فصل أقسام الصفحة الرئيسية، ما عدا "العنوان"، "تثبيت الصورة وقت النزول في الصفحة (بارالاكس) - مش بيشتغل في «كلمة كبيرة ورا صورة منتج»".

نصايح

• القسم مش بيظهر إلا بالصورتين.
• المقاس 1920×720، والإطار بيقص (أكتر من الجنبين على الموبايل)، فخلّي المهم في النص.
• صوّرهم من نفس المكان وبنفس الإضاءة، عشان العين تشوف النتيجة بس.
• الزائر بيسحب الخط، أو يدوس في أي مكان فينتقل له.
• كلمة الشارة بتختفي لما الخط يعدّي فوقها وترجع بعده.
• القسم من غير مسافة فوق وتحت؛ لو لازق في اللي قبله اختار «المسافة فوق القسم».
• «القسم بعرض الشاشة كلها» بيفرق على الشاشات العريضة جدًا بس؛ الإطار أصلًا تقريبًا بعرض الشاشة.
• «لون خلفية القسم» بيبان في الفراغ حوالين الصورتين بس: فوق وتحت مع المسافات، وعلى الجنبين في «بحواف مدوّرة وتحت في كل ركن عنوان وسطر كلام».
• «طبقة لون فوق الخلفية» مش بتغطي صورتين «قبل» و«بعد»، فغالبًا مش هتحتاجها هنا.

• سطر صغير فوق الجملة الكبيرة: زي قصتنا، بلون مميّز من ألوان الثيم.
• كلام إضافي تحت الجملة (اختياري): لو محتاج تشرح أكتر؛ سيبه فاضي لو الجملة كفاية.
• نص الزرار (سيبه فاضي لو مش عايز زرار): زي اعرف عنّا أكتر، والزرار بيظهر أول ما تكتبه.
• رابط الزرار (لو فاضي: صفحة المنتجات): زي صفحة من نحن.
• لون النص (لو فاضي: ألوان الثيم، وأبيض فوق صورة الخلفية): للسطر الصغير والجملة والفقرة. غيّره لو الكلام مش باين على الخلفية.
• المسافة فوق القسم على الموبايل: على الموبايل والتابلت بالطول. «العادية للشكل ده» بتاخد «المسافة فوق القسم» اللي للكمبيوتر، ولو ما اتغيرتش فمسافة الشكل الأصلية.
• المسافة تحت القسم على الموبايل: على الموبايل والتابلت بالطول. «العادية للشكل ده» بتاخد «المسافة تحت القسم» اللي للكمبيوتر، ولو ما اتغيرتش فمسافة الشكل الأصلية.

وكمان «الخيارات المشتركة بين الأقسام» المذكورة في فصل أقسام الصفحة الرئيسية، ما عدا "تثبيت الصورة وقت النزول في الصفحة (بارالاكس) - مش بيشتغل في «كلمة كبيرة ورا صورة منتج»".

نصايح

• الجملة الكبيرة أحلى من سطر لتلات سطور؛ التفاصيل مكانها «كلام إضافي تحت الجملة».
• كل كلمة إنجليزي في الجملة الكبيرة بتبدأ بحرف كبير لوحدها.
• «الجملة الكبيرة» أهم جملة: متجرك بيقدّم إيه ولمين. لتقسيم السطر عند كلمة، انزل سطر جديد عندها.
• مع «لون خلفية القسم» غامق خلّي «لون النص» فاتح.
• مع «صورة خلفية القسم» الكلام بيبقى أبيض على مربع غامق شفاف، فبيتقري على أي صورة.

• الجمل اللي تحت العنوان (كل جملة في سطر لوحدها): كل جملة في فقرة لوحدها. لو العنوان والجمل فاضيين القسم مش بيظهر.
  • الجملة: السطر الجديد اللي تكتبه بيظهر سطر جديد في الصفحة.
• المسافة فوق القسم على الموبايل: «العادية للشكل ده» بتاخد «المسافة فوق القسم» اللي للكمبيوتر، ولو ما اتغيرتش فالمسافة الأصلية.
• المسافة تحت القسم على الموبايل: «العادية للشكل ده» بتاخد «المسافة تحت القسم» اللي للكمبيوتر، ولو ما اتغيرتش فالمسافة الأصلية.

وكمان «الخيارات المشتركة بين الأقسام» المذكورة في فصل أقسام الصفحة الرئيسية، ما عدا "تثبيت الصورة وقت النزول في الصفحة (بارالاكس) - مش بيشتغل في «كلمة كبيرة ورا صورة منتج»".

نصايح

• الكلام هنا بألوان الثيم الغامقة، فخلّي الخلفية فاتحة أو شغّل «طبقة لون فوق الخلفية» بالأبيض.
• عنوان قصير وجملة أو اتنين أشيك من فقرة طويلة.
• خلّي «لون خلفية القسم» فاتح؛ مفيش إعداد لتغيير لون الكلام هنا.
• خلّي «صورة خلفية القسم» فاتحة وهادية عشان الكلام الغامق يبان.
• صغّر «المسافة تحت القسم» لو القسم بيقدّم اللي بعده على طول.

شكل القسم

خطوة بخطوة

1. افتح «آراء العملاء» أو ضيفه من «إضافة قسم».
2. دوس «إضافة عنصر» في قايمة الآراء.
3. اكتب الاسم والرأي، واختار التقييم، وارفع الصورة.
4. اختار «المنتج اللي اتكلم عنه العميل (اختياري)» عشان يظهر بسعره.
5. راجع المعاينة ودوس «نشر».

الإعدادات

• شكل القسم: آراؤك بتفضل لما تبدّل، وكل شكل بيعرض الصورة بطريقته.
• الكلام تحت العنوان: اختياري، زي إنها آراء حقيقية من ناس اشتروا منك.
• آراء العملاء: لحد 12، لكل رأي اسم وصورة وتقييم وكلام، وممكن منتج.تقدر تضيف لحد ١٢
  • اسم العميل: زي ما يحب يظهر، زي الاسم الأول وأول حرف من العيلة.
  • الوظيفة أو المدينة (اختياري): جنب الاسم، زي الرياض؛ بيخلّي الرأي أقرب للحقيقة.
  • رأي العميل: جملتين أو تلاتة عن تجربة محددة أقنع من فقرة طويلة.
  • التقييم: بيبدأ على 5.
  • إظهار علامة «مشتري موثّق»: علامة صح خضرا و«مشترٍ موثّق» جنب الاسم. متعلّمة من الأول، فشيلها من أي رأي مش من عميل اشترى فعلًا.
  • صورة العميل: العميل لوحده أو مع المنتج. كل شكل بيقصها بطريقته (مربعة أو طولية أو عرضية أو دايرة)، فخلّي الوش أو المنتج في النص.
  • المنتج اللي اتكلم عنه العميل (اختياري): بيظهر بصورته واسمه وسعره، والدوس عليه بيفتح صفحته، فالرأي بيتحوّل لشرا.
  • السعر قبل الخصم (اختياري، بيظهر بس لو المنتج مش عليه خصم في المتجر): مشطوب جنب السعر وبيتكتب زي ما هو، فاكتب الرقم والعملة. محتاج منتج مختار، ولو المنتج مخفّض في متجرك بيظهر سعر المتجر الأصلي بدله، فغالبًا سيبها فاضية.
• نص زرار «عرض الكل» جنب العنوان (سيبه فاضي عشان يختفي): زي تسوّق كل المنتجات، بيظهر كلمة تحتها خط، ومحتاج رابط.بيظهر مع: «كروت صغيرة وصورة العميل في دايرة»
• رابط زرار «عرض الكل» (لازم يتحط عشان الزرار يظهر): بيبدأ بصفحة كل المنتجات، وممكن تغيّره لتصنيف.بيظهر مع: «كروت صغيرة وصورة العميل في دايرة»
• تقليب تلقائي: بيقف تحت الماوس.
• مدة كل شريحة قبل ما يقلّب (1000 = ثانية): 5000 يعني 5 ثواني؛ زوّده للآراء الطويلة.بيظهر لما تفعّل «تقليب تلقائي»
• يرجع لأول شريحة بعد آخر واحدة: بدل ما يقف عند الآخر.
• إظهار الأسهم: على الشاشات العريضة جدًا بس (1600 بكسل أو أكتر). الموبايل والتابلت بالسحب أو النقط، واللابتوب العريض (من 1440 لـ1599) بالسحب بس إلا مع «تقليب تلقائي».بيظهر مع: «سلايدرين مع بعض: صورة العميل ورأيه جنبها»
• إظهار الأسهم جنب العنوان: في سطر العنوان جوه اللوحة، وبيختفوا لو كل الآراء باينة.بيظهر مع: «كروت بيضا على لوحة ملوّنة والأسهم جنب العنوان»
• إظهار النقط تحت السلايدر: خطوط صغيرة بتوري مكان الزائر، والدوس بينقله، وبتختفي لو كل الآراء باينة. في «سلايدرين مع بعض: صورة العميل ورأيه جنبها» على الشاشات الأضيق من 1440 بكسل بس.
• لون الكارت لما الماوس يقف عليه: على الكمبيوتر؛ اختار لون من ألوان علامتك.بيظهر مع: «كروت صغيرة وصورة العميل في دايرة»
• لون الكلام في الكارت لما الماوس يقف عليه: للاسم والرأي والنجوم والسعر؛ واضح على لون الكارت.بيظهر مع: «كروت صغيرة وصورة العميل في دايرة»
• المسافة فوق القسم على الموبايل: «العادية للشكل ده» بتاخد «المسافة فوق القسم»؛ صغّرها لو باينة كبيرة على الموبايل.
• المسافة تحت القسم على الموبايل: «العادية للشكل ده» بتاخد «المسافة تحت القسم»؛ صغّرها لو باينة كبيرة على الموبايل.

وكمان «الخيارات المشتركة بين الأقسام» المذكورة في فصل أقسام الصفحة الرئيسية، ما عدا "تثبيت الصورة وقت النزول في الصفحة (بارالاكس) - مش بيشتغل في «كلمة كبيرة ورا صورة منتج»".

نصايح

• صورة العميل 700×700 بتنفع لكل الأشكال، والوش في النص.
• في الأشكال اللي صورتها كبيرة الرأي من غير صورة بيسيب مكانها فاضي؛ حط صورة لكل رأي أو اختار شكل صورته صغيرة.
• في أشكال اللوحة «المسافة فوق القسم» و«المسافة تحت القسم» بيغيّروا الفراغ جوه اللوحة.
• لو كل الآراء باينة السلايدر مش بيتحرك والنقط والأسهم بتختفي؛ ضيف آراء أكتر.
• استخدم آراء حقيقية بأسماء وصور أصحابها وبموافقتهم.
• «العنوان» زي آراء عملائنا، في النص فوق الآراء، وعلى جنب في «كروت صغيرة وصورة العميل في دايرة» و«كروت بيضا على لوحة ملوّنة والأسهم جنب العنوان».
• «القسم بعرض الشاشة كلها» بيفرش القسم على الشاشة، وفي أشكال اللوحة («الصورة جنب الرأي على لوحة رمادي» و«كروت بيضا على لوحة ملوّنة والأسهم جنب العنوان» و«رأي واحد في المنتصف فوق صورة غامقة») اللوحة بتوصل للحافتين بأركان مستقيمة.
• «لون خلفية القسم» في أشكال اللوحة هو لون اللوحة، وفي «رأي واحد في المنتصف فوق صورة غامقة» اللون اللي تحت الصورة، فخليه غامق.
• «صورة خلفية القسم» في «رأي واحد في المنتصف فوق صورة غامقة» هي اللي ورا الرأي، وبتظهر باهتة شوية عشان الكلام الأبيض يتقري. استخدم صورة لمتجرك أو لمنتجك وهو مستخدم.

شكل القسم

خطوة بخطوة

1. افتح «المميزات» أو ضيفه من «إضافة قسم».
2. دوس «إضافة عنصر».
3. اكتب اسم الميزة ووصف قصير.
4. اختار الأيقونة، أو «صورة ترفعها» في «نوع الأيقونة» وارفع أيقونتك.
5. راجع المعاينة ودوس «نشر».

الإعدادات

• شكل القسم: مميزاتك بتفضل لما تبدّل.
• المميزات: لحد 8. الكمبيوتر 4 جنب بعض، والتابلت 3، والموبايل 1 أو 2 حسب العرض، والزيادة بالسحب.تقدر تضيف لحد ٨
  • اسم الميزة: كلمتين أو تلاتة، زي شحن مجاني.
  • وصف قصير (اختياري): زي التوصيل خلال يومين لكل المدن.
  • نوع الأيقونة: الجاهزة لونها زي لون عناوين متجرك، و«صورة ترفعها» لأيقونات علامتك.
  • الأيقونة: فوق اسم الميزة؛ جنب كل أيقونة مكتوب بتنفع لإيه. للجودة فيه «علامة صح في دايرة (جودة)» و«علامة صح بخط بسيط (جودة)» الأخف.بيظهر لما تختار «أيقونة جاهزة» في «نوع الأيقونة»
  • صورة الأيقونة (مربعة): صغيرة ومربعة فوق الاسم؛ PNG مربعة بخلفية شفافة.بيظهر لما تختار «صورة ترفعها» في «نوع الأيقونة»
• خط فاصل ومسافة فوق المميزات: اقفله لو القسم تحت بانر على طول ومش عايز فاصل.
• المسافة فوق القسم على الموبايل: «العادية للشكل ده» بتاخد «المسافة فوق القسم»؛ صغّرها لو باينة كبيرة على الموبايل.
• المسافة تحت القسم على الموبايل: «العادية للشكل ده» بتاخد «المسافة تحت القسم»؛ صغّرها لو باينة كبيرة على الموبايل.

وكمان «الخيارات المشتركة بين الأقسام» المذكورة في فصل أقسام الصفحة الرئيسية، ما عدا "العنوان"، "تثبيت الصورة وقت النزول في الصفحة (بارالاكس) - مش بيشتغل في «كلمة كبيرة ورا صورة منتج»".

نصايح

• 4 مميزات بيملوا الصف على الكمبيوتر بالظبط.
• اسم قصير ووصف سطر واحد عشان الصف يفضل متساوي.
• صورة الأيقونة مربعة 104×104 أو أكبر، PNG بخلفية شفافة.

خطوة بخطوة

1. افتح «الأسئلة الشائعة» أو ضيفه من «إضافة قسم».
2. اكتب العنوان والوصف.
3. ضيف كل سؤال بإجابته بـ«إضافة عنصر».
4. للزرار اكتب كلامه وحط رابط صفحة الأسئلة أو التواصل.
5. راجع المعاينة ودوس «نشر».

الإعدادات

• الوصف: زي إن دي أكتر الأسئلة اللي بتوصلك. Enter بيبدأ سطر جديد.
• الأسئلة: لحد 12. أول سؤال مفتوح، وفتح سؤال تاني بيقفل اللي قبله.تقدر تضيف لحد ١٢
  • السؤال: بكلام العميل، زي إمتى طلبي يوصل؟
  • الإجابة (السؤال مش بيظهر من غيرها): قصيرة وواضحة. Enter بيبدأ سطر جديد.
• نص الزرار (سيبه فاضي لو مش عايز زرار): زي كل الأسئلة الشائعة أو كلّمنا، والزرار محتاج رابط.
• رابط الزرار (لازم يتحط عشان الزرار يظهر): بيبدأ على صفحة كل المنتجات، فغيّره لصفحة الأسئلة أو التواصل.
• خطوط القسم: الفرق بيبان في الصفحات الإنجليزي مع «هوية المتجر» على «تقني (إلكترونيات)» بس. «خطوط المتجر» بيدّي القسم خطوط متجرك دايمًا.
• المسافة فوق القسم على الموبايل: «العادية للشكل ده» بتاخد «المسافة فوق القسم»؛ صغّرها لو باينة كبيرة على الموبايل.
• المسافة تحت القسم على الموبايل: «العادية للشكل ده» بتاخد «المسافة تحت القسم»؛ صغّرها لو باينة كبيرة على الموبايل.

وكمان «الخيارات المشتركة بين الأقسام» المذكورة في فصل أقسام الصفحة الرئيسية، ما عدا "تثبيت الصورة وقت النزول في الصفحة (بارالاكس) - مش بيشتغل في «كلمة كبيرة ورا صورة منتج»".

نصايح

• من 5 لـ8 أسئلة من اللي بتتسأل فعلًا على الواتساب والرسايل.
• على الكمبيوتر العنوان عمود والأسئلة عمود جنبه، وفي الشاشات الأصغر الأسئلة تحته.
• القسم من غير مسافة فوق وتحت؛ لو لازق اختار «المسافة فوق القسم» و«المسافة تحت القسم».
• القسم مش بيظهر لو مفيش سؤال ليه إجابة.
• «العنوان» ممكن يتقسم سطرين بـEnter، زي عندك سؤال؟ وبعدها إحنا هنا نساعدك.

شكل القسم

خطوة بخطوة

1. اتأكد إن المدونة شغالة في زد وفيها مقالات منشورة.
2. افتح «المدونة» وخلّي «مصدر المقالات» على «تلقائي من مدونة المتجر».
3. لتصنيف واحد: افتح المدونة في متجرك، ودوس على التصنيف، والصق رابطه من المتصفح في خانة التصنيف.
4. اختار «عدد المقالات»، واكتب كلام الزرار لو عايزه.
5. راجع المعاينة ودوس «نشر».

الإعدادات

• شكل القسم: مقالاتك وإعداداتك بتفضل لما تبدّل.
• الكلام تحت العنوان: اختياري: الزائر هيلاقي إيه في المدونة.
• مصدر المقالات: التلقائي بيعرض أحدث مقالاتك المنشورة وبيتحدّث لوحده، ومحتاج المدونة شغالة في زد. «مقالات أكتبها هنا» بيعرض قايمتك بس.
• عدد المقالات: «زي الشكل المختار»: السلايدر بعدد كروته على الكمبيوتر، والشكلين التانيين 4. في «مقال كبير وجنبه قايمة مقالات» العدد بيشمل الكبير.بيظهر لما تختار «تلقائي من مدونة المتجر» في «مصدر المقالات»
• اعرض مقالات تصنيف واحد بس (اختياري): اكتب اسم التصنيف زي ما هو في المدونة أو الصق رابطه، وسيبه فاضي لكل المقالات: الأسهل تلصق رابط التصنيف (من المدونة في متجرك، بعد ما تدوس على التصنيف). لو كتبت بإيدك، اكتب الكلمة اللي في آخر الرابط مش الاسم الظاهر، وإلا مفيش مقالات.بيظهر لما تختار «تلقائي من مدونة المتجر» في «مصدر المقالات»
• مقالات تكتبها هنا (مع المصدر التلقائي بتظهر بس لو مدونة المتجر مقفولة أو فاضية): لحد 12. مع «مقالات أكتبها هنا» هي اللي بتظهر، ومع التلقائي بديل لو المدونة مقفولة أو فاضية. المقال من غير عنوان مش بيظهر.تقدر تضيف لحد ١٢
  • عنوان المقال: لازم عشان المقال يظهر.
  • ملخص المقال (في شكل «مقال كبير وجنبه قايمة» المقال الكبير بيظهر من غير ملخص): جملة أو اتنين بيشجّعوا على القراية؛ خليه قصير.
  • تصنيف المقال (اختياري، بيظهر على الصورة): في ركن الصورة، زي نصايح.
  • تاريخ المقال (اختياري): فوق العنوان زي ما تكتبه، زي 12 سبتمبر 2026.
  • صورة المقال: نفس المقاس لكل المقالات عشان الكروت تتساوى.
  • رابط المقال (لو فاضي: صفحة المدونة): صفحة المقال في مدونتك.
• رابط «اقرأ المزيد» تحت كل مقال: «إظهار» في كل الأشكال، و«إخفاء» من كلها.
• نص زرار «كل المقالات» (سيبه فاضي لو مش عايز زرار): زي كل المقالات، والزرار محتاج رابط.
• رابط زرار «كل المقالات» (لازم يتحط عشان الزرار يظهر): بيبدأ على صفحة المدونة، ومع تصنيف واحد بيفتح صفحة التصنيف لوحده لو سبته زي ما هو.
• عدد المقالات اللي بتظهر مرة واحدة على الكمبيوتر: 3 لكروت أصغر و2 لكروت أكبر. التابلت 2، والموبايل 1 أو 2 حسب العرض.بيظهر مع: «مقالات في سلايدر»
• شكل صورة المقال: «زي الصورة الأصلية» بيسيب كل صورة بشكلها (الكروت ممكن متتساواش)، ومع التلقائي بيدّيها كلها شكل عرضي واحد. الشكل الثابت بيقصهم زي بعض.
• تقليب تلقائي: بيقف تحت الماوس.بيظهر مع: «مقالات في سلايدر»
• مدة كل شريحة قبل ما يقلّب (1000 = ثانية): 5000 يعني 5 ثواني.بيظهر مع: «مقالات في سلايدر»، ولما تفعّل «تقليب تلقائي»
• يرجع لأول شريحة بعد آخر واحدة: بدل ما يقف عند الآخر.بيظهر مع: «مقالات في سلايدر»
• إظهار الأسهم: مش بتظهر على الموبايل (بالسحب هناك).بيظهر مع: «مقالات في سلايدر»
• إظهار النقط تحت السلايدر: خطوط صغيرة بتوري مكان الزائر والدوس بينقله، وبتختفي لو كل المقالات باينة.بيظهر مع: «مقالات في سلايدر»
• المسافة فوق القسم على الموبايل: «العادية للشكل ده» بتاخد «المسافة فوق القسم»؛ صغّرها لو باينة كبيرة على الموبايل.
• المسافة تحت القسم على الموبايل: «العادية للشكل ده» بتاخد «المسافة تحت القسم»؛ صغّرها لو باينة كبيرة على الموبايل.

وكمان «الخيارات المشتركة بين الأقسام» المذكورة في فصل أقسام الصفحة الرئيسية، ما عدا "تثبيت الصورة وقت النزول في الصفحة (بارالاكس) - مش بيشتغل في «كلمة كبيرة ورا صورة منتج»".

نصايح

• القسم بيعرض مقالاتك المكتوبة هنا أو اختفى؟ يا المدونة مقفولة، يا مفيهاش مقالات منشورة، يا التصنيف مالوش مقالات.
• صور المقالات 1200×800، ونفس المقاس للكل.
• مع التلقائي العنوان والملخص سطرين بالكتير والباقي بيتقص، فخلّي ملخصات المدونة قصيرة.
• مع التلقائي المقالات بتظهر بعد لحظة في مكان محجوز، فالصفحة مش بتتهز.

خطوة بخطوة

1. افتح «معرض صور (على طريقة انستجرام)» أو ضيفه من «إضافة قسم».
2. ضيف صورة بـ«إضافة عنصر».
3. رابط المنتج ووصف الصورة اختياريين.
4. اكتب كلام زرار حسابك وحط رابطه.
5. راجع المعاينة ودوس «نشر».

الإعدادات

• الكلام تحت العنوان: اختياري، زي هاشتاج متجرك أو دعوة للعملاء يشاركوا صورهم.
• الصور: لحد 20. الكمبيوتر بيعرض 5، والتابلت 3، والموبايل 2 أو 3 حسب العرض، والباقي بيتقلب.تقدر تضيف لحد ٢٠
  • وصف الصورة لجوجل وقارئ الشاشة (alt) - اختياري: زي عميلة لابسة العباية السودا. مش بيظهر مكتوب.
  • الصورة: بتتقص مربعة، فخلّي المهم في النص. العنصر من غير صورة مش بيظهر.
  • الرابط (اختياري: لما الماوس يقف على الصورة بيظهر زرار يفتحه): على الموبايل والتابلت زرار العين ظاهر على طول. حط رابط المنتج اللي في الصورة عشان تبقى طريق للشرا.
• نص زرار الحساب (زي «تابعنا على انستجرام» - الزرار بيظهر لما تكتب النص والرابط): زي تابعنا على انستجرام أو اسم حسابك، والزرار بيفتح حسابك في تاب جديد.
• رابط زرار الحساب (لازم يتحط عشان الزرار يظهر): انستجرام أو أي منصة تانية.
• تقليب تلقائي: بيقف تحت الماوس.
• مدة كل شريحة قبل ما يقلّب (1000 = ثانية): 5000 يعني 5 ثواني.بيظهر لما تفعّل «تقليب تلقائي»
• يرجع لأول شريحة بعد آخر واحدة (بيشتغل من 6 صور): بأقل من 6 صور بيفضل مقفول.
• إظهار الأسهم: على الكمبيوتر العريض بس؛ الأصغر بالسحب.
• إظهار النقط تحت السلايدر: بتوري مكان الزائر والدوس بينقله، وبتختفي لو كل الصور باينة.
• المسافة فوق القسم على الموبايل: «العادية للشكل ده» بتاخد «المسافة فوق القسم»؛ صغّرها لو باينة كبيرة على الموبايل.
• المسافة تحت القسم على الموبايل: «العادية للشكل ده» بتاخد «المسافة تحت القسم»؛ صغّرها لو باينة كبيرة على الموبايل.

وكمان «الخيارات المشتركة بين الأقسام» المذكورة في فصل أقسام الصفحة الرئيسية، ما عدا "تثبيت الصورة وقت النزول في الصفحة (بارالاكس) - مش بيشتغل في «كلمة كبيرة ورا صورة منتج»".

نصايح

• الصور مربعة و700×700 مناسب؛ المهم في النص لأن الأطراف ممكن تتقص.
• ارفع 6 صور أو أكتر؛ الكمبيوتر بيعرض 5، فبأقل من 6 السلايدر مش هيتحرك ولا هيرجع للأول.
• صور بنفس الإحساس والإضاءة بتبان زي حساب واحد مترتب.

خطوة بخطوة

1. لجدول مقاسات افتح «صفحة المنتج».
2. شغّل «إظهار زرار «جدول المقاسات»».
3. ارفع الجدول في «صورة جدول المقاسات»، والملاحظات في «كلام جدول المقاسات».
4. جرّب الزرار في أي منتج ودوس «نشر».

الإعدادات

• شكل صور المنتج: «سلايدر وصور مصغّرة» صورة كبيرة وجنبها أو تحتها صور صغيرة، و«شبكة عمودين» صورتين في كل صف، و«الصور تحت بعض» كل صورة بعرضها، و«عمود واحد، ومعلومات المنتج ثابتة جنبه» السعر وزرار الشراء بيفضلوا ظاهرين جنب الصور والعميل نازل.
• مكان الصور المصغّرة (في شكل «سلايدر وصور مصغّرة» بس): جنب الصورة الكبيرة أو تحتها. في الشاشات الأصغر من الكمبيوتر الكبير دايمًا تحت.بيظهر لما تختار «سلايدر وصور مصغّرة» في «شكل صور المنتج»
• تكبير الصورة: جوه الصورة، أو لوحة جنبها (الشاشات العريضة بس)، أو عدسة دايرية بتمشي مع الماوس، أو من غير. بيشتغل بالماوس على الكمبيوتر وفي «سلايدر وصور مصغّرة» بس؛ الموبايل بيفتح الصورة بملء الشاشة لو «فتح الصورة بملء الشاشة لما العميل يدوس عليها» شغال.
• فتح الصورة بملء الشاشة لما العميل يدوس عليها: العميل بيقلّب فيها بين كل صور المنتج. مهم جدًا للموبايل.
• إظهار كود المنتج (SKU): كود زد تحت اسم المنتج، لو المنتج أو الخيار المختار ليه كود. مفيد لو عملاءك بيطلبوا بالكود.
• إظهار عدد مرات البيع: سطر زي «تم بيعه أكثر من 25 مرة» تحت الاسم، بعد أول بيع. بيدّي العميل ثقة.
• إظهار عداد نهاية العرض: عداد تحت السعر بالأيام والساعات والدقايق والثواني، للتخفيض اللي ليه تاريخ نهاية في زد.
• شكل اختيار اللون والمقاس: لأزرار الخيارات زي المقاس؛ «قائمة منسدلة» للخيارات الكتير. خيار اللون بيظهر دواير ملوّنة لوحده لو اسمه فيه كلمة «لون» وكل قيمه أسماء ألوان (أحمر، أبيض، بيج...)، وفي «قائمة منسدلة» جنب كل لون نقطة بلونه.
• إظهار زرار «جدول المقاسات»: زرار تحت الخيارات بيفتح نافذة الجدول، في صفحة كل منتج؛ يعني جدول واحد للمتجر كله.
• اسم زرار جدول المقاسات وعنوان نافذته (لو فاضي: «جدول المقاسات»): زي «دليل المقاسات» أو «مقاسات الأحذية».بيظهر لما تفعّل «إظهار زرار «جدول المقاسات»»
• صورة جدول المقاسات: بتظهر بعرض النافذة من غير قص.بيظهر لما تفعّل «إظهار زرار «جدول المقاسات»»
• كلام جدول المقاسات: تحت الصورة، زي طريقة القياس أو نصيحة بين مقاسين. كل سطر بيظهر لوحده.بيظهر لما تفعّل «إظهار زرار «جدول المقاسات»»
• إظهار شريط «فاضل كام قطعة» (للمنتجات اللي كميتها محددة): شريط المتاح والمباع (زي «متوفر: 5» و«مباع: 20») بيشجّع الشراء قبل ما يخلص. للمنتجات اللي كميتها محددة في زد واتباع منها.
• إظهار أزرار المشاركة: على فيسبوك وبنترست وإكس وواتساب.
• سطور معلومات إضافية (زي الشحن والاسترجاع): سطور بأيقونة تحت زرار الشراء في كل منتج، زي «شحن مجاني فوق 200 ريال» أو «استرجاع خلال 14 يوم». النظرة السريعة (زرار العين على الكارت) بتعرض أول 3 بس.تقدر تضيف لحد ٦
  • نص السطر: جملة قصيرة وواضحة.
  • الأيقونة: اختار اللي يعبّر عن الجملة، زي «عربية شحن (شحن)» أو «سهم رجوع (استرجاع واستبدال)».
• إظهار أيقونات طرق الدفع: طرق الدفع المفعّلة في زد، تحت زرار الشراء، عشان تطمّن العميل.
• الكلام فوق أيقونات الدفع (لو فاضي: «الدفع الآمن مضمون»): زي «ادفع بأمان».بيظهر لما تفعّل «إظهار أيقونات طرق الدفع»
• شكل الوصف والتابات: للوصف والتقييمات والأسئلة والتابات الإضافية تحت المنتج. على الموبايل والتابلت «تابات على الجنب» بتبقى تابات عادية فوق المحتوى.
• تابات إضافية جنب الوصف: جنب «الوصف» في كل منتج، زي «الشحن والتوصيل» أو «طريقة الاستخدام». التاب بيظهر بس لو ليه اسم ومحتوى الاتنين.تقدر تضيف لحد ٦
  • اسم التاب: اللي العميل بيدوس عليه.
  • محتوى التاب: كل سطر بيظهر لوحده.
• إظهار منتجات مشابهة («قد يعجبك أيضًا»): سلايدر تحت الصفحة بالمنتجات المرتبطة بالمنتج ده في زد، ومن غيرها مش بيظهر.
• إظهار «شوهدت مؤخرًا»: المنتجات اللي العميل فتحها قبل كده، محفوظة على جهازه بس. مع المنتجات المشابهة الاتنين بيبقوا تابين جنب بعض.
• شريط «أضف للسلة» بيفضل ظاهر تحت الشاشة وانت نازل في الصفحة: بعد ما العميل يعدّي زرار الشراء، بيظهر شريط بصورة المنتج وسعره و«أضف إلى السلة» عشان يشتري من غير ما يطلع. الموبايل بيعرض الزرار بالسعر بس، والشريط بيختفي لو المنتج مش متاح.

نصايح

• إطار الصور هنا بيمشي على «شكل صورة المنتج» و«الصورة جوه الكارت» في «كارت المنتج»؛ غيّرهم من هناك لصورك الطولية أو العرضية.
• ارفع صور المنتج بنفس المقاس والخلفية. الصورة الكبيرة لحد 1200 بكسل عرض، فـ1200×1200 (أو 1200×1600 للطولية) واضحة وتستحمل التكبير.
• جدول المقاسات واحد لكل المنتجات؛ فكّر قبل تشغيله لو بتبيع حاجات من غير مقاسات (زي العطور) جنب الملابس.
• سطور المعلومات مكان ممتاز لسياسة الشحن والاسترجاع؛ من 2 لـ4 سطور كفاية.
• تابي التقييمات والأسئلة بيظهروا لوحدهم لو مفعّلين في إعدادات متجرك على زد.

• عنوان الصفحة (لو فاضي: «سلة التسوق»): زي «سلتك» أو «مشترياتك».
• الكلام تحت العنوان: سطر صغير زي «الدفع عند الاستلام متاح»، أو فاضي.
• إظهار عرض الخصم التدريجي من زد (كل ما السلة تكبر الخصم يزيد): عرض زد التدريجي بيظهر فوق منتجات السلة عشان العميل يزوّد ويوصل للخصم.
• إظهار شريط الشحن المجاني: لو عندك في زد شحن مجاني فوق مبلغ، بتظهر في ملخص الطلب رسالة زي «أضف منتجات بقيمة 50 ر.س لتحصل على شحن مجاني» وزرار «اقرأ المزيد» بالمدن المشمولة.
• إظهار خانة كود الخصم: خانة «قسيمة الخصم». اقفلها لو مش بتستخدم أكواد، عشان العميل ميسيبش السلة يدوّر على كود.
• رابط «أو تابع التسوق» و«تسوّق الآن» (لو فاضي: الرئيسية وصفحة المنتجات): لـ«أو تابع التسوق» تحت زرار الطلب و«تسوّق الآن» في السلة الفاضية؛ مثلًا تصنيف العروض. لصفحة السلة بس؛ روابط السلة الجانبية ثابتة.

نصايح

• شريط الشحن المجاني والخصم التدريجي من إعدادات زد؛ لو مش ظاهرين اعمل العرض أو قاعدة الشحن المجاني الأول.
• المنتجات المقترحة من «اقتراحات السلة».
• لبانر فوق أو تحت السلة، ضيفه من «الإعلانات الداخلية» وعلّم «صفحة السلة».

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

نصايح

• اللوحة بتتفتح لوحدها بعد الإضافة لو «فتح السلة الجانبية بعد إضافة منتج (في كل المتجر، مش من الكروت بس)» شغال في «كارت المنتج».
• الخلفية الغامقة محتاجة «لون النص» فاتح.
• المنتجات المقترحة من «اقتراحات السلة».
• لو الهدايا شغالة في زد، بيظهر سطر «اجعلها هدية» بيودّي لصفحة السلة لبيانات الهدية.

شكل الفوتر

خطوة بخطوة

1. فعّل طرق الدفع في لوحة زد؛ أيقوناتها بتيجي لوحدها.
2. افتح «الفوتر» وبعدين مجموعة «الفوتر».
3. شغّل «إظهار أيقونات طرق الدفع».
4. دوس «نشر»؛ الأيقونات في آخر سطر وبتفتح صفحة الشحن والدفع.

الإعدادات

• شكل الفوتر: أعمدتك ونصوصك بتفضل زي ما هي لما تبدّل.
• إظهار الشعار بدل عنوان «عن المتجر»: شعار الهيدر أول عمود المتجر. اقفلها لعنوان مكتوب زي «متجرنا».بيظهر مع: «فاتح: الشعار فوق بيانات المتجر»
• إظهار عمود «حسابي» (الدخول والطلبات والمفضلة): فيه «تسجيل الدخول» و«طلباتي» و«المفضلة» و«السلة». مفيد للعملاء اللي بيرجعوا يطلبوا.
• إظهار الكلام الكبير ثابت تحت الأعمدة: الجملة اللي في الخانة اللي تحت، ثابتة في النص. مقفول من الأول.بيظهر مع: «مميزات المتجر فوق الأعمدة»
• الكلام الكبير في آخر الفوتر (في شكل «غامق» بيتحرك، وفي شكل «مميزات المتجر فوق الأعمدة» ثابت تحت الأعمدة): زي شعار متجرك أو وعدك. في «مميزات المتجر فوق الأعمدة» محتاجة الاختيار اللي فوقها، وباقي الأشكال مش بتعرضها.
• إظهار الرقم الضريبي والسجل التجاري والمركز السعودي للأعمال: المركز السعودي للأعمال، والرقم الضريبي بعلامة هيئة الزكاة، والسجل التجاري بعلامة وزارة التجارة، كل واحد لو رقمه موجود. بيطمّن العميل، فسيبه شغال.
• الرقم الضريبي (لو مش مكتوب في بيانات متجرك في زد): رقم زد بيغلب لو موجود.بيظهر لما تفعّل «إظهار الرقم الضريبي والسجل التجاري والمركز السعودي للأعمال»
• رقم السجل التجاري (لو مش مكتوب في بيانات متجرك في زد): زد ساعات مش بيبعت الرقم للمتجر حتى لو مسجّل في حسابك، فلو مش ظاهر اكتبه هنا.بيظهر لما تفعّل «إظهار الرقم الضريبي والسجل التجاري والمركز السعودي للأعمال»
• إظهار روابط تطبيقات المتجر: أزرار App Store وGoogle Play. اقفلها لو معندكش تطبيق، لأنها جاية برابط مثال.
• رابط تطبيقك على App Store (لو تطبيقك من زد، رابطه بيتحط لوحده): لو تطبيقك مش من زد، حط رابطه مكان الرابط المكتوب.بيظهر لما تفعّل «إظهار روابط تطبيقات المتجر»
• رابط تطبيقك على Google Play (لو تطبيقك من زد، رابطه بيتحط لوحده): لو تطبيقك مش من زد، حط رابطه مكان الرابط المكتوب.بيظهر لما تفعّل «إظهار روابط تطبيقات المتجر»
• إظهار الدولة واللغة: في آخر سطر. «إخفاء زرار الدولة» أو «إخفاء زرار اللغة» في الهيدر بيشيل الزرار من هنا كمان.
• جملة الحقوق (لو فاضية: «© اسم متجرك. جميع الحقوق محفوظة.»): اكتبها بس لصيغة تانية، زي سنة التأسيس.
• إظهار أيقونات طرق الدفع: طرق الدفع المفعّلة في زد، وكل أيقونة بتفتح صفحة الشحن والدفع. سيبها شغالة عشان العميل يلاقي طريقته.

نصايح

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

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

نصايح

• الرقم والإيميل والسوشيال بتتعدّل من بيانات متجرك في زد، مش من هنا.

خطوة بخطوة

1. افتح «الفوتر» وبعدين «العمود الأول».
2. اكتب «عنوان العمود»، زي «تسوق».
3. ضيف رابط في «الروابط»: «نص الرابط» والصفحة في «الرابط».
4. كرر لحد ٨ ودوس «نشر».

الإعدادات

• إخفاء العمود ده: روابطه بتفضل محفوظة، فترجّعه وقت ما تحب.
• عنوان العمود: زي «تسوق» أو «خدمة العملاء». على الموبايل العميل بيدوس عليه يفتح العمود.
• الروابط: بالترتيب، لحد ٨. العمود محتاج رابط واحد على الأقل بـ«نص الرابط» و«الرابط».تقدر تضيف لحد ٨
  • نص الرابط: زي «سياسة الاسترجاع». لازم عشان الرابط يظهر.
  • الرابط: زي /faqs أو أي صفحة في متجرك. لازم عشان الرابط يظهر.

نصايح

• اكتب الصفحة من أول / (زي /products أو /faqs) بدل العنوان الكامل، فعميل الإنجليزي يروح للصفحة الإنجليزية لوحده.
• قسّم الروابط: عمود للتسوق، وعمود لخدمة العملاء والسياسات، وعمود للباقي.
• «العمود التاني» و«العمود التالت» بنفس الطريقة.

• إخفاء العمود ده: روابطه بتفضل محفوظة، فترجّعه وقت ما تحب.
• عنوان العمود: زي «خدمة العملاء». على الموبايل العميل بيدوس عليه يفتح العمود.
• الروابط: بالترتيب، لحد ٨. العمود محتاج رابط واحد على الأقل بـ«نص الرابط» و«الرابط».تقدر تضيف لحد ٨
  • نص الرابط: زي «الشحن والدفع». لازم عشان الرابط يظهر.
  • الرابط: زي /shipping-and-payment. لازم عشان الرابط يظهر.

• إخفاء العمود ده: روابطه بتفضل محفوظة، فترجّعه وقت ما تحب.
• عنوان العمود: زي «روابط» أو «اعرف أكتر». على الموبايل العميل بيدوس عليه يفتح العمود.
• الروابط: بالترتيب، لحد ٨. العمود محتاج رابط واحد على الأقل بـ«نص الرابط» و«الرابط».تقدر تضيف لحد ٨
  • نص الرابط: زي «من نحن». لازم عشان الرابط يظهر.
  • الرابط: صفحة في متجرك أو موقع برّه. لازم عشان الرابط يظهر.

خطوة بخطوة

1. في Mailchimp افتح كود فورم الاشتراك (Embedded form) لقائمتك، وانسخ الرابط اللي فيه list-manage.com.
2. افتح «الفوتر» وبعدين «النشرة البريدية».
3. الصقه في «رابط فورم خدمة الإيميلات زي Mailchimp (اختياري - لو فاضي: بيظهر زرار يعمل حساب في متجرك)».
4. سيب «اسم خانة الإيميل في الفورم ده (سيبه EMAIL لو مش متأكد)» زي ما هو.
5. دوس «نشر»، واشترك بإيميلك واتأكد إنه وصل لقائمتك.

الإعدادات

• إظهار النشرة البريدية: عمود النشرة في الفوتر.
• مكان النشرة البريدية لما يبقى فيه تلات أعمدة روابط أو أكتر، وعمود «حسابي» بيتحسب (في الفوتر «فاتح: الشعار فوق بيانات المتجر» بس): «عمود لوحده جنب الروابط» بيخلّي النشرة في نفس الصف بدل ما تنزل تحت بيانات المتجر وتسيب فراغ تحت الروابط.بيظهر لما تفعّل «إظهار النشرة البريدية»
• العنوان (لو فاضي: «النشرة البريدية»): زي «خليك أول من يعرف».
• الوصف: العميل هيستفيد إيه، زي «عروض حصرية ومنتجات جديدة كل أسبوع».
• رابط فورم خدمة الإيميلات زي Mailchimp (اختياري - لو فاضي: بيظهر زرار يعمل حساب في متجرك): مع رابط الخدمة العميل بيشوف خانة إيميل بتبعت للخدمة على طول. من غيره زرار «أنشئ حسابك لتصلك عروضنا» بيفتح الدخول والتسجيل، والمسجل بيشوف «إدارة اشتراكك في النشرة البريدية».
• اسم خانة الإيميل في الفورم ده (سيبه EMAIL لو مش متأكد): Mailchimp بيستخدم EMAIL، فغيّره بس لو خدمتك بتسميه غير كده. من غير رابط فورم مالوش لازمة.
• ملاحظة صغيرة تحت خانة الاشتراك (اختياري): زي إن العميل يقدر يلغي اشتراكه في أي وقت.

نصايح

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

خطوة بخطوة

1. من «الفوتر» ومجموعة «الفوتر» خلّي «شكل الفوتر» على «مميزات المتجر فوق الأعمدة».
2. افتح «مميزات المتجر في الفوتر» وضيف ميزة.
3. اكتب «اسم الميزة» زي «شحن سريع»، و«وصف قصير (اختياري)» زي «خلال ٢ لـ٤ أيام».
4. اختار «الأيقونة» أو ارفع «صورة بدل الأيقونة (اختياري)».
5. كرر لحد ٦ ودوس «نشر».

الإعدادات

• المميزات (بتظهر في شكل «مميزات المتجر فوق الأعمدة» بس): جنب بعض، ولو المساحة ضاقت بتنزل سطر جديد. الميزة من غير اسم مش بتظهر.تقدر تضيف لحد ٦
  • اسم الميزة: كلمتين أو تلاتة، زي «استرجاع مجاني». لازم عشان الميزة تظهر.
  • وصف قصير (اختياري): زي «خلال ١٤ يوم من الاستلام».
  • الأيقونة: ١٥ أيقونة بلون كلام الفوتر؛ اختار الأقرب، زي «عربية شحن (شحن)» للتوصيل و«درع (ضمان وحماية)» للضمان.
  • صورة بدل الأيقونة (اختياري): مربعة، 120×120 بكسل أو أكبر، والأحسن PNG بخلفية شفافة. بتظهر بدل الأيقونة المختارة.

نصايح

• الصورة بتظهر مربعة صغيرة، فالشكل البسيط بلون واحد أوضح من الصورة المليانة تفاصيل.
• استخدم نفس وعود متجرك (الشحن والاسترجاع والدفع)، ومتكتبش وعد مش هتنفّذه.

خطوة بخطوة

1. ما دوستش «نشر»: التعديلات مسودة محدش شايفها غيرك.
2. القسم مخفي: شيل «إخفاء القسم»، أو اختار «عرض» من القايمة اللي جنب اسمه.
3. المحتوى الأساسي فاضي: زي بانر صورته لازمة ولسه ما اترفعتش، أو «الأسئلة الشائعة» من غير إجابات، أو «سلايدر المنتجات» من غير منتجات.
4. مصدر المنتجات فاضي: زي «منتجات التصنيف» لتصنيف فاضي، أو «أحدث المنتجات المخفضة» ومفيش خصومات.
5. فاتح اللغة التانية: الإنجليزي ليه أقسامه لوحده؛ شوف السؤال اللي بعده.

خطوة بخطوة

1. بدّل المحرر للإنجليزي وكرّر التعديل.
2. لنقل قسم من الرئيسية: «نسخ القسم إلى اللغة الإنجليزية» من القايمة اللي جنب اسمه، وبعدين ترجم كلامه.
3. في «أعلى الصفحة» و«أسفل الصفحة» و«إعدادات الصفحة» أيقونة نسخ صغيرة جنب اسم كل مجموعة.
4. راجع الإنجليزي قبل «نشر»؛ الرئيسية الإنجليزي الفاضية بتظهر فاضية للعملاء.

خطوة بخطوة

1. افتح المنتج في لوحة زد.
2. من غير خيارات: حط الكمية أو خليها غير محدودة.
3. بخيارات: حط كمية لكل خيار (كل مقاس وكل لون).
4. احفظ وافتح المنتج في المتجر تاني.

نصايح

• في «اقتراحات السلة» سيب «إظهار المنتجات اللي خلصت» مقفولة عشان متتقترحش.

خطوة بخطوة

1. افتح المنتج في لوحة زد واتأكد إن سعر الخصم مكتوب.
2. بخيارات: حط سعر الخصم على كل خيار؛ زد بيحسب سعر المنتج من خياراته، وصفحة المنتج بتعرض سعر الخيار المختار.
3. نسبة الخصم مش على الصورة؟ فعّل «إظهار نسبة الخصم على الصورة» في «كارت المنتج» من «إعدادات الصفحة».

نصايح

• الخصم اللي ليه تاريخ نهاية بيعرض عداد على الكارت؛ لشيله اقفل «إظهار عداد نهاية العرض» في «كارت المنتج»، ونفس الخانة في «صفحة المنتج» لصفحة المنتج.
• لونه من «لون سعر الخصم» في «الألوان الأساسية».

خطوة بخطوة

1. غيّر «مصدر المقالات» من «مقالات أكتبها هنا» لـ«تلقائي من مدونة المتجر».
2. اتأكد إن المدونة مفعّلة في زد وفيها مقالات منشورة.
3. لو كاتب تصنيف في الخانة اللي تحت «عدد المقالات»: الصق رابط التصنيف بداله (الاسم المكتوب بيشتغل بس لو هو نفس آخر الرابط)، واتأكد إن فيه مقالات منشورة، أو فضّي الخانة لكل المقالات.

خطوة بخطوة

1. ادخل على كل عنصر واختار «التصنيف» بتاعه.
2. لتصنيفاتك المختارة بس، اقفل «هات تصنيفات المتجر تلقائي بدل «التصنيفات» اللي فوق (ولو «التصنيفات» فاضية بتيجي تلقائي برضه)».
3. «الصورة (اختياري)» الفاضية بتعرض صورة التصنيف من زد، فارفع صورة للتصنيف في لوحة زد أو في العنصر.

خطوة بخطوة

1. فعّل «إظهار زرار واتساب».
2. اكتب الرقم في «رقم واتساب بكود الدولة، زي 966500000000 (لو فاضي: رقم المتجر)». الفاضي بياخد رقم متجرك في زد، ولو مفيش رقم الزرار مش هيظهر.
3. اختار «لون زرار واتساب» و«لون الأيقونة والكلام على زرار واتساب».
4. لإخفائه من الموبايل بس فعّل «إخفاء زرار واتساب على الموبايل».

نصايح

• الإعدادات دي لكل لغة لوحدها: غيّرها في المحرر الإنجليزي كمان، أو انسخ المجموعة بأيقونة النسخ جنب اسمها وترجم «رسائل الترحيب».

خطوة بخطوة

1. ارفع الشعار في «الشعار»، والأحسن PNG بخلفية شفافة وارتفاعه ١٧٥ أو أكتر.
2. لشعار مختلف للموبايل ارفعه في «شعار الموبايل (اختياري)».
3. ظبّط حجمه من «ارتفاع الشعار» و«ارتفاع الشعار على الموبايل».
4. دوس «نشر».

نصايح

• الشعار مش على خط الأيقونات؟ سيب «ظبط مكان الشعار تلقائي عشان يبان في نص الصف مع الأيقونات» متفعّلة، أو حرّكه من «تحريك الشعار لفوق أو لتحت (بالسالب يطلع لفوق)».

خطوة بخطوة

1. لشيلها: اقفل «إظهار شاشة التحميل».
2. لظهور أقل: «بيظهر كل قد إيه» على «مرة في كل زيارة» أو «مرة كل 24 ساعة».
3. لاختفاء أسرع: «أقل مدة للشاشة (1000 = ثانية، و0 = تختفي أول ما الصفحة تجهز)» على 0.

نصايح

• في محرر زد الشاشة بتظهر مع كل تحديث للمعاينة مهما اخترت، عشان تشوفها؛ عملاءك بيشوفوها حسب «بيظهر كل قد إيه».

خطوة بخطوة

1. خلّي الرئيسية مركّزة: اخفي أو امسح الأقسام اللي مش محتاجها.
2. فعّل «القسم ده أول حاجة في الصفحة؟ فعّلها عشان أول صورة فيه تحمّل على طول» في أول قسم بس؛ «السلايدر الرئيسي» بيعمل كده لوحده.
3. الفيديو المرفوع في «السلايدر الرئيسي» أتقل من الصورة: فيديو قصير وخفيف، أو صورة.
4. كل كود في «أكواد مخصصة» بيتحمّل في كل صفحة؛ شيل اللي مش مستخدمه.

نصايح

• لصفحة أهدى: اقفل «تقليب تلقائي» في السلايدرات، و«العناوين والكروت تظهر بحركة خفيفة وانت نازل في الصفحة» في «الهوية».
• شاشة التحميل بتفضل ٠٫٤ ثانية على الأقل من غير تغيير؛ للظهور على طول خلّي «أقل مدة للشاشة (1000 = ثانية، و0 = تختفي أول ما الصفحة تجهز)» على 0 أو اقفلها.

خطوة بخطوة

1. اتأكد إن «إظهار النافذة الإعلانية» متفعّلة، وإن في «شرايح النافذة» شريحة فيها صورة أو عنوان أو كلام، وإن «الصفحات اللي تظهر فيها» فيها صفحتك.
2. عشان تظهر تاني للكل (وانت منهم) غيّر «اسم الحملة (غيّره عشان النافذة تظهر تاني للي شافها قبل كده)».
3. مع «إخفاء على الموبايل» مش بتظهر على الموبايل.
4. بتستنى الثواني اللي في «تظهر بعد كام ثانية من فتح الصفحة».

خطوة بخطوة

1. حط روابطك في «رابط تطبيقك على App Store (لو تطبيقك من زد، رابطه بيتحط لوحده)» و«رابط تطبيقك على Google Play (لو تطبيقك من زد، رابطه بيتحط لوحده)».
2. ملكش تطبيق؟ اقفل «إظهار روابط تطبيقات المتجر».

خطوة بخطوة

1. ما نشرتش: «التراجع عن جميع التغييرات» بيرجّع النسخة المنشورة، وبيلغي كمان أي تعديل تاني ما اتنشرش.
2. نشرت: من «سجل التعديلات» دوس «استعادة» على أحدث نسخة («النسخة الحالية»)، فترجع النسخة اللي كانت منشورة قبل آخر نشر. راجعها ودوس «نشر».
3. معاك ملف مصدّر؟ «استيراد» واختاره، فتخصيصك يرجع زي ما كان باللغتين، وبعدين «نشر».

نصايح

• «سجل التعديلات» مش بيحفظ اللي ما اتنشرش، فدوس «تصدير» قبل أي تصميم عشان يبقى معاك نسخة.