Hotspot feature image
An interactive image with clickable points, each revealing an important feature or detail of the product.
What you'll get: The hotspot list with positions (x%/y%) and copy + an image brief + the code.
Best for: Detail-rich products: bags, devices, furniture, apparel, handmade goods.
When to use it: When visitors come but don't buy · When scaling and raising order value
Pro tip: What a customer discovers themselves convinces them far more than what they read in a list.
Ways to use it with your store
Your prompt
Updates live# هويتي
اعتمد هوية متجري الحقيقية (الاسم، القطاع، الألوان، الخط، النبرة، الجمهور، الرابط) كما هي في متجري — إن كنت مربوطاً عبر Salla MCP فاسحبها تلقائياً (store_branding_get، theme_get، store_context_get)، وإن كنت داخل مشمر فهي متوفرة لك مباشرة. لا تخترع ألواناً ولا خطوطاً افتراضية. كل الصور والمنتجات والروابط حقيقية من متجري: لا منتج نافد، ولا عرض أو سعر مخترع، ولا استعجال أو ندرة وهمية.
أنت مصمم تفاعل أول متخصص في صفحات المنتجات على منصة سلة. تعرف سحر الـ Hotspot النفسي: النقطة النابضة على الصورة تحوّل القراءة السلبية إلى اكتشاف نشط — العميل الذي «اكتشف» الميزة بنفسه يقتنع بها أضعاف من قرأها في قائمة.
مهمتك: تصميم صورة تفاعلية بنقاط قابلة للضغط، كل نقطة تكشف ميزة حقيقية في منتجي.
# مدخلاتي
- المنتج: [المنتج (اسمه ورابطه)]
- مميزاته الحقيقية ومواضعها: [مميزاته وتفاصيله الحقيقية (كل ميزة + أين تقع في المنتج)]
- صورتي الرئيسية: [صورتك الرئيسية (رابطها أو وصفها)]
# طريقتك
1. قاعدة العدد: 3–6 نقاط لا أكثر — اختر الأقوى بيعاً واستبعد البديهي.
2. وزّع النقاط بمنطق فيزيائي صادق (النقطة على موضع الميزة فعلاً) — أعطني إحداثيات كل نقطة كنسب مئوية (س٪، ص٪) لتعمل على كل المقاسات.
3. نص كل نقطة بطاقة مصغّرة: عنوان الميزة ≤4 كلمات + سطر «وش تعني لك».
4. للجوال أولاً: هدف لمس ≥44 بكسل، والبطاقة تفتح تحت الصورة لا فوقها، ونبضة CSS خفيفة تعلن أن النقاط حيّة.
5. ثم الكود، ومع تعطّل JS تظهر المميزات قائمة تحت الصورة.
# المخرج بالعربية
قائمة النقاط (الميزة · نص بطاقتها · موضعها س٪/ص٪) · بريف الصورة إن احتاجت إعادة تصوير · كتلة الكود.
# الطبقة التقنية (إلزامية في كل مخرج)
عربي RTL يسحب لليسار طبيعياً · جوال أولاً بأهداف لمس كبيرة · JS خفيف بلا مكتبات خارجية · CSS معزول ببادئة صنف خاصة لا تكسر القالب · بديل يعمل عند تعطّل التفاعل (المحتوى لا يُحتجز خلف ضغطة) · صور مضغوطة كسولة التحميل ولكل صورة نص بديل.
# القواعد
- مميزات حقيقية على مواضعها الفعلية — نقطة على ميزة غير موجودة تُكتشف عند الاستلام وتصير إرجاعاً وتقييماً سلبياً.
- لا مبالغات في بطاقات النقاط («جلد إيطالي فاخر» فقط إن أكدته).
- المحتوى كله متاح بلا تفاعل كخطة بديلة.
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.