صفحة التصميم هي مركزك الرئيسي لإضفاء هوية علامتك التجارية على كل واجهة موجّهة للعملاء: checkout وstorefront وCustomer Portal. تُطبَّق التغييرات فورًا على الواجهات الثلاث جميعها، وتتم معاينتها في الوقت الفعلي قبل الحفظ. يحتفظ Test mode وlive mode بتصميمات منفصلة — راجع نسخ التصميم من Test mode إلى live mode.
أبرز النقاط
- مركز تصميم موحّد - اضبط مظهر checkout وstorefront وCustomer Portal من صفحة واحدة.
- سمات جاهزة مسبقًا - ابدأ بسمة منتقاة وخصّصها وفقًا لاحتياجاتك.
- الوضع الفاتح والداكن - حدّد لوحات ألوان منفصلة لكل وضع.
- معاينة مباشرة - اطّلع على شكل تغييراتك في checkout وCustomer Portal وstorefront قبل الحفظ.
- تجاوزات لكل قسم - اضبط الأقسام الفردية بدقة (checkout وstorefront وCustomer Portal) من دون التأثير في الأقسام الأخرى.
- تحكم برمجي - تجاوز السمات في checkout عبر API أو Checkout SDK.
- نسخ تصميم Test mode إلى live mode - انقل تصميمًا أتقنته في Test mode إلى live mode بخطوة واحدة.
للبدء
انتقل إلى الإعدادات → التصميم في لوحة التحكم الخاصة بالتاجر. تحتوي صفحة التصميم على أربعة علامات تبويب:الإعدادات العامة
يتحكم تبويب عام في هوية علامتك التجارية الأساسية والثيم العام.
التهيئة الأساسية
الإعدادات المتقدمة
افتح الإعدادات المتقدمة للوصول إلى عناصر التحكم الدقيقة:
الطباعة
تكوين الألوان
حدد لوحات ألوان منفصلة لـ الوضع الفاتح والوضع الداكن. يدعم كل وضع الخصائص التالية:الحدود
الثيمات الجاهزة
يأتي Dodo Payments بأربعة ثيمات مُختارة. اختر واحدًا من قائمة الثيم في تبويب العام لتطبيق تصميم متناسق على الفور عبر صفحة الدفع، المتجر، وبوابة العملاء.Dodo Pulses
الثيم الافتراضي، مع لمسات خضراء ليمونية تمنحه إحساسًا نشيطًا ومنعشًا. طباعة Sans-serif نظيفة مع تباعد جيّد.- Light Mode
- Dark Mode
Dodo Pulses in light mode
Terminal
ثيم موجه للمطورين مع طباعة أحادية المسافات ولمسات زرقاء ملكية. زوايا حادة ومظهر تقني يتماشى جيدًا مع أدوات المطورين ومنتجات API-first.- Light Mode
- Dark Mode
Terminal in light mode
Bumblebee
لمسات كهرمانية وذهبية دافئة مع تصميم مستدير حديث. جريء وعالي التباين، مثالي للمنتجات الموجهة للمستهلك التي تريد أن تبدو فاخرة.- Light Mode
- Dark Mode
Bumblebee in light mode
Bubblegum
لمسات وردية ومغناطيسية مرحة مع زوايا دائرية بالكامل. مظهر حديث وودود يعمل بشكل رائع لأدوات الإبداع، منتجات التصميم، والعلامات التجارية الحياتية.- Light Mode
- Dark Mode
Bubblegum in light mode
تجاوزات لكل قسم
يتضمن كل تبويب قسم (الدفع، المتجر، بوابة العملاء) مفتاح تبديل تجاوز الثيم. عند التفعيل، يمكنك تخصيص مظهر ذلك القسم بشكل مستقل عن الثيم العام.تبويب الدفع
- معلومات المنتج والأسعار
- خيارات الدفع السريعة (Apple Pay، Google Pay)
- اختيار وسيلة الدفع ونموذج البطاقة
- إدخال كود الخصم وتفصيل الأسعار
تبويب المتجر
تبويب بوابة العملاء
- إدارة الاشتراكات
- تاريخ الفواتير
- طرق الدفع
- المحفظة والرصيد
نسخ التصميم من Test mode إلى live mode
يحتفظ Test mode وlive mode بإعدادات تصميم منفصلة، لذلك لا يظهر تلقائيًا للعملاء الحقيقيين أي تصميم تنشئه أثناء الاختبار. وبدلًا من إعادة إنشائه يدويًا، انسخ تصميمك من Test mode إلى live mode بخطوة واحدة. تتضمن عملية النسخ جميع أسطح التصميم — الإعدادات العامة، وcheckout، وCustomer Portal، وتجاوزات storefront — إلى جانب هوية علامتك التجارية في storefront.موارد ذات صلة
Checkout Features
ميزات checkout، بما في ذلك العملة واللغة والضرائب والخصومات وغير ذلك.
Overlay Checkout SDK
أدرج checkout كتراكب modal في صفحتك.
Inline Checkout SDK
أدرج checkout مباشرةً في تخطيط صفحتك.
Storefront
أعدّ storefront الخاص بك ذي العلامة التجارية وأدِره.
Customer Portal
بوابة الخدمة الذاتية للعملاء للاشتراكات والفوترة.
Multi-Brand Setup
شغّل علامات تجارية متعددة ضمن حساب واحد مع هوية تجارية منفصلة لكل منها.