بانر بسيط
يُستخدم مكون بانر بسيط لإضافة قسم إعلاني أو ترويجي أنيق وسهل التخصيص في متجرك. يمكنك استخدامه لإبراز رسالة معينة (مثل إطلاق تشكيلة جديدة أو عرض خاص) مع صورة خلفية جذابة ونصوص وزر انتقال، مما يجعله مثالياً لجذب انتباه العملاء بسرعة وبدون أي تعقيد.
خيارات المسافات
تتحكم هذه الخيارات في المسافات الداخلية للمكون، لإضافة مسافات خارجية يرجى إضافة عنصر «فاصل» من قائمة المكونات.
| اسم الخيار | الوصف |
|---|---|
| المسافة العلوية - شاشات الكمبيوتر | تحديد مقدار الفراغ أعلى البانر عند التصفح من جهاز الكمبيوتر. |
| المسافة العلوية - شاشات الجوال | تحديد مقدار الفراغ أعلى البانر عند التصفح من الجوال لضمان مظهر متناسق. |
| المسافة السفلية - شاشات الكمبيوتر | تحديد مقدار الفراغ أسفل البانر عند التصفح من جهاز الكمبيوتر. |
| المسافة السفلية - شاشات الجوال | تحديد مقدار الفراغ أسفل البانر عند التصفح من الجوال. |
خيارات البانر
تتحكم هذه الإعدادات في المظهر العام للبانر ومحتواه من خلفيات، نصوص، وأزرار.
| اسم الخيار | الوصف |
|---|---|
| عرض العنصر بكامل الشاشة | تفعيل هذا الخيار يجعل البانر يمتد بالعرض ليغطي كامل مساحة الشاشة من اليمين إلى اليسار. |
| نوع خلفية العنصر | يتيح لك اختيار شكل خلفية البانر (بدون خلفية، أو لون ثابت، أو صورة، أو فيديو). |
| لون الخلفية | اختيار اللون المرغوب في حال تحديد “لون” كخلفية للبانر. |
| صورة الخلفية | رفع الصورة الأساسية للبانر لتظهر للعملاء (في حال اختيار نوع الخلفية: صورة). |
| صورة الخلفية في الجوال | رفع صورة بمقاس مختلف (عادةً بتصميم طولي) لتناسب شاشات الجوال بشكل مثالي. |
| فيديو الخلفية | إدراج رابط فيديو ليعمل كخلفية متحركة للبانر (في حال اختيار نوع الخلفية: فيديو). |
| درجة تظليل الصورة | يضيف طبقة لونية (شفافة أو داكنة) فوق الصورة لزيادة وضوح النصوص المكتوبة عليها وإبرازها. |
| موضع المحتوي | لتحديد مكان ظهور النصوص وزر الانتقال داخل البانر (إما “على اليمين” أو “في المنتصف”). |
| العنوان المصغر | نص قصير يظهر أعلى العنوان الرئيسي لتمهيد الرسالة (مثال: “بصمتنا الخاصة”). |
| لون العنوان المصغر | لاختيار لون النص الخاص بالعنوان المصغر. |
| العنوان الرئيسي | النص الأساسي والأكبر حجماً لجذب انتباه العميل (مثال: “تألقي في كل مناسبة”). |
| لون العنوان الرئيسي | لاختيار وتغيير لون العنوان الرئيسي ليتناسب مع تصميمك. |
| النص التوضيحى | فقرة قصيرة تشرح تفاصيل أكثر عن الرسالة أو العرض المذكور في البانر. |
| لون النص التوضيحي | لاختيار لون الفقرة التوضيحية. |
| نص الزر | الكلمة المكتوبة داخل زر الانتقال (مثال: “تسوقي الآن”). |
| رابط الزر | لتحديد الصفحة أو الوجهة التي سينتقل إليها العميل عند الضغط على الزر (مثل توجيهه لمنتج معين أو قسم محدد). |
| لون الزر | لاختيار لون خلفية زر الانتقال ليبرز بوضوح للعملاء. |
| لون نص الزر | لاختيار لون الكلمة المكتوبة داخل الزر. |