إنتقل إلى المحتوى الرئيسي

أقسام تعزيز المبيعات

هذه هي الأقسام التي تركز على التحويل في Vertex — الإشارات العاجلية، وأسطح الترويج، وتدفقات النوافذ المنبثقة، وكتل الحزم. لا يتطلب أي منها تطبيقًا من طرف ثالث. كلها تحترم سياسة Shopify Theme Store (لا قوائم أمنيات دائمة، ولا سكريبتات تتبع، ولا روابط affiliate).

Sales-boost: promo banner + countdown + bundle cards

استخدمها باعتدال

كدس الكثير من إشارات العاجلية وستلغي بعضها بعضًا. عد تنازلي بجانب عداد منخفض المخزون بجانب نافذة ترويج منبثقة يصرخ يائس. اختر الذي يتطابق مع حملتك، اتكئ عليه، ودوّر.


promo-banner

ملف القسم: sections/promo-banner.liquid

لافتة علوية قابلة للإغلاق — تُستخدم عادةً للترويج لتخفيضات على مستوى الموقع، أو حد شحن مجاني، أو حملة موسمية. مختلفة عن شريط الإعلان (الذي هو عنصر دائم)؛ لافتة الترويج هي مدفوعة بالحملة وقابلة للإغلاق.

الإعدادات

الإعدادالنوعملاحظات
النصRichtextرسالة قيمة قصيرة — "تخفيضات الربيع · 15% خصم على الطلبات فوق $1,000".
لون الخلفيةلوناختر تأكيدًا عالي التباين — كهرماني، أحمر-برتقالي، تركوازي، إلخ.
عنوان الرابط URLURLهدف النقر للافتة (الشريط بأكمله قابل للنقر).
تسمية الرابطنص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 URLURLصفحة نموذج أو منتج.
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، معروض من الخادم للحالة الأولية (بدون وميض).

الإعدادات

الإعدادالنوعملاحظات
العنواننص"تخفيضات الربيع تنتهي خلال".
تاريخ الانتهاءمنتقي تاريختاريخ + وقت انتهاء الصلاحية. مخزن في المنطقة الزمنية لمتجر التاجر.
نص انتهاء الصلاحيةنصيستبدل العداد بمجرد وصول المؤقت إلى الصفر. "انتهت التخفيضات".
عنوان الرابط URLURLCTA اختياري أسفل العداد.
تسمية الرابطنص"تسوق الآن".
نظام الألواناختيارقائمة منسدلة قياسية لنظام الألوان.

كيف يعد

يشغّل assets/countdown.js حلقة requestAnimationFrame تحدث المؤقت كل ثانية. عند الوصول إلى الوقت المستهدف، يتم استبدال العداد بـ نص انتهاء الصلاحية. الرابط/CTA مخفي بعد انتهاء الصلاحية.

استخدم مواعيد حملات حقيقية

المواقيت الزائفة (دائمًا 24 ساعة، تعاد عند إعادة تحميل الصفحة) تدمر الثقة. اربط تاريخ الانتهاء بانتهاء حملة حقيقية ودع القسم يعتني بحالة انتهاء الصلاحية.


ملف القسم: 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 أيام"
  • نفد المخزون (صفر، غير قابل للطلب الخلفي): "نفد المخزون" (مع نموذج العودة في المخزون)

تنبيه العودة في المخزون

Snippet: snippets/back-in-stock.liquid (مُعرَّض تلقائيًا على المتغيرات غير المتوفرة في main-product)

نموذج قبول البريد الإلكتروني الذي يظهر على المتغيرات غير المتوفرة عندما لا يكون الطلب المسبق مفعّلًا. أصلي — بدون تطبيق من طرف ثالث.

كيف يعمل

  1. يختار المشتري متغيرًا غير متوفر
  2. يُستبدل ATC بإدخال بريد إلكتروني + زر أبلغني
  3. عند الإرسال، يُكتب بريد المشتري إلى قائمة عملاء Shopify بعلامة back_in_stock:{product_id}:{variant_id}
  4. عند تجديد المخزون وإعادة نشر المتغير، يمكنك تصفية العملاء بتلك العلامة وإرسال حملة

ما يحتاج التاجر إلى فعله

  1. أنشئ شريحة عملاء في لوحة Shopify الإدارية مفلترة بالعلامة back_in_stock:{product_id}:*
  2. عند تجديد المخزون، أرسل حملة يدوية إلى تلك الشريحة عبر Shopify Email أو ESP الخاص بك
لا توجد رسائل تجديد مخزون تلقائية

يلتقط Vertex القبول. إرسال بريد تجديد المخزون هو خطوة يدوية — لا يكشف Shopify hook أصلي "أرسل بريدًا تلقائيًا عند التجديد" من كود القالب بدون تطبيق. المقايضة هي الامتثال الكامل لسياسة Theme Store + صفر تكلفة شهرية.


نافذة العرض السريع

الأصل: 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العرض السريع

ما هي الخطوة التالية