العلامة التجارية
ظبّط شعارك، ولغتك، والقوالب الجاهزة، والمظهر، والألوان، والخط الافتراضي لكل صفحة دفع بيشوفها عملاؤك.
صفحة إعدادات العلامة التجارية هي المكان اللي بتتحكم منه في شكل واجهات XPay اللي بيشوفها العميل: صفحة الدفع المستضافة، وروابط الدفع، وإيصالات الإيميل. كل جلسة دفع بترث الإعدادات دي، فظبطة مرة واحدة بتنطبق على كل دفعة بيعملها عملاؤك. وفيه تجاوزات لكل جلسة متاحة عن طريق الـ API للحالات اللي عايز فيها جلسة دفع واحدة تبان مختلفة (شوف ناحية المطوّر الإعداد المتقدم).
الصفحة دي بتغطي نموذج العلامة التجارية كامل: الشعار، واللغة الافتراضية، والقوالب الجاهزة، وأساسيات المظهر، والألوان الدلالية، والخط، ولوحة المعاينة الحيّة اللي بتتحدّث وانت بتغيّر.
تقدر تعمل إيه
ابدأ من قالب جاهز
أربع قوالب جاهزة بضغطة واحدة بتطبّق الهوية البصرية كاملة مرة واحدة. افتراضي، وبسيط، ومجلة، ونيون. عدّل بعد كده، وبعدين احفظ.
اظبط المظهر
ست أساسيات بتتحكم في وضع اللون، وشكل الحواف، والمسافات، وتخطيط النموذج، وحجم الإدخال، وستايل الإدخال.
خصّص 12 لون دلالي
عدّل اللون الأساسي، والمقدّمة، والخلفية، والمكتوم، والإبراز، والحدود، والإدخال، وغيرهم. واشتقّ ألوان مقدّمة متباينة تلقائيًا بضغطة واحدة.
اختار لغة افتراضية
ظبّط الإنجليزي أو العربي كلغتك الافتراضية. العملاء بيشوفوا اللغة الصح من غير ما تضطر تظبطها على كل جلسة.
افتح إعدادات العلامة التجارية
من القائمة الجانبية في لوحة التحكم، اضغط على قائمة حسابك واختار الإعدادات، وبعدين اضغط العلامة التجارية. الصفحة بتنقسم لجزئين: النموذج على الشمال، ومعاينة حيّة على اليمين بتتحدّث مع كل تغيير بتعمله. مفيش حاجة بتتحفظ لحد ما تضغط حفظ التغييرات.
الشعار
اضغط ارفع الشعار في قسم الشعار واختار صورة. الشعار بيظهر على صفحة الدفع المستضافة، وعلى صفحات روابط الدفع، وعلى إيصالات العملاء، وعلى الفواتير.
استخدم زرار استبدال علشان تبدّل الملف أو إزالة علشان تمسح الشعار الحالي.
اللغة الافتراضية
اختار اللغة اللي العملاء بيشوفوها لما يوصلوا صفحة الدفع المستضافة. تلات خيارات:
| الخيار | بيعمل إيه |
|---|---|
| تلقائي (إنجليزي) | الافتراضي. صفحة الدفع بتستخدم الإنجليزي إلا لو جلسة الدفع ظبطت locale خاص بيها. |
| إنجليزي | افرض الإنجليزي على كل جلسة ماتعملش تجاوز. |
| عربي | افرض العربي على كل جلسة ماتعملش تجاوز. تخطيط صفحة الدفع بيتقلب من اليمين للشمال تلقائيًا. |
للتجاوزات على مستوى الجلسة (مثلًا عميل بيتكلم فرنسي على حساب أغلبه إنجليزي)، استخدم حقل locale على جلسة الدفع. شوف الإعداد المتقدم لواجهة المطوّر.
النهارده، اللغات المدعومة اللي بيشوفها العميل هي الإنجليزي والعربي.
القوالب الجاهزة
أربع قوالب جاهزة بضغطة واحدة بتديك نقطة بداية. كل واحد بيطبّق الهوية البصرية كاملة مرة واحدة: المظهر، والألوان، والخط. بعد ما تضغط قالب، كل الحقول اللي تحت بتتحدّث علشان تطابقه. تقدر تعدّل أي حقل بعد كده؛ ومفيش حاجة بتتحفظ لحد ما تضغط حفظ التغييرات.
| القالب | إمتى تختاره |
|---|---|
| افتراضي | شكل مألوف على طريقة Stripe. وضع لون يتبع النظام، وتدوير معتدل، وحقول بحدود. بيظهر كويس على أجهزة العملاء الفاتحة والداكنة. |
| بسيط | شكل عصري تحريري بلوحة واحدة. حواف حادة، وتخطيط مفتوح، ولون أساسي شفاف. التدرّج البارز في صفحة الدفع بيتشال علشان الصفحة تبان كسطح واحد. |
| مجلة | شكل تجزئة فاخر. وضع فاتح، وسطح كريمي، وحواف حادة، وخطوط بزوائد (serif). الوضع الفاتح مفروض لأن اللوحة الدافئة متظبطة عليه. |
| نيون | شكل جريء وملفت لمجالات الترفيه، والألعاب، وأدوات صنّاع المحتوى، ومنتجات المطوّرين. وضع داكن مفروض، وحواف دائرية تمامًا، وحقول معبّاة، ولون أساسي أخضر نيون، و accent بنفسجي، وخط أحادي المسافة. |
لوحة المعاينة على اليمين بتعرض شكل كل قالب على طلب نموذجي فيه كام منتج وملخّص سعر، علشان تقدر تقارن قبل ما تحفظ.
المظهر
ست أساسيات بتتحكم في الإيقاع البنيوي لصفحة الدفع. كل حقل ممكن تسيبه بدون تحديد علشان يرجع للافتراضي بتاع المنصة.
| الحقل | الخيارات | بيتحكم في إيه |
|---|---|---|
| وضع الألوان | النظام، فاتح، داكن | هل صفحة الدفع تتبع ثيم نظام تشغيل العميل، ولا تستخدم الفاتح أو الداكن على طول. |
| نمط الحواف | مدوّر، حاد، دائري | نصف قطر الزوايا على الكروت، والزراير، وحقول الإدخال. |
| التباعد | مضغوط، عادي، واسع | الإيقاع الرأسي بين الأقسام. |
| تخطيط النموذج | مدمج، واسع | هل حقول النموذج تكون قريبة من بعض ولا فيها مساحة تتنفّس. |
| حجم الحقول | صغير، متوسط، كبير | ارتفاع الحقل والحشو بتاعه. |
| نمط الحقول | بحدود، مسطّح، معبّى | هل الحقول تستخدم حدّ ظاهر، ولا من غير حدّ، ولا تعبئة مظللة. |
تلميح لوحة التحكم بيقول: "بيتحكم في شكل وإيقاع صفحة الدفع المستضافة. الحقول من غير تحديد بترجع لافتراضيات المنصة."
الألوان
اتناشر رمز لون دلالي، كل واحد بياخد قيمة hex (#RRGGBB، أو #RRGGBBAA، أو #RGB، أو #RGBA). لو سيبت أي رمز فاضي، بيرجع لافتراضي متختار علشان يظهر كويس في وضع اللون اللي اخترته.
| الرمز | بيلوّن إيه |
|---|---|
| الأساسي | لون العلامة. بيُستخدم للزرار الأساسي والتدرّج البارز في صفحة الدفع. |
| مقدمة اللون الأساسي | النص والأيقونات اللي فوق اللون الأساسي (نص زرار Pay، مثلًا). |
| الخلفية | خلفية الصفحة. |
| المقدّمة | نص المحتوى والأيقونات على الخلفية. |
| الثانوي | الأسطح الخفيفة (الكروت الثانوية، وخلفيات المعلومات). |
| مقدمة الثانوي | النص على الأسطح المكتومة (التسميات الأقل بروزًا). |
| الإبراز | لون علامة ثانوي بيُستخدم للإبرازات. |
| مقدّمة الإبراز | النص والأيقونات على لون الإبراز. |
| الحدود | حدود الكروت والفواصل. |
| الحقل | حدود وتعبئة حقول النموذج. |
| حلقة التركيز | حلقة التركيز حوالين حقول الإدخال والزراير. |
| الإجراءات الحساسة | الأحمر المستخدم لحالات الخطأ والإجراءات التدميرية. |
اشتقاق ألوان المقدّمة تلقائيًا
أربع رموز مقدّمة (مقدمة اللون الأساسي، والمقدّمة، ومقدمة الثانوي، ومقدمة الإبراز) بتشيل زرار اشتقاق تلقائي. اضغطه وXPay بيحسب قيمة متباينة من اللون الأساس المطابق (الأساسي، أو الخلفية، أو الثانوي، أو الإبراز)، علشان التسميات تفضل واضحة من غير ما تختار التباين بإيدك.
اللون الأساسي الشفاف
لون أساسي بشفافية كاملة (#00000000) بيلغي التدرّج البارز في صفحة الدفع المستضافة. الجزء الشمال بيوقف يلوّن خلفيته بلون العلامة، فالصفحة كلها بتبان كسطح محايد واحد. مفيد للأشكال البسيطة اللي صوت العلامة فيها بيكون الخطوط مش كتل الألوان. القالب بسيط بيستخدم الحيلة دي.
الخط
قسم خيارات متقدمة فيه مُحدِّد لعائلة الخط بخمس خيارات:
| الخيار | بيستخدم إيه |
|---|---|
| افتراضي الجلسة | بدون تجاوز. بتُستخدم مجموعة خطوط المنصة الافتراضية (بيمسح الحقل). |
| Inter | خط بدون زوائد نظيف وعصري. محمّل مسبقًا عبر واجهات XPay. |
| خط النظام | خط نظام تشغيل العميل (system-ui). بيدّي إحساس أصلي على كل جهاز. |
| Helvetica | مجموعة Helvetica الكلاسيكية. بترجع لـ Arial على Windows. |
| Editorial Serif | مجموعة خطوط النظام بزوائد (ui-serif). New York على macOS، وCambria على Windows. إحساس فاخر. |
| خط ثابت العرض | مجموعة الخطوط أحادية المسافة بتاعة النظام. جمالية تقنية شبه الكود. بيستخدمها قالب نيون. |
المجموعات الآمنة على النظام بس هي المدعومة، فالمعاينة دايمًا بتطابق اللي عملاؤك هيشوفوه.
الحفظ وإعادة الضبط
تحت الصفحة فيه زرارين:
- حفظ التغييرات بيكتب كل اللي في النموذج على حسابك. الزرار بيتعطّل لحد ما تعمل تغيير واحد على الأقل. ويظهر تنبيه "تم الحفظ" للتأكيد.
- إعادة تعيين العلامة التجارية بيفتح ديالوج تأكيد. التأكيد بيمسح أساسيات المظهر، والألوان، والخط ويرجّعهم لـ "بدون تحديد" علشان كل صفحة دفع ترجع لافتراضيات المنصة. إعادة الضبط مابتمسّش الشعار ولا اللغة الافتراضية، دول ليهم تحكّماتهم الخاصة.
لو ماعندكش صلاحية الحفظ، الزرار بيتعطّل مع تلميح بيسمّي الصلاحية الناقصة.