أوضاع عرض الودجت
ودجت التخصيص يمكن أن يظهر على صفحة المنتج بأربع طرق مختلفة — من الظهور المباشر إلى النافذة المنبثقة التي تفرض التخصيص قبل الإضافة إلى السلة. اختيار الوضع المناسب يؤثر بشكل كبير على تجربة العميل ومعدل إكمال التخصيص.
الأوضاع الأربعة
| الوضع | الأيقونة | الوصف | الأنسب لـ |
|---|---|---|---|
| مباشر (Direct) | 📍 | الودجت يظهر مضمناً في صفحة المنتج — مرئي دائمًا | المنتجات البسيطة (حقلين أو ٣) |
| قابل للطي (Toggle) | 🔽 | قسم قابل للطي مع زر "خصص منتجك" | المنتجات المتوسطة (٤-٦ حقول) |
| منبثق (Popup) | 💬 | نافذة منبثقة تظهر عند الضغط على زر | المنتجات المعقدة (٧+ حقول) |
| حصري (Popup Exclusive) | 🔒 | منبثق يمنع الإضافة إلى السلة قبل التخصيص | المنتجات التي يجب تخصيصها |
📸 Screenshot Needed
Dashboard Section: استوديو المنتجات > الإعدادات العامة > قسم عرض الودجت UI State: قسم "طريقة عرض الودجت" مع ٤ بطاقات/خيارات للأوضاع. كل وضع مع أيقونة واسم ووصف قصير. الوضع الحالي ("مباشر") محدد بإطار بنفسجي. What to Capture: الخيارات الأربعة مع تحديد الوضع الحالي. RTL Note: RTL. Size: 600×300px
الوضع ١: مباشر (Direct)
كيف يظهر
الودجت يظهر مباشرة في صفحة المنتج — تمامًا مثل أي قسم آخر في الصفحة. العميل يرى الحقول فور فتح صفحة المنتج.
المميزات
- ✅ الأسهل للعميل — لا حاجة للضغط على أي زر
- ✅ الأفضل لتحسين محركات البحث (المحتوى مرئي في HTML)
- ✅ منخفض الاحتكاك — العميل يبدأ التخصيص فورًا
العيوب
- ❌ يستهلك مساحة من صفحة المنتج
- ❌ قد يزحم الصفحة إذا كان هناك حقول كثيرة
الأنسب لـ
- منتجات بحقلين إلى ٣ حقول
- منتجات يكون التخصيص فيها أساسيًا
- متاجر تريد أقصى ظهور لخيارات التخصيص
📸 Screenshot Needed
Dashboard Section: متجر سلة > صفحة المنتج > ودجت مباشر UI State: صفحة منتج مع ودجت مباشر ظاهر أسفل صور المنتج وفوق الوصف. الحقول: "الاسم على الكوب"، "لون البشرة". زر "أضف إلى السلة" في الأسفل. What to Capture: صفحة المنتج مع الودجت المباشر. RTL Note: الصفحة RTL. الودجت RTL. Size: 800×700px
الوضع ٢: قابل للطي (Toggle)
كيف يظهر
الودجت مخفي افتراضيًا خلف قسم قابل للطي. يظهر زر أو رابط مثل "خصص منتجك" — عندما يضغط العميل، يتوسع القسم ويظهر الودجت.
المميزات
- ✅ لا يزحم صفحة المنتج
- ✅ يحافظ على تصميم الصفحة نظيفًا
- ✅ العميل يختار متى يبدأ التخصيص
العيوب
- ❌ بعض العملاء قد لا يلاحظون الزر
- ❌ خطوة إضافية قبل التخصيص
الأنسب لـ
- منتجات بها ٤-٦ حقول
- متاجر تريد صفحة منتج نظيفة
- منتجات التخصيص فيها اختياري (يمكن الشراء بدون تخصيص)
📸 Screenshot Needed
Dashboard Section: متجر سلة > صفحة المنتج > ودجت قابل للطي (مغلق) UI State: صفحة المنتج مع زر/قسم "خصص منتجك" (مغلق). القسم نظيف ومتكامل مع التصميم. RTL Note: RTL. Size: 800×400px
📸 Screenshot Needed
Dashboard Section: متجر سلة > صفحة المنتج > ودجت قابل للطي (مفتوح) UI State: نفس الصفحة بعد الضغط على "خصص منتجك". القسم توسع وأظهر الودجت كاملاً. What to Capture: الودجت المفتوح مع جميع الحقول. RTL Note: RTL. Size: 800×600px
الوضع ٣: منبثق (Popup)
كيف يظهر
زر على صفحة المنتج — عند الضغط عليه، تفتح نافذة منبثقة (Modal) تحتوي على الودجت. يمكن للعميل إغلاق النافذة والعودة للمنتج.
المميزات
- ✅ مثالي للمنتجات المعقدة (٧+ حقول)
- ✅ لا يؤثر على تخطيط صفحة المنتج إطلاقًا
- ✅ تجربة غامرة — العميل يركز على التخصيص فقط
العيوب
- ❌ خطوتان إضافيتان (فتح وإغلاق)
- ❌ قد لا يلاحظ بعض العملاء زر الفتح
الأنسب لـ
- منتجات بـ ٧ حقول أو أكثر
- منتجات تحتاج مساحة كبيرة (رفع ملفات، معاينة كبيرة)
- متاجر ذات تصميم معقد لصفحة المنتج
📸 Screenshot Needed
Dashboard Section: متجر سلة > صفحة المنتج > النافذة المنبثقة مفتوحة UI State: صفحة المنتج مع نافذة منبثقة مفتوحة في المنتصف. الخلفية معتمة. النافذة تحتوي على الودجت كاملاً — جميع الحقول مع المعاينة. What to Capture: النافذة المنبثقة مع الودجت. RTL Note: النافذة RTL. Size: 900×700px
الوضع ٤: حصري (Popup Exclusive)
كيف يظهر
مثل المنبثق، لكن مع اختلاف جوهري: زر "أضف إلى السلة" مخفي حتى يكمل العميل جميع الحقول المطلوبة. النافذة تفتح تلقائيًا عند محاولة الإضافة إلى السلة (أو تظهر دائمًا).
المميزات
- ✅ يضمن تخصيص المنتج قبل الشراء
- ✅ يمنع الطلبات غير المكتملة
- ✅ مثالي للمنتجات التي التخصيص فيها أساسي
العيوب
- ❌ قد ينفر العملاء الذين لا يريدون التخصيص
- ❌ احتكاك أعلى — يضطر العميل للتخصيص
الأنسب لـ
- منتجات لا يمكن بيعها بدون تخصيص (مثل كوب عليه اسم)
- منتجات التخصيص هو قيمتها الأساسية
- هدايا مخصصة
⚠️ تحذير: استخدم هذا الوضع فقط إذا كان منتجك يجب تخصيصه قبل الشراء. قد يؤدي الاستخدام الخاطئ إلى خسارة عملاء.
📸 Screenshot Needed
Dashboard Section: متجر سلة > صفحة المنتج > ودجت حصري UI State: صفحة المنتج مع النافذة المنبثقة الحصرية. زر "أضف إلى السلة" في صفحة المنتج يظهر معطلًا أو مخفيًا. رسالة: "يرجى تخصيص المنتج أولاً". داخل النافذة: الودجت كامل مع زر "أضف إلى السلة" في الأسفل. What to Capture: النافذة مع إظهار تعطيل زر السلة خارجها. RTL Note: RTL. Size: 900×700px
دليل اختيار الوضع
| معيار | مباشر | قابل للطي | منبثق | حصري |
|---|---|---|---|---|
| عدد الحقول | ١-٣ | ٤-٦ | ٧+ | أي عدد |
| التخصيص إجباري؟ | لا | لا | لا | نعم |
| مساحة الصفحة محدودة؟ | لا يهم | نعم | نعم | نعم |
| تعقيد الودجت | منخفض | متوسط | عالي | عالي |
| احتكاك العميل | منخفض | منخفض | متوسط | عالي |
تغيير وضع العرض
- في استوديو المنتجات، افتح الإعدادات العامة
- اذهب إلى قسم "عرض الودجت" أو "طريقة العرض"
- اختر الوضع المطلوب
- احفظ المسودة وفعّل
التغيير يطبق فور التفعيل على صفحة المنتج.
RTL وسلوك الجوال
RTL (العربية)
جميع أوضاع الودجت تدعم RTL:
- النوافذ المنبثقة تفتح من اليمين
- الأزرار والنصوص RTL
- الأقسام القابلة للطي RTL
الجوال
على الجوال:
- المباشر: الودجت يظهر كامل العرض
- القابل للطي: يظهر بشكل مناسب للشاشات الصغيرة
- المنبثق والحصري: النافذة تملأ الشاشة بالكامل تقريبًا
اختبر دائمًا على جوال حقيقي قبل الاعتماد على المعاينة في الاستوديو.
مقالات ذات صلة
- تنسيق الودجت المخصص: تخصيص ألوان وتصميم الودجت
- تجربة العميل مع الودجت: كيف يتفاعل العميل
- تكامل السلة والخروج: كيف تنتقل الاختيارات إلى السلة
آخر تحديث: 2026-05-17