في الدرس الثالث من سلسلة شرح قالب أسباب نبني متجراً إلكترونياً كاملاً في 15 دقيقة بإضافة ووكومرس المجانية، وبدون أي إضافة مدفوعة. مثالنا متجر عطور توضيحي اسمه «عطور ليان» والأسعار بالريال السعودي. تحتاج قالب أسباب مفعّلاً (شرحناه في الدرس الأول)، ومعرفة سريعة بمعالج الإعداد (الدرس الثاني).
ماذا يقدّم قالب أسباب لمتجرك؟
ستّ ميزات متاجر مدمجة في قالب أسباب، تغنيك عن ستّ إضافات منفصلة:
- المفضلة: زر قلب على المنتجات، وصفحة للمفضلة، وعدّاد في الترويسة.
- أزرار الخيارات: أزرار للأحجام والألوان بدل القوائم المنسدلة.
- العرض السريع: تفاصيل المنتج في نافذة منبثقة من صفحة المتجر.
- إشعار السلة: رسالة «أضيف إلى سلتك» مع زرّي «عرض السلة» و«إتمام الطلب».
- زر الشراء الثابت: شريط شراء يظهر أسفل صفحة المنتج أثناء النزول.
- شريط الشحن المجاني: يخبر العميل كم بقي ليحصل على الشحن المجاني.
الخطوة 1: تثبيت ووكومرس
من لوحة التحكم افتح إضافات ← أضف إضافة جديدة، وابحث عن WooCommerce، ثم اضغط التنصيب الآن وتفعيل. ووكومرس مجانية، وقالب أسباب يدعمها بالكامل.
الخطوة 2: معالج الإعداد بنوع «متجر إلكتروني»
افتح أسباب ← معالج الإعداد، واكتب اسم المتجر وارفع الشعار، ثم اختر نوع النشاط متجر إلكتروني. يقترح قالب أسباب ألواناً مناسبة للمتجر، وترويسة «متجر» فيها البحث والسلة والمفضلة. أكمل الخطوات حتى شاشة «موقعك جاهز!».
الخطوة 3: إضافة منتج بحجمين وسعرين
من المنتجات ← إضافة جديد اكتب اسم المنتج («عود ملكي») والوصف، وارفع صورة المنتج. ولأن العطر بحجمين:
- من «بيانات المنتج» اختر منتج متعدد الأنواع (منتج متغير).
- من تبويب السمات أضف سمة الحجم واختر 50 مل و100 مل، ثم احفظ السمات.
- من تبويب الأنواع اضغط «إنشاء الأنواع»، وضع سعر كل حجم (220 و360 ر.س)، ثم احفظ التغييرات.
- اختر التصنيف واضغط نشر.
وبالطريقة نفسها أضفنا خمسة عطور أخرى.
الخطوة 4: ميزات المتجر في خيارات قالب أسباب
افتح أسباب ← خيارات القالب ← ميزات المتجر. هنا تفعّل أو توقف أي ميزة من الميزات الست، وتحدد مبلغ الشحن المجاني (300 ر.س في مثالنا)، وتختار مكان الشريط الجانبي وعدد المنتجات في الصف والفلاتر التي تظهر في صفحة المتجر: البحث والتصنيفات والسعر والماركات والخصائص والتوفر.
الخطوة 5: صفحة المتجر، الفلاتر والعرض السريع والمفضلة
في صفحة المتجر تعمل الفلاتر فوراً بدون إعادة تحميل الصفحة. وبضغطة على زر العرض السريع تظهر تفاصيل المنتج وأحجامه في نافذة منبثقة، وزر القلب يحفظ المنتج في المفضلة ويحدّث العدّاد في الترويسة.
الخطوة 6: صفحة المنتج، أزرار الحجم وزر الشراء الثابت
يختار العميل الحجم بزر واضح بدل القائمة المنسدلة، ويتغير السعر مباشرة. وعند النزول لقراءة الوصف يظهر شريط شراء ثابت أسفل الشاشة. وبعد الإضافة للسلة يظهر إشعار فيه «عرض السلة» و«إتمام الطلب» مع شريط الشحن المجاني.
الخطوة 7: الشحن المجاني وأول طلب
في السلة يخبر الشريط العميل كم بقي للشحن المجاني، فيضيف منتجاً آخر حتى يمتلئ الشريط. ثم يكمل الطلب بالدفع عند الاستلام، وهذا أول طلب في متجرك.
حل مشكلة: «لا تتوفر خيارات شحن لهذا العنوان»
تظهر هذه الرسالة في صفحة الدفع عندما يكون بلد العميل خارج مناطق الشحن التي أضفتها. في مثالنا أضفنا منطقة للسعودية فقط، فظهرت الرسالة عند اختيار الكويت.
الحل: من ووكومرس ← الإعدادات ← الشحن اضغط إضافة منطقة، واختر بلد العميل، ثم أضف طريقة شحن وحدد سعرها. يمكنك أيضاً إضافة طريقة شحن لمنطقة «بقية العالم» لتغطي كل البلدان الأخرى.
أسئلة شائعة
هل أحتاج إضافات مدفوعة للمفضلة والعرض السريع والشحن المجاني؟
لا. كل هذه الميزات مدمجة في قالب أسباب، وتحتاج فقط إضافة ووكومرس المجانية.
هل يمكنني إيقاف ميزة لا أحتاجها؟
نعم، من أسباب ← خيارات القالب ← ميزات المتجر، أوقف أي ميزة واحفظ الإعدادات.
من أين يأتي مبلغ الشحن المجاني؟
من حقل «الشحن المجاني ابتداءً من» في ميزات المتجر. إن تركته فارغاً يستخدم القالب الحد الأدنى المحدد في طريقة «شحن مجاني» في ووكومرس.
هل يعمل المتجر على الجوال؟
نعم، قالب أسباب متجاوب بالكامل، والمتجر يعمل بالعربية من اليمين لليسار على كل الشاشات.
الدرس القادم
في الدرس الرابع ندع الذكاء الاصطناعي يبني موقعاً كاملاً بجملة واحدة بقالب أسباب. لم تشترِ قالب أسباب بعد؟ الخصم متاح حتى 18 ديسمبر: شاهد الأسعار أو جرّب العرض الحي.
اترك تعليقاً