أقسام تعزيز المبيعات
هذه هي الأقسام التي تركز على التحويل في Vertex — الإشارات العاجلية، وأسطح الترويج، وتدفقات النوافذ المنبثقة، وكتل الحزم. لا يتطلب أي منها تطبيقًا من طرف ثالث. كلها تحترم سياسة Shopify Theme Store (لا قوائم أمنيات دائمة، ولا سكريبتات تتبع، ولا روابط affiliate).
كدس الكثير من إشارات العاجلية وستلغي بعضها بعضًا. عد تنازلي بجانب عداد منخفض المخزون بجانب نافذة ترويج منبثقة يصرخ يائس. اختر الذي يتطابق مع حملتك، اتكئ عليه، ودوّر.
promo-banner
ملف القسم: sections/promo-banner.liquid
لافتة علوية قابلة للإغلاق — تُستخدم عادةً للترويج لتخفيضات على مستوى الموقع، أو حد شحن مجاني، أو حملة موسمية. مختلفة عن شريط الإعلان (الذي هو عنصر دائم)؛ لافتة الترويج هي مدفوعة بالحملة وقابلة للإغلاق.
الإعدادات
| الإعداد | النوع | ملاحظات |
|---|---|---|
| النص | Richtext | رسالة قيمة قصيرة — "تخفيضات الربيع · 15% خصم على الطلبات فوق $1,000". |
| لون الخلفية | لون | اختر تأكيدًا عالي التباين — كوبالتي، أحمر-برتقالي، تركوازي، إلخ. |
| عنوان الرابط URL | URL | هدف النقر للافتة (الشريط بأكمله قابل للنقر). |
| تسمية الرابط | نص | CTA مضمن — "تسوق التخفيضات ←". |
| قابل للإغلاق | خانة اختيار | الافتراضي مفعّل. يضيف زر الإغلاق × + استمرار localStorage. |
| الموضع | اختيار | above_header (الافتراضي) · below_header. فوق الرأس يُقرأ أكثر عاجلية؛ تحت الرأس يُقرأ أكثر كلافتة. |
قابلية الإغلاق
عندما يكون قابل للإغلاق مفعّلًا، يكتب زر × مفتاح vertex_promo_dismissed:{section-id} إلى localStorage. تبقى اللافتة مخفية حتى يمسح الزائر بيانات موقعه — أو تعيد نشر القسم بمعرّف مختلف.
إذا أردت إعادة ظهور ترويج مغلق لحملة جديدة، غيّر معرّف القسم (احذف + أعد إضافة القسم في المُخصص). لن يطابق مفتاح localStorage القديم بعد، وستظهر اللافتة مرة أخرى للجميع.
promo-popup
ملف القسم: sections/promo-popup.liquid
نافذة منبثقة تفتح تلقائيًا مع صورة، عنوان، نص، وCTA. trigger قابل للتكوين وإيقاع قائم على ملفات تعريف الارتباط حتى لا يراها الزوار في كل تحميل صفحة.
الإعدادات
| الإعداد | النوع | ملاحظات |
|---|---|---|
| العنوان | نص | "اشترك ووفر 10%" / "انتظر — احصل على عينة مجانية". |
| النص | Richtext | طمأنينة قصيرة + قيمة مقترحة. |
| الصورة | صورة | رسم مُعرَّض جانبيًا (أو خلفية كاملة العرض). |
| تسمية CTA | نص | "اشترك" / "احصل على المجموعة". |
| عنوان CTA URL | URL | صفحة نموذج أو منتج. |
| Trigger | اختيار | immediate · on_scroll (بعد التمرير 50% من الصفحة) · exit_intent (اكتشاف مغادرة الفأرة). |
| ثواني التأخير | رقم | يُستخدم فقط عندما يكون trigger هو immediate. الافتراضي 5. |
| أيام انتهاء صلاحية الكوكي | رقم | الافتراضي 7. الزوار الذين يغلقون أو يحوّلون لن يروها مرة أخرى لمدة N أيام. |
Triggers موضحة
| Trigger | الأنسب لـ | اعتبار UX |
|---|---|---|
| فوري (تأخير) | تسجيلات النشرة الإخبارية، عروض الزائر لأول مرة | الأكثر تطفلًا — استخدم تأخير 5–10 ثوانٍ كحد أدنى |
| عند التمرير (50%) | إشارة تفاعل — يفعّل فقط بعد أن يمرر الزائر، مما يشير إلى الاهتمام | أفضل توازن بين التحويل + UX |
| نية الخروج | عروض الفرصة الأخيرة، استرداد التخلي | سطح المكتب فقط — نية الخروج لا تفعّل بشكل موثوق على الجوال |
مفتاح الكوكي هو vertex_promo_popup:{section-id}. لن تعاد فتح النافذة المنبثقة حتى تنتهي صلاحية الكوكي.
countdown
ملف القسم: sections/countdown.liquid
عداد الأيام / الساعات / الدقائق / الثواني. عد حي عبر JS، معروض من الخادم للحالة الأولية (بدون وميض).
الإعدادات
| الإعداد | النوع | ملاحظات |
|---|---|---|
| العنوان | نص | "تخفيضات الربيع تنتهي خلال". |
| تاريخ الانتهاء | منتقي تاريخ | تاريخ + وقت انتهاء الصلاحية. مخزن في المنطقة الزمنية لمتجر التاجر. |
| نص انتهاء الصلاحية | نص | يستبدل العداد بمجرد وصول المؤقت إلى الصفر. "انتهت التخفيضات". |
| عنوان الرابط URL | URL | CTA اختياري أسفل العداد. |
| تسمية الرابط | نص | "تسوق الآن". |
| نظام الألوان | اختيار | قائمة منسدلة قياسية لنظام الألوان. |
كيف يعد
يشغّل assets/countdown.js حلقة requestAnimationFrame تحدث المؤقت كل ثانية. عند الوصول إلى الوقت المستهدف، يتم استبدال العداد بـ نص انتهاء الصلاحية. الرابط/CTA مخفي بعد انتهاء الصلاحية.
المواقيت الزائفة (دائمًا 24 ساعة، تعاد عند إعادة تحميل الصفحة) تدمر الثقة. اربط تاريخ الانتهاء بانتهاء حملة حقيقية ودع القسم يعتني بحالة انتهاء الصلاحية.
featured-bundles
ملف القسم: sections/featured-bundles.liquid
بطاقات حزم منسقة مع صورة، عنوان، شارة خصم، وATC. كل كتلة هي حزمة واحدة (عادةً منتج رئيسي يحزم 2–5 SKUs، مكوّن كـ Shopify Bundle في إدارتك).
إعدادات كل كتلة
| الإعداد | النوع | ملاحظات |
|---|---|---|
| المنتج | منتقي منتج | المنتج الرئيسي للحزمة. |
| تسمية الحزمة | نص | تجاوز عنوان المنتج — "مجموعة MRO المبتدئة". |
| نص الخصم | نص | شارة متراكبة على الصورة — "وفر 15%" / "3 بسعر 2". |
| الوصف | Richtext | قيمة مقترحة قصيرة تحت العنوان. |
إعدادات القسم
- العنوان — "احزم ووفر"
- الأعمدة — 2 / 3 / 4
- إظهار السعر — تبديل (يحترم تسعير يتطلب تسجيل الدخول)
تنسيق شارة الخصم
يُعرض نص الخصم كحبة دائرية فوق الزاوية العلوية اليمنى للصورة. استخدم ألوان التأكيد (كوبالتي، أحمر-برتقالي، تركوازي) — الشارة صغيرة بما يكفي بحيث لا تطغى على البصرية للحزمة.
عداد المخزون (مؤشر انخفاض المخزون)
Snippet: snippets/stock-counter.liquid (مُعرَّض ككتلة في main-product)
تم تغطيته بالفعل في صفحة المنتج. يظهر فقط للمتغيرات التي تتتبع مخزونها، ويتحول إلى تحذير "تبقى N فقط" بمجرد وصول المخزون إلى عتبة انخفاض المخزون (10 وحدات). يفعّل العاجلية دون كشف المخزون الدقيق للمنافسين.
الحالات:
- أكثر من 10: "متوفر"
- عند أو أقل من 10: "تبقى 4 فقط في المخزون"
- قابل للطلب الخلفي (صفر، لكن مضبوط على متابعة البيع): "مطلوب خلفيًا — يُشحن خلال 7–10 أيام"
- نفد المخزون (صفر، غير قابل للطلب الخلفي): "نفد المخزون"
نافذة العرض السريع
الأصل: assets/quick-view.js + snippets/quick-view-button.liquid
تُفعَّل بزر العرض السريع على بطاقات المنتج. تفتح نافذة بمعرض المنتج، منتقي المتغير، إدخال الكمية، وATC — دون مغادرة صفحة المجموعة.
ما يُعرض في النافذة
- معرض متعدد الصور (مع السحب على الجوال)
- العنوان + السعر (يحترم تسعير يتطلب تسجيل الدخول + سعر كتالوج B2B)
- منتقي المتغير
- إدخال الكمية (مع فرض MOQ / الحد الأقصى / case-pack)
- زر ATC
- رابط "عرض التفاصيل الكاملة ←" إلى PDP
الإعدادات (على بطاقة المنتج / أقسام المجموعة)
- إظهار زر العرض السريع — تبديل (لكل قسم:
featured-collection،collection-list، نتائج البحث، المنتجات ذات الصلة) - تسمية زر العرض السريع — نص (الافتراضي "عرض سريع")
متى تفعّل / تعطّل
| حالة الاستخدام | التوصية |
|---|---|
| كتالوج عالي الحجم حيث يقارن المشترون المتغيرات بسرعة | فعّل — يسرّع تدفق "تصفح 20 منتجًا، أضف 3" |
| كتالوج عالي التقنية حيث يحتاج المشترون إلى أوراق البيانات + المواصفات قبل اتخاذ القرار | عطّل — العرض السريع لا يُظهر المواصفات أو المستندات؛ أجبر النقر إلى PDP |
متى تستخدم ماذا
| الهدف | القسم |
|---|---|
| لفت الانتباه إلى حملة على مستوى الموقع | promo-banner |
| التقاط البريد + تقديم خصم لأول مرة | promo-popup |
| عرض محدود زمنيًا بانتهاء صلاحية صارم | countdown |
| إبراز عروض متعددة المنتجات منسقة | featured-bundles |
| العاجلية في PDP دون كشف المخزون الدقيق | عداد المخزون |
| تقليل الاحتكاك في تدفق صفحة المجموعة ← ATC | العرض السريع |
ما هي الخطوة التالية
- أقسام صفحة المنتج → — عداد المخزون على PDP بالكامل
- تسويق الصفحة الرئيسية → — أين تسقط لافتات الترويج على الصفحة الرئيسية
- مرجع إعدادات القالب → — أنظمة الألوان، التخطيط، ومفاتيح صفحة المنتج