المشكلة
يتيح Crea il tuo caffè للعملاء تصميم خلطة القهوة الخاصة بهم وشراءها محمّصة ومعبأة. ولم تكن صفحة منتج تقليدية ببعض الخيارات قادرة على ذلك، فالسعر يتوقف على مزيج المناشئ والكمية ودرجة التحميص والتعبئة، وبعض المشترين يريدون شعارهم على الكيس.
ما الذي بنيته
كتبتُ إضافة WordPress مخصصة تحوّل منتجًا واحدًا في WooCommerce إلى أداة لتكوين الخلطات.
- منزلقات المناشئ — 7 مناشئ (إثيوبيا، غواتيمالا، البرازيل، أوغندا، الهند، فيتنام، إندونيسيا) تُضبط بخطوات 10%. وترفض السلة الخلطة ما لم يكن المجموع 100% بالضبط.
- خلطات مقترحة — يستطيع العملاء البدء من مزيج موصى به وتعديله. وتقيّم التلميحات خصائص كل منشأ من 1 إلى 5 حبات قهوة.
- سعر مباشر — السعر هو المجموع الموزون لأسعار المناشئ، ويتحدث على الشاشة مع تحريك العميل للمنزلقات.
- تسعير حسب الكمية — 1 أو 50 أو 100 أو 250 كغ. وينخفض سعر الكيلو مع الكمية: النصف عند 50 كغ، و40% عند 100 كغ، والثلث عند 250 كغ.
- التحميص والتعبئة — تحميص فاتح أو متوسط أو داكن؛ كيس سادة، أو كيس بشعار يرفعه العميل، أو مقترح تصميم مخصص يُحتسب كرسوم منفصلة.
- حفظ الاختيارات في الطلب — تظهر المناشئ والكمية والتحميص والتعبئة والشعار في السلة وإتمام الطلب وتفاصيله، فيعرف المحمّص بالضبط ما عليه إنتاجه.
- مدخل من الصفحة الرئيسية — كتلة للمكوّن في الصفحة الرئيسية، متاحة أيضًا كعنصر WPBakery، تنقل الاختيارات الأولى إلى صفحة المنتج.
التقنيات المستخدمة
WordPress وWooCommerce وقالب Larcorso مع WPBakery؛ وإضافة PHP مخصصة مع JavaScript خام وSwiper؛ وWooPayments وMailchimp for WordPress وComplianz لموافقة ملفات تعريف الارتباط ودردشة tawk.to المباشرة.
لماذا بهذه الطريقة
الخلطات والمناشئ وتقييمات النكهة والأسعار مخزنة في سمات المنتج داخل WooCommerce، لا في الكود. فيستطيع العميل تغيير سعر أو خلطة مقترحة من شاشة المنتج العادية، ويلتقط المكوّن التغيير تلقائيًا.
