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