Skip to Content

بانر بسيط

يُستخدم مكون بانر بسيط لإضافة قسم إعلاني أو ترويجي أنيق وسهل التخصيص في متجرك. يمكنك استخدامه لإبراز رسالة معينة (مثل إطلاق تشكيلة جديدة أو عرض خاص) مع صورة خلفية جذابة ونصوص وزر انتقال، مما يجعله مثالياً لجذب انتباه العملاء بسرعة وبدون أي تعقيد.


خيارات المسافات

تتحكم هذه الخيارات في المسافات الداخلية للمكون، لإضافة مسافات خارجية يرجى إضافة عنصر «فاصل» من قائمة المكونات.

اسم الخيارالوصف
المسافة العلوية - شاشات الكمبيوترتحديد مقدار الفراغ أعلى البانر عند التصفح من جهاز الكمبيوتر.
المسافة العلوية - شاشات الجوالتحديد مقدار الفراغ أعلى البانر عند التصفح من الجوال لضمان مظهر متناسق.
المسافة السفلية - شاشات الكمبيوترتحديد مقدار الفراغ أسفل البانر عند التصفح من جهاز الكمبيوتر.
المسافة السفلية - شاشات الجوالتحديد مقدار الفراغ أسفل البانر عند التصفح من الجوال.

خيارات البانر

تتحكم هذه الإعدادات في المظهر العام للبانر ومحتواه من خلفيات، نصوص، وأزرار.

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