تُعد صفحة التصميم المركز الرئيسي لعلامتك التجارية على كل الواجهات التي يراها العميل: صفحة الدفع، المتجر، وبوابة العملاء. يتم تطبيق التعديلات على الفور عبر الثلاثة وتُعرض في المعاينة الحية قبل الحفظ.
أبرز النقاط
- مركز تصميم موحد - اضبط مظهر صفحة الدفع، المتجر، وبوابة العملاء من صفحة واحدة.
- ثيمات جاهزة - ابدأ بثيم مُختار ثم قم بتخصيصه.
- الوضع الفاتح والداكن - حدد لوحات ألوان منفصلة لكل وضع.
- المعاينة الحية - شاهد كيف تبدو التعديلات عبر صفحة الدفع، بوابة العملاء، والمتجر قبل الحفظ.
- تجاوزات لكل قسم - قم بضبط الأقسام الفردية (الدفع، المتجر، بوابة العملاء) دون التأثير على الباقي.
- التحكم البرمجي - تجاوز الثيمات عند وقت الدفع عبر API أو Checkout SDK.
للبدء
انتقل إلى التصميم في الشريط الجانبي الرئيسي لحساب التاجر. تحتوي صفحة التصميم على أربعة تبويبات:| التبويب | الغرض |
|---|---|
| عام | اسم العمل، الشعار، اختيار الثيم، والإعدادات المتقدمة العامة |
| الدفع | تجاوز إعدادات الثيم تحديدًا لصفحة الدفع |
| المتجر | تجاوز إعدادات الثيم وضبط تخطيط المتجر |
| بوابة العملاء | تجاوز إعدادات الثيم لبوابة العملاء |
الإعدادات العامة
يتحكم تبويب عام في هوية علامتك التجارية الأساسية والثيم العام.
التهيئة الأساسية
| الإعداد | الوصف |
|---|---|
| اسم العمل | الاسم المعروض في صفحة الدفع، المتجر، وبوابة العملاء |
| شعار العمل | شعار علامتك التجارية المعروض عبر جميع الصفحات التي يراها العميل |
| الثيم | اختر ثيمًا جاهزًا كنقطة بداية |
الإعدادات المتقدمة
افتح الإعدادات المتقدمة للوصول إلى عناصر التحكم الدقيقة:
الطباعة
| الإعداد | الخيارات | الوصف |
|---|---|---|
| الخط الأساسي | أي خط من Google Font | الخط الرئيسي للعناوين والنصوص |
| الخط الثانوي | أي خط من Google Font | خط تمييزي للعناوين الفرعية والنصوص الثانوية |
| حجم الخط | xs، sm، md، lg، xl، 2xl | حجم الخط الأساسي العام |
| وزن الخط | normal، medium، bold، extraBold | وزن الخط الافتراضي |
تكوين الألوان
حدد لوحات ألوان منفصلة لـ الوضع الفاتح والوضع الداكن. يدعم كل وضع الخصائص التالية:| الخاصية | الوصف |
|---|---|
| الخلفية الأساسية | لون الخلفية الرئيسي |
| الخلفية الثانوية | الخلفية الثانوية (التبويبات، البطاقات) |
| النص الأساسي | لون النص الرئيسي |
| النص الثانوي | لون النص الخافت |
| زر أساسي | خلفية الزر الأساسي |
| نص الزر الأساسي | لون النص في الأزرار الأساسية |
| زر ثانوي | خلفية الزر الثانوي |
| نص الزر الثانوي | لون النص في الأزرار الثانوية |
| الحد الأساسي | لون الحد الرئيسي |
| الحد الثانوي | لون الحد التمييزي |
الحدود
| الإعداد | الوصف |
|---|---|
| نصف قطر الحدود | يتحكم في إنحناء الحقول، الأزرار، التبويبات، والبطاقات (مثلاً 0 للحواف الحادة، 8px للحواف المستديرة، 16px للشكل الكبسولي) |
الثيمات الجاهزة
يأتي Dodo Payments بأربعة ثيمات مُختارة. اختر واحدًا من قائمة الثيم في تبويب العام لتطبيق تصميم متناسق على الفور عبر صفحة الدفع، المتجر، وبوابة العملاء.Dodo Pulses
الثيم الافتراضي، مع لمسات خضراء ليمونية تمنحه إحساسًا نشيطًا ومنعشًا. طباعة Sans-serif نظيفة مع تباعد جيّد.- Light Mode
- Dark Mode
Terminal
ثيم موجه للمطورين مع طباعة أحادية المسافات ولمسات زرقاء ملكية. زوايا حادة ومظهر تقني يتماشى جيدًا مع أدوات المطورين ومنتجات API-first.- Light Mode
- Dark Mode
Bumblebee
لمسات كهرمانية وذهبية دافئة مع تصميم مستدير حديث. جريء وعالي التباين، مثالي للمنتجات الموجهة للمستهلك التي تريد أن تبدو فاخرة.- Light Mode
- Dark Mode
Bubblegum
لمسات وردية ومغناطيسية مرحة مع زوايا دائرية بالكامل. مظهر حديث وودود يعمل بشكل رائع لأدوات الإبداع، منتجات التصميم، والعلامات التجارية الحياتية.- Light Mode
- Dark Mode
تجاوزات لكل قسم
يتضمن كل تبويب قسم (الدفع، المتجر، بوابة العملاء) مفتاح تبديل تجاوز الثيم. عند التفعيل، يمكنك تخصيص مظهر ذلك القسم بشكل مستقل عن الثيم العام.تبويب الدفع
- معلومات المنتج والأسعار
- خيارات الدفع السريعة (Apple Pay، Google Pay)
- اختيار وسيلة الدفع ونموذج البطاقة
- إدخال كود الخصم وتفصيل الأسعار
تبويب المتجر
| الإعداد | الوصف |
|---|---|
| عنوان المتجر | عنوان متجرك (مثلاً store.dodopayments.com/your-store) |
| اسم المتجر | فعّل وعيّن الاسم المعروض في المتجر |
| شعار المتجر | فعّل ورفع شعار لرأس المتجر |
| لافتة المتجر | فعّل ورفع صورة لافتة |
| وصف المنتج | فعّل لعرض أو إخفاء أوصاف المنتجات على البطاقات |
| تجاوز الثيم | فعّل لتخصيص الطباعة، الألوان، والحدود للمتجر فقط |
تبويب بوابة العملاء
- إدارة الاشتراكات
- تاريخ الفواتير
- طرق الدفع
- المحفظة والرصيد
موارد ذات صلة
Checkout Features
ميزات صفحة الدفع بما في ذلك العملة، اللغة، الضريبة، الخصومات، والمزيد.
Overlay Checkout SDK
تضمين صفحة الدفع كطبقة عائمة على صفحتك.
Inline Checkout SDK
تضمين صفحة الدفع مباشرة ضمن تخطيط صفحتك.
Storefront
إعداد وإدارة متجرك المخصص بعلامتك التجارية.
Customer Portal
بوابة الخدمة الذاتية للعملاء للاشتراكات والفوترة.
Multi-Brand Setup
قم بتشغيل علامتين تجاريتين تحت حساب واحد مع تمييز علامة تجارية منفصلة.