أبرز النقاط
- مركز تصميم موحّد — يمكنك إعداد مظهر صفحة الدفع وواجهة المتجر وبوابة العملاء من صفحة واحدة
- سمات جاهزة — ابدأ بسمة منتقاة وخصّصها حسب احتياجاتك
- الوضع الفاتح والداكن — حدّد لوحات ألوان منفصلة لكل وضع
- معاينة مباشرة — اطّلع على شكل تغييراتك عبر جميع الواجهات قبل الحفظ
- تجاوزات لكل قسم — اضبط الأقسام الفردية بدقة من دون التأثير في الأقسام الأخرى
- تحكم برمجي — يمكنك تجاوز السمات أثناء الدفع عبر Checkout Sessions API (
customization.theme_config). تكون قيمةtheme_configفي الجلسة لها الأولوية على تصميم لوحة التحكم. خيارthemeConfigمن جانب العميل في Checkout SDK مهمل - نسخ تصميم الاختبار إلى الوضع المباشر — انقل التصميم الذي أتقنته في وضع الاختبار إلى الوضع المباشر في خطوة واحدة
للبدء
انتقل إلى الإعدادات → التصميم في لوحة التحكم الخاصة بالتاجر. تحتوي صفحة التصميم على أربعة علامات تبويب:الإعدادات العامة
يتحكم تبويب عام في هوية علامتك التجارية الأساسية والثيم العام.
التهيئة الأساسية
الإعدادات المتقدمة
افتح الإعدادات المتقدمة للوصول إلى عناصر التحكم الدقيقة:
الطباعة
تكوين الألوان
حدّد لوحات ألوان منفصلة لـ الوضع الفاتح والوضع الداكن. يدعم كل وضع ما يلي:الحدود
الثيمات الجاهزة
يأتي 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)
- اختيار طريقة الدفع ونموذج البطاقة
- إدخال رمز الخصم وتفصيل السعر
علامة تبويب واجهة المتجر
علامة تبويب Customer Portal
- إدارة الاشتراكات
- سجل الفوترة
- طرق الدفع
- المحفظة والأرصدة
نسخ التصميم من وضع الاختبار إلى الوضع المباشر
يحتفظ وضع الاختبار والوضع المباشر بإعدادات تصميم منفصلة. لا تظهر السمة التي تنشئها أثناء الاختبار تلقائيًا للعملاء الفعليين. بدلًا من إعادة إنشائها يدويًا، انسخ تصميمك من وضع الاختبار إلى الوضع المباشر بخطوة واحدة.1
Open Design in Test Mode
انتقل إلى وضع الاختبار ثم افتح الإعدادات → التصميم. احفظ أي تغييرات معلّقة أولًا، إذ لا يُنسخ سوى تصميم الاختبار المحفوظ.
2
Start the Copy
انقر على النسخ إلى الوضع المباشر. يظهر الزر بعد حفظ سمة أو نشر واجهة متجر اختبار، ويجب تفعيل الوضع المباشر.
3
Choose What to Copy
حدّد السمة والتخصيصات (السمة العامة بالإضافة إلى تجاوزات صفحة الدفع وواجهة المتجر وCustomer Portal) وتفاصيل واجهة المتجر (اسم المتجر والشعار واللافتة). لا تتوفر تفاصيل واجهة المتجر إذا لم تُنشر أي واجهة متجر في وضع الاختبار.
4
Confirm
انقر على النسخ إلى الوضع المباشر في مربع الحوار.
الصفحات ذات الصلة
Checkout Features
ميزات صفحة الدفع، بما في ذلك العملة واللغة والضرائب والخصومات وغير ذلك.
Overlay Checkout SDK
أدرج صفحة الدفع كطبقة نافذة منبثقة فوق صفحتك.
Inline Checkout SDK
أدرج صفحة الدفع مباشرةً في تخطيط صفحتك.
Storefront
أعدّ واجهة متجرك ذات العلامة التجارية وأدرها.
Customer Portal
بوابة الخدمة الذاتية للعملاء للاشتراكات والفوترة.
Multi-Brand Setup
شغّل علامات تجارية متعددة ضمن حساب واحد مع هوية تجارية منفصلة لكل منها.