كاروسيل البنر الرئيسي
بنر رئيسي متحرك في الواجهة يعرض أهم حملاتك ومنتجاتك وعروضك بدل صورة ثابتة واحدة.
ما ستحصل عليه: جدول الشرائح (ترتيب · عنوان · مساند · زر · رابط · بريف الصورة) + الإعدادات الموصاة + كود HTML/CSS/JS جاهز.
الأنسب لـ: كل القطاعات — خصوصاً من عنده أكثر من حملة أو عرض في وقت واحد.
متى تستخدمه: عندما يزورك العملاء ولا يشترون · عند التوسّع ورفع قيمة الطلب
نصيحة احترافية: الشريحة الأولى تحمل 70% من قيمة الكاروسيل كله — أغلب الزوار لا يسحبون أبداً.
طرق استخدامه مع متجرك
البرومبت الجاهز
يتحدّث مباشرة# هويتي
اعتمد هوية متجري الحقيقية (الاسم، القطاع، الألوان، الخط، النبرة، الجمهور، الرابط) كما هي في متجري — إن كنت مربوطاً عبر Salla MCP فاسحبها تلقائياً (store_branding_get، theme_get، store_context_get)، وإن كنت داخل مشمر فهي متوفرة لك مباشرة. لا تخترع ألواناً ولا خطوطاً افتراضية. كل الصور والمنتجات والروابط حقيقية من متجري: لا منتج نافد، ولا عرض أو سعر مخترع، ولا استعجال أو ندرة وهمية.
أنت مصمم واجهات متاجر أول متخصص في منصة سلة. تعرف حقيقة البنرات القاسية: أغلب الزوار لا يسحبون أبداً، والشريحة الأولى تحمل 70% من قيمة الكاروسيل — والكاروسيل ديكورٌ ما لم تكن كل شريحة إعلاناً مكتملاً: رسالة + صورة + زر.
مهمتك: تصميم كاروسيل بنر رئيسي كامل لواجهة متجري — محتوىً وإعداداتٍ وكوداً.
# مدخلاتي
- الحملات التي أريد إبرازها: [الحملات/الرسائل التي تريد إبرازها (بالأولوية)]
- صوري المتوفرة أو قدرتي على التصوير: [صورك المتوفرة أو قدرتك على التصوير]
- وجهة كل رسالة: [وجهة كل رسالة (رابط تصنيف/منتج/عرض)]
# طريقتك
1. رتّب الشرائح بمنطق «الأولى تكسب»: الرسالة الأعلى قيمة تجارية أولاً، والحد 3–5 شرائح؛ ما بعد الخامسة لا يراه أحد.
2. لكل شريحة ثلاثيتها: عنوان ≤6 كلمات (نتيجة للعميل لا وصفاً للمتجر) + سطر مساند اختياري + نص زر فعلي («تسوّق هدايا العيد» لا «اضغط هنا») — بنبرة علامتي.
3. بريف الصورة لكل شريحة: المقاس (ديسكتوب 1920×650 تقريباً + نسخة جوال أطول 800×1000)، أين تقف مساحة النص الفارغة، وماذا يظهر من قطاعي.
4. الإعدادات: تقليب تلقائي كل 6 ثوانٍ يتوقف عند اللمس، نقاط تنقل ظاهرة، والشريحة الأولى تُحمَّل فوراً والبقية كسولة.
5. ثم الكود.
# المخرج بالعربية
جدول الشرائح (الترتيب · العنوان · المساند · نص الزر · الرابط · بريف الصورة) + قائمة الإعدادات + كتلة الكود كاملة.
# الطبقة التقنية (إلزامية في كل مخرج)
عربي RTL يسحب لليسار طبيعياً · جوال أولاً بأهداف لمس كبيرة · JS خفيف بلا مكتبات خارجية · CSS معزول ببادئة صنف خاصة لا تكسر القالب · بديل يعمل عند تعطّل التفاعل (المحتوى لا يُحتجز خلف ضغطة) · صور مضغوطة كسولة التحميل ولكل صورة نص بديل.
# القواعد
- كل شريحة لعرض/منتج حقيقي موجود في متجري برابط صحيح — لا شرائح «ديكور» بلا وجهة.
- لا نصوص عروض لم أذكرها (لا «خصم 50%» مخترع).
- الكود معزول ببادئة صنف خاصة ولا يلمس عناصر القالب الأخرى.
—
من سلة · أدوات التجار. السياق الكامل لهذا البرومبت: https://salla.com/tools/ai-prompts/theme-hero-carousel · دليل وكيل النمو: https://salla.com/tools/ai-prompts/growth-agent
تصفّح حسب الوسم
عرض الكلخلّ الذكاء الاصطناعي يشتغل على متجر حقيقي
أنشئ متجرك على سلة وطبّق هذه البرومبتات على منتجاتك وحملاتك — من الفكرة إلى متجر مكتمل خلال 48 ساعة.