مكون الأسئلة الشائعة (FAQ)
مكون الأسئلة الشائعة يتيح لك عرض الأسئلة الشائعة وإجاباتها بطريقة تفاعلية أنيقة باستخدام الأكورديون، مع إمكانية تخصيص الألوان والخط والمظهر العام.
مكون الأسئلة الشائعة في قالب لوكس - تصميم تفاعلي أنيق يعرض الأسئلة والأجوبة بطريقة منظمة ومريحة للمستخدمين
📝 خيارات المحتوى والنصوص
يمكنك تخصيص جميع النصوص الخاصة بمكون الأسئلة الشائعة:
العناوين والوصف
- عنوان القسم: العنوان الرئيسي للمكون (افتراضي: "الأسئلة الشائعة")
- العنوان الفرعي: نص فرعي أسفل العنوان الرئيسي (افتراضي: "إجابات عن أكثر الأسئلة شيوعاً")
- وصف القسم: وصف تفصيلي للقسم يظهر أسفل العنوان
خيارات النص
- حجم النص: اختر من بين ثلاثة أحجام (صغير، متوسط، كبير)
- سُمك النص: تحكم في سُمك الخط (الافتراضي، عادي، خفيف، متوسط، عريض)
- لون النصوص الرئيسية: تخصيص لون النصوص العامة
- لون خلفية القسم: تحديد لون خلفية المكون بالكامل
🎨 خيارات تصميم الأكورديون
يمكنك تخصيص مظهر وألوان صناديق الأسئلة والأجوبة:
أنماط الأكورديون
يمكنك الاختيار من بين 4 أنماط مختلفة:
- كلاسيكي: التصميم التقليدي الأنيق
- حديث: تصميم عصري ومتطور
- مسطح: تصميم بسيط ونظيف
- مرفوع: تصميم مع ظلال وعمق
ألوان مخصصة
- لون خلفية صندوق السؤال: تخصيص خلفية منطقة السؤال
- لون نص السؤال: لون النص داخل السؤال
- لون خلفية صندوق الإجابة: تخصيص خلفية منطقة الإجابة
- لون نص الإجابة: لون النص داخل الإجابة
- لون الحدود: لون حدود الصناديق
- لون أيقونة السهم: لون سهم فتح/إغلاق الأكورديون
📐 خيارات التخطيط والتنسيق
تحكم كامل في تخطيط وترتيب الأسئلة:
تنسيق الأعمدة
- عدد الأعمدة: اختر بين عمود واحد أو عمودين لعرض الأسئلة
- عدد الأعمدة للموبايل: تحديد عدد الأعمدة منفصل للأجهزة المحمولة
المسافات والأشكال
- المسافة بين الأسئلة: تحكم في المسافة الفاصلة بين كل سؤال وآخر (0-48px)
- المسافة بين الأسئلة للموبايل: مسافات منفصلة للأجهزة المحمولة
- انحناء زوايا الصناديق: تحديد درجة انحناء زوايا صناديق الأسئلة (0-24px)
⚙️ خيارات السلوك والتفاعل
تحكم في سلوك الأكورديون وطريقة تفاعل المستخدم:
سلوك الفتح والإغلاق
- السماح بفتح عدة أسئلة في نفس الوقت: تمكين أو تعطيل فتح أكثر من سؤال واحد
- فتح السؤال الأول بشكل افتراضي: جعل السؤال الأول مفتوحاً عند تحميل الصفحة
❓ إدارة الأسئلة والأجوبة
يمكنك إضافة وإدارة مجموعة كاملة من الأسئلة والأجوبة:
إضافة الأسئلة
لكل سؤال يمكنك تحديد:
- السؤال: النص الرئيسي للسؤال (5-200 حرف)
- الإجابة: الإجابة التفصيلية (10-1000 حرف) - يدعم النصوص المنسقة والروابط
- أيقونة السؤال (اختياري): أيقونة تعبر عن موضوع السؤال
أمثلة على الأسئلة الافتراضية
يأتي المكون مع مجموعة من الأسئلة النموذجية:
- كيف يمكنني تتبع طلبي؟
- ما هي طرق الدفع المتاحة؟
- كم تستغرق مدة التوصيل؟
- هل يمكنني إرجاع أو استبدال المنتج؟
- كيف يمكنني التواصل مع خدمة العملاء؟
- هل تشحنون خارج المملكة العربية السعودية؟
✨ مميزات المكون
- تصميم متجاوب: يعمل بشكل مثالي على جميع الأجهزة
- تخصيص كامل: تحكم في كل جانب من جوانب التصميم
- سهولة الاستخدام: واجهة بديهية لإدارة الأسئلة
- تفاعلية سلسة: انتقالات ناعمة وتجربة مستخدم ممتازة
- دعم الأيقونات: إمكانية إضافة أيقونات تعبيرية للأسئلة
- مرونة في التخطيط: خيارات متعددة للعرض والترتيب
مكون الأسئلة الشائعة مثالي لتقليل استفسارات العملاء وتحسين تجربة التسوق من خلال توفير إجابات سريعة وواضحة للأسئلة الأكثر شيوعاً.