تصميم متجر سلة CSS

كيفية تصميم متجر سلة CSS؟

تصميم متجر سلة CSS يعتبر واحدًا من أهم الأمور التي يجب الإنتباه إليها عند إنشاء موقع للتجارة الإلكترونية. لذلك يبحث الكثير من أصحاب المتاجر عن طرق لتحسين تصميم متاجرهم ،وتحسين تجربة العملاء و كذلك تصفحهم للمنتجات.

ما معنى CSS؟

CSS  هي إختصار لـ Cascading Style Sheets وهي لغة تصميم تجعل المتجر أكثر جاذبية. في العموم،يتعامل CSS مع مظهر المتجر، بالتالي يستخدم في التحكم في لون النص ونمطه، وصورة الخلفية وألوانها ،و أيضا التباعد بين الفقرات، و كذلك أشكال العرض لمختلف الأجهزة وأحجام الشاشة بالإضافة إلى مجموعة كبيرة من التأثيرات الأخرى.

ما هي متطلبات تغيير تصميم متجر سلة CSS؟

  • يتطلب صلاحية الدخول لتصميم المتجر.
  • كما يتطلب وجود دومين خاص بالمتجر.

ما هي بنية كود الـ CSS؟

عليك أن تعلم أن كود CSS يتكون من 3 مكونات أساسية هي :

  •  Selector:العنصر أو مجموعة العناصر التي تريد تنسيقها.
  • ثم Property:الخاصية التي ترغب بتعديلها.
  • كذلك Value: القيمة الخاصة بهذه الخاصية.

ملحوظة: يمكنك الكود بالبنية السابقة، أو أن تكتبه على شكل سطر واحد. ولكن ننصحك كمبتدئ أن تضع كل أمر في سطر منفصل، هكذا يمكنك استكشاف الأخطاء بسهولة بالإضافة لضبط الخصائص بسهولة أكبر.

ما أهم الخصائص التي يمكنني التحكم بها كمبتدئ في CSS؟

1-الألوان: 

  • opacity درجة الشفافية 
  • و color اللون 

2-الخلفيات:

  • background-color  تضبط لون الخلفية لأحد العناصر
  • و box-shadow  إضافة ظل للعنصر
  • و background  لون الخلفية

3-شكل الإطار: 

  • border-bottom-color لون الإطار السفلي الخاص بالعنصر.
  • و border-bottom-width عرض الإطار السفلي للعنصر.
  • و border ضبط قيم الخاصيات التي تتحكم بإطار العنصر في آنٍ واحد، وهي: border-color و border-style و border-width

4-الأركان المدورة:

  • border-top-right-radius تضبط تدوير الركن العلوي الأيمن من العنصر.
  • و border-top-left-radius تضبط تدوير الركن العلوي الأيسر من العنصر.
  • و border-bottom-right-radius تضبط تدوير الركن السفلي الأيمن من العنصر.
  • و border-bottom-left-radius تضبط تدوير الركن السفلي الأيسر من العنصر.

5-الخطوط:

  • font ضبط قيم الخاصيات font-style و font-size وغيرها.
  • font-family تُحدِّد قائمةً تحتوي على نوع خط واحد أو أكثر من أنواع الخطوط الخاصة أو العامة،

ما هي الأكواد الأكثر استخداماً في تصميم متجر سلة CSS؟

1- قسم Header :

  • حجم الشعار
    • اضغط هنا لنسخ الكود.
  • الأيقونات
    • اضغط هنا لنسخ الكود.

2-قسم Nav – section 

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

3-قسم Footer

  • الخط والألون
    • اضغط هنا لنسخ الكود.
    • كما يمكنك تغيير لون الشريط السفلي
      • اضغط هنا لنسخ الكود.

بصورة شاملة :يمكنك نسخ أي كود من الأكواد السابقة من هنا

ما هو متجر سلة

ما هو متجر سلة؟ما مميزاته وعيوبه؟

في عالم تتسارع فيه التجارة الإلكترونية نحو القمة. يجد التاجر المبتدئ نفسه في حيرة في كيفية دخول هذا المجال بإمكانياته البسيطة وخبراته المحدودة. هنا يأتي دور متجر سلة لحل مشاكلك.فما هو متجر سلة؟

ما هو متجر سلة؟

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

ما شروط التسجيل في متجر سلة؟

قبل التسجيل في المنصة عليك قراءة الشروط والاحكام بعناية وتتمثل في:

  • تدقق المنصة جيدًا في طبيعة المنتجات التي يطرحها المتجر ومع إمكانية التنوع الشديد فيها إلا أنها لا يجب أن تكون مخالفة للقوانين السعودية.
  • الخضوع إلى القوانين السعودية وعدم السماح بإنشاء متجر إلكتروني دون إتمام التحقق من الهوية.
  • و أن يكون لدى البائع سجلًا تجاريًا وأن يمتلك وثيقة العمل الحر وأن يقدم بيانات حسابات بنكية.
  • شروط الاستخدام لحماية التاجر والعملاء من أي مشكلات في الدفع والتحويلات المالية.
  • علاوة على ذلك، تفرض المنصة رقابة على المنتجات المعروضة أو الخدمات
  • منصة سلة ليست مفتوحة المصدر أي تخضع لإدارة المحتوى نتيجة لذلك فقد يتم فرض بعض القيود على الإعلانات والتحكم بها.
  • كما تستعرض المنصة تقارير الأداء مما يحدد المنتجات والخدمات الرائجة وفي أي منطقة.

كيفية الاشتراك في متجر سلة؟

حاليا يوجد العديد من الباقات المناسبة لشرائح مختلفة من الافراد أو الشركات وتتمثل في:

1-باقة البيسك المجانية Basic:

توفر باقة البيسك من منصة سلة عدد محدد من المزايا أهمها التالي:

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

على الجانب الآخر، فلهذه الباقة سلبيات أهمها التالي.

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

2- باقة سلة بلس Plus:

تقدم العديد من الخدمات، والمزايا الرائعة التي تخدم التجار المتمرسين في هذه المنصة مقابل 99 ريال سعودي، وهو مبلغ مناسبًا كثيرًا ، وفقًا لما تقدمه.

 تقدم الباقة عدد من المزايا، تتمثل في الآتي.

كل مميزات الباقة المجانية علاوة على ذلك تضيف:

  • إمكانية إضافة العديد من وسائل الدفع المحلية، والعالمية لتناسب جميع المستهلكين
  • دعم فني متاح على مدار اليوم.
  • لا يوجد أي رسوم، أو عمولات على عمليات الشراء.
  • متجر إلكتروني متكامل
  • إمكانية إصدار كوبونات خاصة بمتجرك الإلكتروني.
  • مع إمكانية ربط متجرك الإلكتروني مع العديد من شركات الشحن بدون أي رسوم إضافية
  • علاوة على ذلك،إمكانية الحصول على تقارير تفصيلية لمبيعات المتجر الخاص بك، مما يجعلك دائمًا على الإطلاع بآخر المستجدات المتعلقة به.
  • كما يتيح إمكانية التحكم في شريط الإعلانات  الواقع على متجرك الإلكتروني، ووضع الإعلانات الخاصة بك عليه.
  • وكذلك إمكانية نقل متجرك الإلكتروني إلى متجر آخر بشكل مباشر عن طريق تصدير، واستيراد بيانات المتجر، والمنتجات.

من الناحية الأخرى، لدى باقة بلس بعض السلبيات ، أهمها:

  • عدم إمكانية إصدار كوبونات تسويقية.
  • عدم إمكانية التحكم في التصميم الخاص بك عن طريق صيغة CSS.
  • عدم إمكانية ربط متجرك مع الخدمات الإعلانية، مثل جوجل أد، أو سناب شاب، أو تويتر، أو فيسبوك.
  • عدم إمكانية تحسين أداء المتجر الإلكتروني الخاص بك، بحيث يصدر في النتائج الأولى من محركات البحث.
  • عدم إمكانية التحكم في قيمة الضريبة المضافة.

 3- باقة سلة برو Pro:

  في العموم، هذا الخيار ممتاز لأصحاب المتاجر المتوسطة، أو الأعلى من المتوسطة، وكذلك أصحاب المتاجر الكبيرة.

تلك الباقة تتشابه مع المزايا الخاصة بمنصة سلة بلس، ولكن إضافة إلى مجموعة من المزايا الأخرى مقابل 299 ريال سعودي شهريا.

بجانب المزايا السابق ذكرها في باقة البلس، هناك مزايا إضافية، تتمثل في التالي:

  • إمكانية تحسين محركات البحث ليظهر متجرك في النتائج البحثية الأولى الخاصة بالمستهلكين، مما يساعدك على تحقيق مزيد من الأرباح.
  • إمكانية التحكم في تصميم المتجر الخاص بك عن طريق التعامل مع أكواد CSS.
  • إمكانية إضافة 10 أشخاص على نفس حساب المتجر، وهذا سيساعدك في تعيين الموظفين على متجرك بسهولة.
  • إمكانية إضافة 5 فروع لمتجرك، وهذا سيساعدك في تنمية أعمالك بشكل كبير.
  • إمكانية إصدار كوبونات تسويقية.
  • إمكانية التحكم في قيمة الضريبة المضافة.
  • إمكانية ربط المتجر مع خدمات إعلانية متنوعة

مميزات منصة سلة:

  • إنشاء تطبيق للمتجر بسهولة
  • دعم بوابات الدفع السعودية
  • المنصة آمنة وسهلة الاستخدام
  • أسعار الاشتراك والرسوم  تنافسية
  • توفير وسائل دفع متنوعة
  • تقارير الأداء والمبيعات احترافية
  • دعم إضافات CSS
  • الربط الآلي مع شركات الشحن
  • إرسال الاشعارات للعملاء على الهاتف
  • إجراءات التحقق من الهوية صارمة

عيوب منصة سلة:

  • إعدادات SEO محدودة
  • لا تدعم التسويق بالعمولة
  • عدم التحكم الكامل بإعدادات المتجر
  • الباقات الرخيصة محدودة الخدمات
  • تعديلات محدودة على التصميم
  • خدمة العملاء بطيئة
  • مشاكل مع إضافة أكواد بيكسل لتعقب ترافيك
  • إتصال API مقيد