Homepage hero carousel
An animated homepage hero that rotates your top campaigns, products, and offers instead of one static image.
What you'll get: A slide table (order · headline · support · button · link · image brief) + recommended settings + ready HTML/CSS/JS.
Best for: Every sector — especially when you run more than one campaign at once.
When to use it: When visitors come but don't buy · When scaling and raising order value
Pro tip: The first slide carries 70% of the whole carousel's value — most visitors never swipe.
Ways to use it with your store
Your prompt
Updates live# هويتي
اعتمد هوية متجري الحقيقية (الاسم، القطاع، الألوان، الخط، النبرة، الجمهور، الرابط) كما هي في متجري — إن كنت مربوطاً عبر 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%» مخترع).
- الكود معزول ببادئة صنف خاصة ولا يلمس عناصر القالب الأخرى.
Browse by tag
See allPut AI to work on a real store
Create your store on Salla and apply these prompts to your products and campaigns — from idea to a complete store in 48 hours.