أقسام الصفحة الرئيسية والتسويق
يأتي Vertex مع 30+ قسمًا جاهزًا للصفحة الرئيسية مصممة لواجهات B2B واللوازم الصناعية: مدوّرات hero، أعمدة متعددة تحريرية، علامات الثقة، أشرطة KPI، أكورديونات FAQ مع JSON-LD مُصدر تلقائيًا، لافتات تحويل، وأقسام 50/50 مدمجة تجمع فكرتين مرتبطتين في شريط واحد (العلامات التجارية + الطلب السريع، الموارد + FAQ).
كل قسم هنا هو قسم OS 2.0 مستقل. اسحبهم بأي ترتيب في المُخصص. ليس عليك استخدامهم في الصفحة الرئيسية أيضًا — أسقطهم على page.about.json، page.services.json، أو أي قالب صفحة مخصص.
أقسام Hero والافتتاح
hero
ملف القسم: sections/hero.liquid
مدوّر متعدد الشرائح مع تقدم تلقائي، تنقل بالنقاط، وتأليف تحريري (eyebrow + عنوان + عنوان فرعي + CTAs مزدوجة). الافتراضي شريحة واحدة لأسرع LCP — الشرائح الإضافية هي تحسين تدريجي.
إعدادات كتلة كل شريحة: صورة (مع اختيار عرض مدرك للجوال عبر <picture><source>)، نص eyebrow، عنوان، عنوان فرعي، تسمية CTA الأساسي + URL، تسمية CTA الثانوي + URL، محاذاة (يسار / وسط).
إعدادات القسم: فترة التقدم التلقائي (ثوانٍ)، مفتاح إظهار النقاط، نظام الألوان.
احتفظ بالصفحة الرئيسية بشريحة hero واحدة إذا كان أداء Lighthouse أولوية. كل شريحة إضافية تضيف صورة بحجم hero إلى الحمولة الأولية. يأتي الافتراضي بشريحة واحدة لهذا السبب.
featured-collection
ملف القسم: sections/featured-collection.liquid
شبكة منتجات تسحب من منتقي مجموعة. تقبل كتل @app لامتثال Theme Store.
الإعدادات: منتقي المجموعة، العنوان، المنتجات لكل صف (2 / 3 / 4 / 5)، الأعمدة على الجوال (1 / 2)، إظهار رابط عرض الكل، نظام الألوان.
collection-list
ملف القسم: sections/collection-list.liquid
شبكة فئات مع تراكبات صور وعناوين موسطة فوق كل بلاطة. أعمدة قابلة للتكوين ونسبة عرض إلى ارتفاع.
الكتل التحريرية
image-with-text
ملف القسم: sections/image-with-text.liquid
اقتران صورة + نص كلاسيكي 50/50 أو غير متماثل. مفيد لـ عن، عمليتنا، لماذا نحن.
الإعدادات: صورة، عنوان، نص (richtext)، تسمية CTA + URL، التخطيط (image-left / image-right)، نظام الألوان.
multicolumn
ملف القسم: sections/multicolumn.liquid
شبكة 2 أو 3 أو 4 أعمدة. كل عمود له أيقونة (أو صورة)، عنوان، نص، ورابط اختياري. استخدم للقيم المقترحة (شحن في نفس اليوم · NET-30 · تسعير الحجم · معتمد ISO 9001).
إعدادات كتلة كل عمود: أيقونة (صورة)، عنوان، نص، تسمية الرابط + URL.
rich-text
ملف القسم: sections/rich-text.liquid
كتلة مقدمة موسطة أو عن. عنوان + نص richtext + CTA اختياري. استخدم باعتدال — هي كتلة "فاصل الصفحة".
timeline
ملف ا لقسم: sections/timeline.liquid
تأريخ السنة + المعالم لصفحة عن. لكل كتلة: السنة، العنوان، النص.
الثقة والإثبات الاجتماعي
testimonials
ملف القسم: sections/testimonials.liquid
بطاقات مقيمة مع معالجة رأس بأفاتار متداخل. كل بطاقة لها تقييم (1–5 نجوم)، اقتباس، اسم العميل، الدور، الشركة، وصورة الأفاتار.
إعدادات كل كتلة: الاسم، الدور، الشركة، الاقتباس (richtext)، التقييم (1–5)، الأفاتار (صورة).
logo-list
ملف القسم: sections/logo-list.liquid
شعارات العلامات التجارية المتمررة بنمط marquee مع خطوط شبكة متلاشية. استخدم لـ موثوق من قبل / كما ظهر في / العلامات التجارية التي نحملها.
إعدادات كل كتلة: صورة الشعار، URL اختياري. على مستوى القسم: سرعة التمرير، إظهار خطوط الشبكة.
press-coverage
ملف القسم: sections/press-coverage.liquid
شريط الشعارات + الاقتباسات المُسلَّطة. يجمع شعارات الصحافة مع اقتباسات قصيرة منسوبة — "...مكماستر-كار لـ WordPress." — Trade Weekly.
stats-bar
ملف القسم: sections/stats-bar.liquid
شريط KPI بالوضع الداكن. استخدم لأرقام العناوين — 40,000+ SKU · NET-30 · شحن خلال 24 ساعة · ISO 9001.
إعدادات كل كتلة: الرقم (نص كبير)، التسمية (نص صغير).
"40,000+ SKU" يُقرأ أقوى من "40,127 SKU" ولا يتطلب تحديث القسم في كل مرة يتحول فيها المخزون. نفس الشيء مع حجم الطلب.
التحويل وCTA
cta-banner
ملف القسم: sections/cta-banner.liquid
دعوة للعمل قبل التذييل مع تأثير التداخل في التذييل — يكسر الشريط بصريًا في التذييل للأناقة التحريرية.
الإعدادات: العنوان، العنوان الفرعي، CTA الأساسي، CTA الثانوي، صورة (اختياري)، مفتاح إخفاء لعملاء B2B.
مفتاح إخفاء لعملاء B2B هو تفصيل صغير لكنه حاسم. إذا كان CTA يقرأ "كن ديلر" أو "طلب عرض سعر"، لا تريد إظهاره لمشتري مسجل دخوله بالفعل كديلر. اقلب هذا والقسم يختفي عندما يكون customer.b2b? صحيحًا.
newsletter
ملف القسم: sections/newsletter.liquid
قبول البريد الإلكتروني مع زر اشتراك. يستخدم نموذج النشرة الإخبارية للعميل الأصلي في Shopify — يهبط المشتركون في قائمة عملائك في Shopify مع علم newsletter.
industries-grid
ملف القسم: sections/industries-grid.liquid
شبكة بطاقات تحريرية لعرض القطاعات التي تخدمها — HVAC · التصنيع · المرافق · البحري · الفضاء الجوي.
إعدادات كل كتلة: صورة، عنوان، رابط.
resource-hub
ملف القسم: sections/resource-hub.liquid
قائمة تنزيلات لأوراق البيانات وMSDS والكتيبات والشهادات. كل إدخال هو رابط ملف.
إعدادات كل كتلة: عنوان، ملف (PDF)، وصف، أيقونة اختيارية.
services-grid
ملف القسم: sections/services-grid.liquid
بلاطات بتراكب صور لعروض الخدمات — قطع على الحجم · تجهيز مخصص · استشارة في الموقع · إدارة المخزون.
FAQ
faq
ملف القسم: sections/faq.liquid
أكورديون قائم على الكشف (مبني على <details> / <summary> الأصلي لدعم لوحة المفاتيح + قارئ الشاشة الكامل). يصدر تلقائيًا FAQPage JSON-LD لمقتطفات Google الغنية.
إعدادات كل كتلة: السؤال (نص)، الإجابة (richtext).
يصدر القسم رسم JSON-LD تلقائيًا — ستحصل على مقتطفات FAQ غنية في نتائج بحث Google دون لمس الكود. تأكد من أن الأسئلة هي أسئلة حقيقية يطرحها المشترون (وليس نسخة تسويقية)، حيث تنطبق إرشادات محتوى Google.
أقسام مدمجة ذات غرض مزدوج
تجمع بعض الأقسام فكرتين في شريط واحد، مما يوفر المساحة العمودية ويخلق إيقاعًا تحريريًا.
dual-brands-quickorder
ملف القسم: sections/dual-brands-quickorder.liquid
مدمج 50/50: شبكة شعارات العلامات التجارية على جانب واحد، لوحة الطلب السريع باللصق-إلى-السلة على الآخر. ممتاز لصفحات B2B الرئيسية حيث تريد إظهار علامات الثقة AND مسار التحويل في نفس الشريط.
dual-resources-faq
ملف القسم: sections/dual-resources-faq.liquid
مدمج 50/50: تنزيلات الموارد (أوراق البيانات، الكتيبات) على جانب واحد، أكورديون FAQ على الآخر. اقتران شائع للصناعات الكثيفة الدعم.
توصيات ترتيب الأقسام
ترتيب مقترح لصفحة رئيسية لـ MRO / اللوازم الصناعية:
- Hero — القيمة المقترحة + CTA الأساسي (الكتالوج مقابل RFQ)
- شريط الإحصاءات — علامات مصداقية فورية
- المجموعة المميزة — الأكثر مبيعًا أو الفئة في أعلى القمع
- الأعمدة المتعددة — لماذا نحن في 3 أعمدة
- شبكة الصناعات — القطاعات التي تخدمها
- قائمة الشعارات — العلامات التجارية التي تحملها
- العلامات التجارية المزدوجة + الطلب السريع — اقترن مع CTA قائمة التجارة
- الشه ادات — اقتباسات المشترين مع التقييمات
- مركز الموارد — التنزيلات
- FAQ — أهم الاعتراضات
- لافتة CTA — طلب عرض سعر (مخفية لـ B2B المسجل دخوله)
- النشرة الإخبارية — تسجيل قائمة التجارة
ما هي الخطوة التالية
- أقسام صفحة المنتج → — المنتج الرئيسي، التبويبات، المنتجات ذات الصلة، المعروضة مؤخرًا، السلة الثابتة
- أقسام B2B فقط → — ترويج ميزات B2B، الطلب بالجملة، RFQ، المقارنة
- أقسام تعزيز المبيعات → — لافتة الترويج، العد التنازلي، الحزم، عداد المخزون
- مرجع إعدادات القالب → — أنظمة الألوان، الطباعة، إعدادات التخطيط