محتوى المقال
قبل ما يقرأ الزائر وصف منتجك أو يشوف السعر، يحكم على متجرك من شكله في أول ثواني. وفي سلة تقدر تتحكم في التصميم بدون كود، حتى لو كان متجرك على باقة بيسك.
هنا نمشي معك على المكان اللي تعدّل منه تصميم متجرك، والعناصر المتاحة للصفحة الرئيسية، وكيف تستفيد منها بطريقة تخدم البيع، مو بس الشكل.
باختصار: التصميم كله من المتجر وقنوات البيع ← تصميم المتجر ← تخصيص. الصفحة الرئيسية تتكوّن من عناصر تضيفها وترتّبها بالسحب، وكل تعديل تشوفه مباشرة في المعاينة.
من وين تبدأ تعديل التصميم؟
- من القائمة الرئيسية في لوحة التحكم، اضغط المتجر وقنوات البيع، ثم تصميم المتجر.
- بتظهر لك الثيمات المفعّلة في متجرك. من الثيم اللي تبغى تعدّله اضغط تخصيص (في بعض الشاشات يظهر الزر باسم تخصيص النسخة).
من هنا تنفتح لك صفحة التخصيص، وفيها كل شي يخص شكل المتجر.
وش تقدر تعدّل من صفحة التخصيص؟
صفحة التخصيص مقسومة لخمسة أجزاء، وكل جزء له دور واضح:
| الجزء | وش يتحكم فيه |
|---|---|
| صفحات المتجر | عناصر الصفحة الرئيسية، صفحة تفاصيل المنتج، صفحة التصنيفات، الصفحات التعريفية، ورأس وذيل الصفحة |
| هوية وبيانات المتجر | الهوية الأساسية للمتجر وبياناته |
| خيارات التصميم | الألوان، شكل بطاقة المنتج، وإعدادات مشتركة بين الصفحات |
| تخصيص متقدم | محرر CSS وJS لمن يبغى يغيّر التنسيقات الافتراضية |
| خدمات إضافية | عناصر تصميم إضافية، خدمات التاجر، وتطبيقات مقترحة |
خيارات تصميم صغيرة لكنها تفرق
داخل خيارات التصميم فيه إعدادات سهل تمر عليها بسرعة، مع إنها هي اللي تعطي المتجر إحساس مرتب:
- توحيد ارتفاع المنتجات في الرئيسية والتصنيفات، عشان ما تطلع البطاقات متفاوتة لما تختلف أطوال أسماء المنتجات.
- تثبيت زر الإضافة والكمية أسفل شاشة الجوال، وهذا مفيد إذا أغلب زوارك يتصفحون من الجوال، لأن زر الشراء يبقى قدامهم وهم ينزلون في الصفحة.
- استخدام الأرقام العربية إذا تفضّلها.
- حماية محتوى المتجر.
- طريقة عرض الصور في سليدر صور المنتج وتكبير الصور، وهذي تهم المنتجات اللي يبغى العميل يشوف تفاصيلها.
- عرض زر الكل، وإظهار الوسوم.
عناصر الصفحة الرئيسية: وش كل عنصر ومتى تستخدمه
الصفحة الرئيسية في سلة تنبني من عناصر. تضيفها من تبويب عناصر الصفحة الرئيسية ثم إضافة عنصر جديد، وتختار من القائمة.
العناصر والمقاسات هنا حسب ثيم رائد كما في مركز مساعدة سلة، وممكن تختلف شوي من ثيم لثيم.
| العنصر | وش يعرض | ملاحظة مهمة |
|---|---|---|
| صور متحركة | بنرات تتبدّل، ولكل صورة رابط | حتى 10 صور، وهو الأنسب للبنرات لأن الصورة تظهر كاملة |
| صور متحركة (محسّنة) | صور بعنوان رئيسي ونص أصغر منه | حتى 10 صور بمقاس 900×600، وما يناسب البنرات |
| بانر عريض | بنر عريض واحد | مقاس 728×90 أو أي مقاس تبغاه، ويربط بمنتج أو تصنيف أو عرض خاص أو صفحة أو ماركة |
| روابط سريعة | أيقونات بعناوين وروابط | تقدر تضيف أكثر من 50 رابط، وتدمجها مع العنصر اللي قبلها |
| صور مربعة (محسّنة) | صور بروابط وعنوان وعنوان فرعي | مناسبة لعرض الأقسام |
| منتجات مميزة | منتج تبرزه مع مجموعة منتجات | تتحكم بطريقة العرض واختيار المنتجات |
| منتجات ثابتة | شبكة منتجات | تحدد العنوان ونوع المنتجات وعددها |
| منتجات متحركة | شريط منتجات يتمرّر | تحدد العنوان ونوع المنتجات وعددها |
| منتجات متحركة مع خلفية | منتجات فوق صورة خلفية | صورة ثابتة مع عنوان رئيسي وفرعي |
| آراء العملاء | تقييمات عملائك | أحدث التقييمات أو الأعلى أو عشوائي، وحتى 30 تقييم |
| مميزات المتجر | ثلاث مميزات بصورة ونص | مثل الشحن أو طرق الدفع أو الضمان |
| خلفية ثابتة | صورة بعنوان وزر «طالع المزيد» | الزر يربط بمنتج أو تصنيف أو عرض أو رابط خارجي |
| فيديو يوتيوب | فيديو داخل الصفحة | تلصق رابط المشاركة فقط |
| الماركات التجارية، قائمة عناصر | شعارات الماركات، أو صور مربعة بروابط | حسب نشاطك |
ترتيب منطقي تبدأ منه
ما فيه ترتيب واحد يناسب كل المتاجر، لكن هذا ترتيب منطقي تقدر تبدأ منه وتعدّل عليه:
- صور متحركة فيها عرضك أو أهم منتج عندك.
- روابط سريعة أو صور مربعة للأقسام، عشان الزائر يوصل لاللي يبغاه بضغطة.
- منتجات ثابتة أو متحركة لأكثر المنتجات طلباً.
- مميزات المتجر: الشحن، الدفع، أي شي يطمّن العميل.
- آراء العملاء، لأن الزائر غالباً يثق في كلام عميل اشترى قبله.
- بانر عريض لعرض موسمي أو قسم تبغى تبرزه.
أقسام تتحدّث لحالها بالوسوم
إذا عندك عروض موسمية مثل رمضان أو العيد، فيه طريقة تخلّي القسم يتحدّث بدون ما ترجع للتصميم كل مرة:
- أضف وسم للمنتجات اللي تبغاها في العرض.
- في عنصر منتجات متحركة أو منتجات ثابتة، اختر نوع المنتجات منتجات من وسم، وحدد العدد والوسم.
- اكتب عنوان يناسب الحملة، مثل «عروض رمضان».
بعدها أي منتج جديد تضيف له نفس الوسم يظهر في القسم تلقائياً.
التحكم بالعناصر والمعاينة
كل عنصر تضيفه له قائمة خيارات (...) تقدر منها:
- تخفيه وترجّعه وقت ما تبغى، بدل ما تحذفه وتعيد إعداده من جديد.
- تكرّره بكل إعداداته، وهذا يوفر عليك وقت لما تبغى قسمين بنفس الشكل.
- تعيد تسميته باسم يوضح محتواه، عشان ما تضيع بين العناصر.
- تحذفه نهائياً، وتطلع لك رسالة تأكيد قبل.
وترتيب العناصر بالسحب من مقبض العنصر، وتعدّل أي عنصر بالضغط على اسمه.
وأنت تعدّل، تشوف التغيير مباشرة في المعاينة، ولكل عنصر فيها شريط فيه تعديل وتكرار وإخفاء وحذف. وإذا تبغى تشوف المتجر كامل في صفحة مستقلة، اضغط معاينة.
متى تستعين بمصمم؟
الأدوات اللي فوق تكفي لو عندك وقت وتعرف وش تبغى. لكن الشغل الحقيقي مو في إضافة العناصر، هو في الصور اللي تحطها فيها وترتيب المنتجات، وهذا الجزء اللي ياخذ وقت وجهد.
وإذا تبغى شكل أقوى من الثيم المجاني، نوفر ثيم أصلي مرخّص ونركّبه لك:
أسئلة شائعة
هل أقدر أعدّل تصميم متجري في سلة وأنا على باقة بيسك؟
إيه، متاجر باقة بيسك تقدر تخصّص تصميم المتجر من صفحة تصميم المتجر.
هل أقدر أرفع صور متحركة GIF في تصميم المتجر؟
إيه، تقدر ترفع صور GIF وأنت تخصّص الثيم ضمن عناصر ثيمات سلة.
كم صورة أقدر أضيف في عنصر الصور المتحركة؟
حتى 10 صور. وعنصر الصور المتحركة العادي هو الأنسب للبنرات لأن الصورة تظهر كاملة.
هل أحتاج كود عشان أصمم متجري في سلة؟
لا، كل التصميم من صفحة التخصيص بدون كود. ومحرر CSS وJS موجود لمن يبغى تخصيص متقدم فقط.