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

لوحة حساب العميل — تدفق عمل واعٍ بـ B2B

يأتي Vertex بمجموعة حسابات عملاء كاملة تتكيف تلقائياً مع من سجل الدخول. مشترٍ مشتريات B2B بشروط NET-30 ومندوب مبيعات مسند يرى لوحة واحدة. عميل B2C نهائي يرى لوحة مختلفة. مشترٍ حسابات مستحقة متعدد المواقع يرى نسخة ثالثة مع محوّل شركات. كلها من نفس القالب — لا تطبيق ولا عائلة قوالب ثانية ولا كود مخصص.

يغطي هذا الدليل كل شاشة حساب عميل في Vertex، وكيف يعمل السلوك الواعي بـ B2B، وتدفق إعادة الطلب السريعة، وتجربة المشتري متعدد المواقع، وكيفية تخصيص كل شاشة في محرر القالب.

أصلي + واعٍ بـ B2B

بُني حساب عميل Vertex على حسابات عملاء Shopify الجديدة (التجربة التي تستضيفها Shopify بلا كلمة مرور والتي يتطلبها B2B) مع تنسيق قالب Vertex وأقسام واعية بـ B2B مُضافة فوقها. تحصل على أناقة قالب مخصص و مرونة تحرير كل قسم مثل أي صفحة أخرى.

ما يأتي في مجموعة حساب العميل​

الشاشةما تفعله
اللوحةصفحة الوصول بعد تسجيل الدخول. واعية بـ B2B: تعرض معلومات الشركة وشروط الدفع وبطاقة مندوب المبيعات وإعادة الطلب السريعة لمشتري B2B. تعرض قائمة الطلبات ورابط العناوين لعملاء B2C.
عرض طلب فرديترويسة الطلب (الرقم، التاريخ، الحالة، الإجمالي)، عناصر السطر مع أزرار "Reorder this item" لكل سطر، زر "Reorder all" بعرض الطلب الكامل في الأسفل، عناوين الشحن والفوترة، حالة التنفيذ.
العناوينإضافة وتحرير وحذف وتعيين العناوين الافتراضية. حقول مدركة للدولة مع التحقق من الولاية/المقاطعة.
تسجيل الدخولالبريد + كلمة المرور + "Forgot password?" + روابط "Create account".
إنشاء حسابالاسم الأول، الاسم الأخير، البريد، كلمة المرور. زر "Apply for trade account" اختياري يوجّه إلى صفحة Request a Quote.
تفعيل الدعوةيفعّل حساب عميل أنشأه التاجر عبر لوحة Shopify.
إعادة تعيين كلمة المرورمن خطوتين (طلب بريد إعادة التعيين، ثم إدخال كلمة مرور جديدة).

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

حسابات العملاء التي تستضيفها Shopify

هذه هي تجربة حساب العميل الجديدة التي تستضيفها Shopify والتي يراها مشترو B2B — مُعلَّمة باسم متجرك وعنوان الشحن، مع علامتي تبويب لتاريخ الطلبات والملف الشخصي في الأعلى. يأتي المظهر من Shopify مباشرةً، وليس من قالب Vertex. بطاقة مندوب المبيعات واختصارات إعادة الطلب السريعة يضيفها Vertex فوقها.

اللوحة الواعية بـ B2B​

اللوحة هي المحور. تكتشف ما إذا كان العميل المسجل الدخول مشتري B2B وتعرض إحدى التخطيطتين تلقائياً.

كيف يعمل الكشف​

لا يوجد تطبيق ولا إعداد ولا مبدّل. ينظر Vertex فيما إذا كان العميل المسجل الدخول مرتبطاً بشركة في Shopify B2B. إن كان كذلك، تُعرض لوحة B2B. وإلا، تُعرض لوحة B2C. إنه أصلي بالكامل وفوري.

تخطيط لوحة B2B​

للمشتري B2B المسجل الدخول، تُظهر اللوحة:

1. ترويسة الترحيب​

  • مرحباً، [الاسم الأول] — تحية ودية
  • اسم الشركة — مأخوذ من سجل شركة المشتري
  • شارات الشركة — NET-30 / NET-60 / NET-90 وTax-exempt
  • عنوان الشحن الحالي — ملخص قصير لعنوان الشحن المختار حالياً للمشتري

2. بطاقة مندوب المبيعات (متغير كامل)​

إذا ملأت الحقول الوصفية لمندوب المبيعات لكل شركة (vertex.rep_name / vertex.rep_email / vertex.rep_phone تحت Customers ▸ Companies ▸ [الشركة] ▸ Metafields)، تعرض اللوحة بطاقة مندوب مبيعات كاملة — أكبر من الشارة الأصغر في الرأس.

تتضمن البطاقة:

  • اسم المندوب (مع صورة رمزية بالحرف الأول)
  • بريد المندوب (نقرة للمراسلة)
  • هاتف المندوب (نقرة للاتصال)

انظر دليل إعداد الحقول الوصفية لملء هذه.

مندوب مبيعات لكل شركة

تستخدم بطاقة مندوب المبيعات تفاصيل المندوب التي تملؤها لكل شركة. جميع المشترين المرتبطين بنفس الشركة يرون نفس المندوب.

3. قائمة إعادة الطلب السريعة​

ميزة B2B الأكثر محبوبية. تعرض آخر 5 طلبات للمشتري مع:

  • رقم الطلب والتاريخ
  • الإجمالي وعدد العناصر
  • زر Reorder all (بنقرة واحدة — يضيف كل سطر مرة أخرى إلى العربة بالأسعار الحالية)
  • شارة حالة الطلب (Fulfilled / Partial / Unfulfilled / Cancelled)
  • رابط لعرض الطلب الفردي الكامل

لا حاجة لتطبيق — إعادة الطلب السريعة مدمجة في Vertex.

العناصر المتوقفة أو المحذوفة من الكتالوج

إذا لم يعد عنصر سطر من الطلب الأصلي في كتالوج المشتري، تتخطاه إعادة الطلب وتُظهر ملاحظة صغيرة: "2 items from order #1234 are no longer available and were skipped." لا يزال بإمكان المشترين مراجعة العربة قبل الدفع.

4. شبكة الروابط السريعة​

شبكة لإجراءات حساب B2B الأساسية:

  • All orders — تاريخ الطلبات الكامل
  • Addresses — إدارة عناوين الشحن
  • Bulk order — رابط إلى صفحة الطلب بالجملة (لصق إلى العربة)
  • Request a quote — رابط إلى صفحة RFQ
  • Catalog — رابط إلى الواجهة مفلترة بكتالوج B2B الخاص بهم

5. النشاط الأخير​

جدول زمني مكثف لآخر 10 إجراءات للمشتري:

  • الطلبات المرسلة
  • العناوين المضافة أو المحدّثة
  • طلبات الأسعار المرسلة

تخطيط لوحة B2C​

لعميل غير B2B، اللوحة أبسط:

  • ترويسة الترحيب (بدون معلومات شركة، بدون شارة شروط دفع)
  • قائمة الطلبات (ترقيم صفحات كامل)
  • بطاقة العنوان الافتراضي مع روابط التحرير والإدارة
  • بدون بطاقة مندوب مبيعات (عملاء B2C لا يحصلون على مندوب مسند)
  • بدون قائمة إعادة طلب سريعة (زر "View orders" وحيد — يعيد المشترون الطلب من عرض الطلب الفردي)

لوحة B2C مصممة بهدف السرعة والوضوح — معظم عملاء B2C يريدون فحص حالة طلب، وليس التفاعل مع قشرة الشركة.

تدفق إعادة الطلب السريعة​

إعادة الطلب السريعة متاحة على سطحين:

السطح 1 — قائمة آخر 5 طلبات في اللوحة​

(موضح أعلاه.) "Reorder all" بنقرة واحدة لكل طلب، تكشف عن أحدث 5. المشترون الذين يعيدون طلب نفس الطقم أسبوعياً يحبون هذا — إنها نقرتان من تسجيل الدخول إلى عربة محمّلة بالكامل.

السطح 2 — عرض الطلب الفردي​

للطلبات الأقدم أو لإعادة طلب جزء فقط، يُظهر عرض الطلب الفردي:

  • زر "Reorder this item" لكل سطر على كل سطر — يضيف متغيراً واحداً بالكمية الأصلية
  • مدخل كمية لكل سطر حتى يتمكن المشتري من تغيير الكمية قبل الإضافة (افتراضي على كمية الطلب الأصلية)
  • زر "Reorder all items" بعرض الطلب الكامل في الأسفل — يضيف كل سطر بالكمية الأصلية

نفس سلوك العناصر المتخطاة مثل إعادة الطلب في اللوحة، فقط بدقة أكبر.

إعادة الطلب تستخدم التسعير الحالي

تستخدم إعادة الطلب أياً كان سعر الكتالوج الحالي للمشتري — وليس سعر الطلب التاريخي. هذا مهم لـ B2B: الأسعار التعاقدية تتغير، وإعادة الطلب بسعر قديم قد تتعارض مع الكتالوج الجديد. إذا احتاج مشترٍ إلى تكريم السعر القديم، فعليه الاتصال بمندوب مبيعاته وتقديم عرض سعر.

المشترون متعددو المواقع​

بعض مشتري B2B مرتبطون بـ شركات متعددة (مثلاً مدير حسابات مستحقة في شركة كبيرة يضع طلبات لـ 5 شركات تابعة). لهؤلاء المشترين، يعرض Vertex تلقائياً محوّل شركات في تذييل درج الجوال وشريط ترحيب سطح المكتب.

مكان عرض المحوّل​

  • سطح المكتب (≥1170px) — في شريط ترحيب B2B الأزرق الكوبالتي (أعلى الرأس) عندما تتوفر أكثر من شركة
  • الجوال والجهاز اللوحي (<1170px) — في أسفل تذييل درج القائمة، فوق كبسولات اللغة والعملة

المشترون أحاديو الشركة لا يرونه — واجهة نظيفة. المحوّل قابل للوصول بالكامل عبر لوحة المفاتيح ويطابق كل قائمة منسدلة أخرى في Vertex.

كيف يعمل التبديل​

عندما يختار المشتري موقع شركة مختلف، يعيد Shopify تحميل الصفحة بالشركة الجديدة في الجلسة. يتقلّب الكتالوج والتسعير وشروط الدفع وعنوان الشحن وحالة الإعفاء الضريبي كلها إلى الشركة الجديدة. تُحفظ العربة إذا كانت متوافقة، أو تُمسح مع تحذير إن لم تكن. كلها أصلية — لا تطبيق، لا مزامنة يدوية.

تسجيل الدخول، إنشاء حساب، التفعيل، إعادة تعيين كلمة المرور​

كل شاشات المصادقة أُعيد تصميمها في نظام تصميم Vertex. تشترك في لغة بصرية متسقة:

  • تخطيط بطاقة موسّطة مع خط العناوين وخط النص للواجهة
  • شعار وعنوان صغير في أعلى البطاقة
  • نموذج عمود واحد مع مدخلات بعرض كامل (أهداف لمس 52 بكسل، حلقة focus-visible، تسمية في الأعلى)
  • زر CTA رئيسي بلون التمييز للواجهة
  • روابط ثانوية أدناه — "Forgot password?"، "Create account"، "Already have an account?"
  • تذييل الواجهة أسفل البطاقة (خفيف الوزن — فقط روابط قانونية وحقوق النشر)

شاشة تسجيل الدخول​

  • البريد وكلمة المرور
  • رابط "Forgot password?"
  • زر "Create account"
  • (إضافة B2B) — ملاحظة صغيرة: "Need a trade account? Request access →"

شاشة إنشاء حساب​

  • الاسم الأول، الاسم الأخير، البريد، كلمة المرور
  • زر "Create account"
  • (إضافة B2B) — ملاحظة صغيرة: "Existing trade customer? Sign in →"

السلوك القياسي لـ Shopify: تمر الحسابات الجديدة بالتحقق من البريد قبل السماح بتسجيل الدخول. تُنشأ حسابات B2B الجديدة من قبل التاجر عبر Customers ▸ Companies — لا يسجلون أنفسهم.

شاشة تفعيل الحساب​

للعملاء المدعوين من التاجر. يصلون إلى هذه الصفحة من بريد الدعوة ويحددون كلمة مرورهم.

شاشة إعادة تعيين كلمة المرور​

شاشتان في واحدة:

  1. طلب إعادة تعيين — مدخل بريد فقط + زر "Send reset link"
  2. تعيين كلمة مرور جديدة — كلمة مرور جديدة + تأكيد كلمة المرور + زر "Update password" (بعد النقر على رابط البريد)

التخصيص في محرر القالب​

شاشات حساب العميل قابلة للتحرير في محرر القالب، حيث يكشف Vertex مجموعة صغيرة من إعدادات القسم. التخصيص هنا مركّز عن قصد — بنية اللوحة ثابتة، والعناصر أدناه هي التي يوفّرها Vertex.

افتح اللوحة في محرر القالب​

  1. افتح Online Store ▸ Themes ▸ Customize
  2. في القائمة المنسدلة العلوية للقالب، اختر Customers ▸ Account
  3. يعرض محرر القالب الآن لوحة الحساب مع قسم Account في الشريط الجانبي الأيسر

يبقي قسم Account التخصيص صغيراً عن قصد — يوجد بالضبط إعدادان، كلاهما تحت ترويسة Layout الخاصة بالقسم:

التخصيصكيف
Recent orders to showإعدادات القسم → "Recent orders to show" → يتحكم في عدد الطلبات الأخيرة التي تكشفها قائمة إعادة الطلب السريعة. النطاق 3–10، الافتراضي 5.
Show Quick actions cardإعدادات القسم → "Show Quick actions card" → يفعّل أو يوقف بطاقة الإجراءات السريعة (الافتراضي مفعّل).
ظهور بطاقة مندوب المبيعاتتلقائي — تظهر البطاقة عندما يكون الحقل الوصفي vertex.rep_name للشركة مملوءاً والمشتري مسجل الدخول؛ وتختفي لعملاء B2C وفي وضع B2C فقط. لا يوجد مبدّل لكل قسم.
محتوى صفحة الحساب تتحكم فيه Shopify، وليس القالب

تُعرض لوحة Vertex داخل تجربة حسابات العملاء الجديدة التي تستضيفها Shopify. تحية الترحيب وعلامتا تبويب الطلبات والملف الشخصي وقشرة الصفحة الإجمالية تأتي كلها من Shopify مباشرةً — تحرّر العلامة التجارية (اسم المتجر، الشعار، الألوان) تحت Settings ▸ Customer accounts في لوحة Shopify، وليس في هذا القسم. الإعدادان أعلاه هما عناصر التحكم الوحيدة على مستوى القالب التي يضيفها Vertex فوقها.

لـ عرض الطلب الفردي (قسم Order)، يوجد إعداد واحد:

التخصيصكيف
Show print invoice linkإعدادات القسم → "Show print invoice link" → يفعّل أو يوقف رابط طباعة الفاتورة في صفحة تفاصيل الطلب (الافتراضي مفعّل).

قراءة ذات صلة​

ملخص​

  • مجموعة حساب عميل Vertex واعية بـ B2B — نفس الشاشات، تخطيطان، كشف تلقائي.
  • تكشف لوحة B2B عن معلومات الشركة وشارة شروط الدفع وبطاقة مندوب المبيعات الكاملة وآخر 5 طلبات مع إعادة الطلب السريعة وشبكة روابط سريعة.
  • لوحة B2C مصممة بهدف السرعة — فقط الطلبات والعنوان الافتراضي.
  • إعادة الطلب السريعة تعمل من اللوحة ومن عرض الطلب الفردي — لا حاجة لتطبيق.
  • المشترون متعددو الشركات يحصلون على محوّل شركات في تذييل درج الجوال وشريط ترحيب سطح المكتب.
  • شاشات تسجيل الدخول وإنشاء الحساب والتفعيل وإعادة تعيين كلمة المرور أُعيد تصميمها في نظام تصميم Vertex.
  • يكشف قسم Account عن إعدادي قالب (عدد الطلبات الأخيرة وبطاقة الإجراءات السريعة)؛ ويضيف قسم Order مبدّل طباعة الفاتورة.