> ## Documentation Index
> Fetch the complete documentation index at: https://docs.dodopayments.com/llms.txt
> Use this file to discover all available pages before exploring further.

# ميزات الدفع

> دفع مُحسّن للتحويل ومتوافق عالميًا مع دعم متعدد العملات واللغات، وحساب الضرائب تلقائيًا، وأكواد الخصم، والإضافات، وجمع العناوين الذكي.

<Frame>
  <img src="https://mintcdn.com/dodopayments/Vafy52417ELLVDIx/images/checkout/cover.png?fit=max&auto=format&n=Vafy52417ELLVDIx&q=85&s=2dc0a0db8e021e39fb17e84fc12eb5f9" alt="صفحة الدفع" style={{ maxHeight: '500px', width: 'auto' }} width="2844" height="1556" data-path="images/checkout/cover.png" />
</Frame>

<Info>
  دفع دودو هو صفحة دفع مصممة لتعظيم التحويل والامتثال العالمي موجهة للمنتجات الرقمية وشركات SaaS. تدعم عملات ولغات وضرائب وخصومات وإضافات متعددة، بالإضافة إلى سير عمل امتثال مناسب للأعمال.
</Info>

<CardGroup cols={2}>
  <Card title="Checkout Sessions API" icon="code" href="/api-reference/checkout-sessions/create">
    قم بإنشاء جلسات دفع مستضافة برمجياً.
  </Card>

  <Card title="Preview Checkout" icon="eye" href="/api-reference/checkout-sessions/preview">
    احتسب التسعير والضرائب قبل إنشاء الجلسة.
  </Card>

  <Card title="Payment Methods" icon="credit-card" href="/features/payment-methods">
    طرق الدفع المدعومة وخيارات التكوين.
  </Card>
</CardGroup>

## العملة التكيفية

تسمح العملة التكيفية للعملاء بالدفع بعملتهم المحلية المفضلة، مما يعزز الثقة ومعدلات التحويل.

### كيف تعمل

1. **تمكين**: قم بتمكين العملة التكيفية من **الإعدادات → الأعمال**
2. **اختيار**: يمكن للعملاء تبديل العملات مباشرة عند الخروج
3. **تحويل**: يتم تحويل الأسعار ديناميكيًا باستخدام أسعار العملات الحية
4. **عرض**: يتم عرض المبلغ النهائي المستحق بشفافية قبل الدفع

<Frame>
  <img src="https://mintcdn.com/dodopayments/Vafy52417ELLVDIx/images/checkout/c1.png?fit=max&auto=format&n=Vafy52417ELLVDIx&q=85&s=c2f9ee4b1748448d4ab7ab23954dcc64" alt="محدد العملة عند الخروج" style={{ maxHeight: '500px', width: '70%' }} width="794" height="858" data-path="images/checkout/c1.png" />
</Frame>

<Card title="Adaptive Currency" icon="money-bill-transfer" href="/features/adaptive-currency">
  تعرف على المزيد حول العملات المدعومة ورسوم التحويل والتعامل مع الاسترداد.
</Card>

## الدفع متعدد اللغات

تدعم مدفوعات دودي لغات متعددة في صفحة الدفع، مما يسمح للعملاء بإكمال المدفوعات بلغة يشعرون بالراحة بها.

<Frame>
  <img src="https://mintcdn.com/dodopayments/Vafy52417ELLVDIx/images/checkout/c2.png?fit=max&auto=format&n=Vafy52417ELLVDIx&q=85&s=ecc6eb8db604e37433d8797c51768577" alt="محدد اللغة عند الخروج" style={{ maxHeight: '500px', width: '70%' }} width="794" height="858" data-path="images/checkout/c2.png" />
</Frame>

### النقاط الرئيسية

* محدد اللغة متاح مباشرة عند الدفع
* النصوص، والعناوين، ورسائل النظام محلية
* يحسن الوصول والتحويل الدولي

### اللغات المدعومة

تدعم صفحة الدفع 21 لغة:

| اللغة       | الرمز |
| ----------- | ----- |
| العربية     | `ar`  |
| الكاتالونية | `ca`  |
| الصينية     | `zh`  |
| الهولندية   | `nl`  |
| الإنجليزية  | `en`  |
| الفرنسية    | `fr`  |
| الألمانية   | `de`  |
| العبرية     | `he`  |
| الإندونيسية | `id`  |
| الإيطالية   | `it`  |
| اليابانية   | `ja`  |
| الكورية     | `ko`  |
| الملايو     | `ms`  |
| البولندية   | `pl`  |
| البرتغالية  | `pt`  |
| الرومانية   | `ro`  |
| الروسية     | `ru`  |
| الإسبانية   | `es`  |
| السويدية    | `sv`  |
| التايلاندية | `th`  |
| التركية     | `tr`  |

<Tip>
  يمكنك فرض لغة معينة على صفحة الدفع عن طريق تعيين معامل `force_language` عند إنشاء جلسة دفع. راجع [واجهة برمجة جلسات الدفع](/developer-resources/checkout-session#14-forcing-a-language) للحصول على التفاصيل.
</Tip>

## حساب الضرائب التلقائي

يتم حساب الضرائب تلقائياً بناءً على موقع دفع العميل، مما يضمن الامتثال لمتطلبات GST وVAT وضريبة المبيعات دون إعداد يدوي.

### كيف يعمل حساب الضرائب

<Steps>
  <Step title="Location Detection">
    تُطبق قواعد الضرائب بناءً على بلد العميل (والمنطقة عند الضرورة).
  </Step>

  <Step title="Dynamic Updates">
    يتم تحديث مبلغ الضريبة تلقائياً عندما:

    * يتغير البلد
    * يتم تحديث العنوان
  </Step>

  <Step title="Transparent Display">
    يتم عرض تفصيل الضريبة النهائي بوضوح قبل الدفع.
  </Step>
</Steps>

<Tip>
  يتم أتمتة حساب الضرائب بالكامل. لا حاجة لأي تكوين يدوي للسلع الرقمية القياسية ومنتجات SaaS.
</Tip>

## دعم رقم تعريف الضريبة للأعمال

بالنسبة للأعمال المسجلة، تتيح صفحة الدفع للعملاء إدخال رقم تعريف ضريبة العمل (مثل رقم VAT/GST).

### ماذا يحدث عند إدخال رقم الضريبة

* يتم التحقق من الأهلية الضريبية في الوقت الفعلي
* تُطبق الإعفاءات الضريبية المعمول بها أو قواعد الضريبة المعكوسة
* يتم تحديث مبلغ الضريبة فوراً على صفحة الدفع

<Frame>
  <img src="https://mintcdn.com/dodopayments/Vafy52417ELLVDIx/images/checkout/c3.png?fit=max&auto=format&n=Vafy52417ELLVDIx&q=85&s=76451fed5636a6ef3e5c3ec7f6a96c9f" alt="إدخال رقم ضريبة الأعمال عند الخروج" style={{ maxHeight: '500px', width: '70%' }} width="1440" height="1716" data-path="images/checkout/c3.png" />
</Frame>

<Info>
  هذا مفيد بشكل خاص لمنتجات SaaS وخدمات رقمية موجهة بين الأعمال حيث قد يكون العملاء التجاريون مؤهلين للإعفاءات الضريبية.
</Info>

## رموز الخصم

يمكن للعملاء تطبيق رموز الخصم أو الترويج التي أنشأتها في لوحة التحكم مباشرة على صفحة الدفع.

### تجربة الدفع

1. يدخل العميل رمز الخصم
2. يتم التحقق من الخصم فوراً
3. يتم عرض السعر المحدث والمدخرات بوضوح

<Frame>
  <img src="https://mintcdn.com/dodopayments/Vafy52417ELLVDIx/images/checkout/c4.png?fit=max&auto=format&n=Vafy52417ELLVDIx&q=85&s=639dcc94ddd1b41fdd6ff200c2a28e47" alt="إدخال رمز الخصم عند الخروج" style={{ maxHeight: '500px', width: '70%' }} width="794" height="858" data-path="images/checkout/c4.png" />
</Frame>

### تكامل API

تطبيق مسبقًا لرمز خصم واحد أو أكثر أو تفعيل حقل إدخال الخصم:

```typescript theme={null}
const session = await client.checkoutSessions.create({
  product_cart: [
    { product_id: 'prod_abc', quantity: 1 }
  ],
  discount_codes: ['WELCOME20'], // Pre-apply one or more codes (max 20, applied in order)
  feature_flags: {
    allow_discount_code: true // Show discount input field
  },
  return_url: 'https://yoursite.com/return'
});
```

<Info>
  `discount_codes` يستقبل مجموعة تصل إلى 20 رمزًا مكدسًا بالترتيب. الحقل الفردي `discount_code` تم إهماله لكنه لا يزال يعمل — ليس من الضروري تغيير التكاملات الحالية على الفور. انتقل إلى `discount_codes` عند التمكن من استخدام التكديس والشكل الأغنى للاستجابة.
</Info>

<Card title="Discount Codes" icon="percent" href="/features/discount-codes">
  تعلّم كيفية إنشاء وإدارة رموز الخصم.
</Card>

<Card title="Validate Discount by Code" icon="tag" href="/api-reference/discounts/get-discount-by-code">
  ابحث وتحّقق من الخصومات باستخدام أسماء الرموز.
</Card>

## جمع العناوين الذكية

يدعم الدفع إدخال العناوين بمرونة لإكمالها بشكل أسرع.

### الخيارات المتاحة

| الخيار                            | الوصف                             |
| --------------------------------- | --------------------------------- |
| **الملء التلقائي لعناوين Google** | اختيار سريع مع الإكمال التلقائي   |
| **الإدخال اليدوي**                | التحكم الكامل في العناوين الكاملة |
| **اختيار الدولة**                 | يحرك منطق الضرائب والامتثال       |

<Tip>
  جمع العناوين يوازن بين السرعة والدقة والتغطية العالمية لتعظيم التحويل مع ضمان الامتثال.
</Tip>

## جمع أرقام الهاتف

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

| العلم                           | الافتراضي | السلوك                                                                       |
| ------------------------------- | --------- | ---------------------------------------------------------------------------- |
| `allow_phone_number_collection` | `true`    | يظهر حقل رقم الهاتف على نموذج الدفع                                          |
| `require_phone_number`          | `false`   | يجعل حقل رقم الهاتف مطلوبًا (التحقق من صحة النموذج يفرض وجود قيمة غير فارغة) |

```typescript theme={null}
const session = await client.checkoutSessions.create({
  product_cart: [{ product_id: 'prod_abc', quantity: 1 }],
  feature_flags: {
    allow_phone_number_collection: true,
    require_phone_number: true
  },
  return_url: 'https://yoursite.com/return'
});
```

<Warning>
  `require_phone_number: true` يتطلب `allow_phone_number_collection: true`. ترفض API الجلسات حيث يكون جمع الهاتف معطلًا بينما رقم الهاتف مطلوب.
</Warning>

<Tip>
  استخدم `require_phone_number` لأنظمة B2B SaaS والصناعات المنظمة أو أي تدفقات تحتاج إلى قناة تواصل موثوقة للدعم أو المراجعة الاحتيالية أو الامتثال.
</Tip>

## الحقول المخصصة

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

### أنواع الحقول المتاحة

| النوع      | الوصف                         |
| ---------- | ----------------------------- |
| `text`     | إدخال نصي بخط واحد            |
| `number`   | إدخال رقمي                    |
| `email`    | عنوان بريد إلكتروني مع التحقق |
| `url`      | URL مع التحقق                 |
| `date`     | منتقي التاريخ                 |
| `dropdown` | اختيار من خيارات محددة مسبقًا |
| `boolean`  | تبديل نعم/لا                  |

### مثال

```typescript theme={null}
const session = await client.checkoutSessions.create({
  product_cart: [
    { product_id: 'prod_abc', quantity: 1 }
  ],
  custom_fields: [
    {
      key: 'company_name',
      label: 'Company Name',
      field_type: 'text',
      required: true
    },
    {
      key: 'team_size',
      label: 'Team Size',
      field_type: 'dropdown',
      required: true,
      options: ['1-10', '11-50', '51-200', '200+']
    }
  ],
  return_url: 'https://yoursite.com/return'
});
```

<Info>
  يتم تضمين ردود العملاء تلقائيًا في حمولات webhook (`payment.succeeded`, `subscription.active`) واستجابات API عبر المصفوفة `custom_field_responses`. يمكنك تحديد ما يصل إلى 5 حقول مخصصة لكل جلسة دفع.
</Info>

<Card title="Custom Fields Guide" icon="input-text" href="/developer-resources/checkout-session#15-collecting-custom-fields">
  تعرّف على المزيد حول تكوين الحقول المخصصة والوصول إلى الردود.
</Card>

## سياسة الخصوصية و قبول الشروط

لضمان شفافية الامتثال القانوني:

* روابط [سياسة الخصوصية](https://dodopayments.com/privacy-policy) و[شروط المشتري](https://dodopayments.com/buyer-terms) واضحة على صفحة الدفع
* يعترف العملاء بهذه الصراحة قبل إكمال الدفع

<Info>
  يساعد هذا في تلبية متطلبات حماية المستهلك العالمية ومتطلبات خصوصية البيانات بما في ذلك التوافق مع GDPR.
</Info>

## دفع التجميع

تمكّن مجموعات المنتجات من تجربة دفع موحدة حيث يمكن للعملاء عرض واختيار من بين منتجات متعددة ذات صلة (مثل خطط Starter وPro وEnterprise) في دفع واحد.

### كيف تعمل

1. **عرض جميع المنتجات**: يشاهد العملاء كل منتج نشط في المجموعة
2. **تم اختيار المنتج الأول مسبقًا**: يتم اختيار المنتج الأول في المجموعة تلقائيًا
3. **مقارنة الخيارات**: يمكن للعملاء مقارنة الأسعار والميزات قبل الاختيار
4. **اختيار واحد**: بعد اختيار المنتج، يتم المتابعة بالدفع بالطريقة القياسية

### إنشاء دفع مجموعات

```typescript theme={null}
const session = await client.checkoutSessions.create({
  product_collection_id: 'pdc_abc123',
  product_cart: [], // Required: pass an empty array for collection checkout
  return_url: 'https://yoursite.com/return'
});
```

<Warning>
  عند استخدام `product_collection_id`، مرر مصفوفة `product_cart` فارغة. لا يمكن تطبيق رموز الخصم مسبقًا عند إنشاء الجلسة.
</Warning>

<Card title="Product Collections" icon="layer-group" href="/features/product-collections">
  تعرّف على كيفية إنشاء وإدارة مجموعات المنتجات لتجارب دفع موحدة.
</Card>

## تكوين جلسة الدفع

تحكم في سلوك الدفع باستخدام API لجلسات الدفع:

```typescript theme={null}
const session = await client.checkoutSessions.create({
  product_cart: [
    { product_id: 'prod_abc', quantity: 1 }
  ],
  customer: {
    email: 'customer@example.com',
    name: 'Jane Doe'
  },
  billing_currency: 'EUR', // Set specific currency
  discount_codes: ['PROMO10'],
  feature_flags: {
    allow_discount_code: true
  },
  return_url: 'https://yoursite.com/return',
  cancel_url: 'https://yoursite.com/pricing', // Optional: where to redirect on cancel
  metadata: {
    order_ref: 'ORD-12345'
  }
});
```

<Info>
  بعد الدفع، يتم إعادة توجيه العملاء إلى `return_url` الخاص بك مع إلحاق معلمات الاستعلام تلقائيًا — بما في ذلك `payment_id` أو `subscription_id`, `status`, `email`, و`license_key` (إذا كان ذلك تطبيقيًا). انظر إلى [دليل جلسات الدفع](/developer-resources/checkout-session#request-body) للحصول على القائمة الكاملة.
</Info>

<CardGroup cols={2}>
  <Card title="Checkout Sessions API" icon="code" href="/api-reference/checkout-sessions/create">
    مرجع API كامل لجلسات الدفع.
  </Card>

  <Card title="Checkout Integration Guide" icon="book" href="/developer-resources/checkout-session">
    دليل خطوة بخطوة لتكامل الدفع.
  </Card>
</CardGroup>

## تخصيص مظهر الدفع

خصص مظهر صفحة الدفع لتتناسب مع علامتك التجارية باستخدام `customization.theme_config` عند إنشاء جلسة دفع عبر API. قم بتكوين الألوان والخطوط ونصف قطر الحدود والنص لزر الدفع في وضعي النهار والليل.

<Frame>
  <img src="https://mintcdn.com/dodopayments/rTHkQICkStFgSdh-/images/checkout/theme-example.png?fit=max&auto=format&n=rTHkQICkStFgSdh-&q=85&s=5277b69d67c90fd87e7c5d9c125fee12" alt="صفحة دفع مخصصة ذات موضوع" style={{ maxHeight: '500px', width: 'auto' }} width="2856" height="1490" data-path="images/checkout/theme-example.png" />
</Frame>

<Card title="Design & Theme Customization" icon="palette" href="/features/design">
  قم بتكوين المواضيع بصريًا من لوحة التحكم باستخدام المواضيع المدمجة، والكتابة، والألوان، والمعاينة الحية.
</Card>

<Info>
  تغطي هذه الجزء تكوين موضوع **API الجانب الخادم** باستخدام `customization.theme_config`. إذا كنت تستخدم **SDK الدفع** (الدفع عبر التراكب أو الدفع المضمن)، انظر إلى أقسام تخصيص الموضوعات في [الدفع عبر التراكب](/developer-resources/overlay-checkout#theme-customization) أو [الدفع المضمن](/developer-resources/inline-checkout#theme-customization) التي تستخدم خصائص camelCase (مثلاً، `bgPrimary` بدلاً من `bg_primary`).
</Info>

### خيارات تكوين المواضيع

| الخاصية              | الوصف                                                             |
| -------------------- | ----------------------------------------------------------------- |
| `light`              | تكوين الألوان لوضع النهار                                         |
| `dark`               | تكوين الألوان لوضع الليل                                          |
| `font_primary_url`   | رابط للخط الأساسي                                                 |
| `font_secondary_url` | رابط للخط الثانوي                                                 |
| `font_size`          | حجم الخط: `xs`, `sm`, `md`, `lg`, `xl`, `2xl`                     |
| `font_weight`        | وزن الخط: `normal`, `medium`, `bold`, `extraBold`                 |
| `radius`             | نصف قطر الحدود لعناصر واجهة المستخدم (مثل `4px`, `0.5rem`, `8px`) |
| `pay_button_text`    | نص مخصص لزر الدفع (مثل "إكمال الشراء", "اشترك الآن")              |

### تكوين الألوان (وضع النهار/الليل)

يدعم كل وضع (`light` و`dark`) الخصائص اللونية التالية:

| الخاصية                  | الوصف                  |
| ------------------------ | ---------------------- |
| `bg_primary`             | لون الخلفية الأساسي    |
| `bg_secondary`           | لون الخلفية الثانوي    |
| `text_primary`           | لون النص الأساسي       |
| `text_secondary`         | لون النص الثانوي       |
| `text_placeholder`       | لون نص العنصر النائب   |
| `text_error`             | لون نص الخطأ           |
| `text_success`           | لون نص النجاح          |
| `border_primary`         | لون الحدود الأساسي     |
| `border_secondary`       | لون الحدود الثانوي     |
| `button_primary`         | لون خلفية الزر الأساسي |
| `button_primary_hover`   | لون تحويم الزر الأساسي |
| `button_secondary`       | لون خلفية الزر الثانوي |
| `button_secondary_hover` | لون تحويم الزر الثانوي |
| `button_text_primary`    | لون نص الزر الأساسي    |
| `button_text_secondary`  | لون نص الزر الثانوي    |
| `input_focus_border`     | لون حدود تركيز الإدخال |

<Info>
  تقبل جميع الحقول اللونية تنسيقات ألوان CSS القياسية:

  * Hex: `#fff`, `#ffffff`, `#ffffffff`
  * RGB/RGBA: `rgb(255, 255, 255)`, `rgba(255, 255, 255, 0.5)`
  * HSL/HSLA: `hsl(120, 100%, 50%)`, `hsla(120, 100%, 50%, 0.5)`
  * الألوان المسماة: `red`, `blue`, `transparent`
</Info>

### مثال

<Info>
  تتناول هذه القسم **إعدادات موضوع API للجانب الخادم** باستخدام `customization.theme_config`. إذا كنت تستخدم **Checkout SDK** (الإطار المتداخل أو الشراء المضمن)، انظر قسم تخصيص الموضوع في [Overlay Checkout](/developer-resources/overlay-checkout#theme-customization) الذي يستخدم خصائص camelCase (مثل `bgPrimary` بدلاً من `bg_primary`).
</Info>

<Tip>
  لا تحتاج إلى تحديد جميع الخصائص اللونية. أي خصائص غير محددة ستستخدم القيم الافتراضية للموضوع.
</Tip>

| الخاصية              | الوصف                                                               |
| -------------------- | ------------------------------------------------------------------- |
| `light`              | تكوين الألوان لوضع الضوء                                            |
| `dark`               | تكوين الألوان لوضع الظلام                                           |
| `font_primary_url`   | URL للخط الأساسي                                                    |
| `font_secondary_url` | URL للخط الثانوي                                                    |
| `font_size`          | حجم الخط: `xs`، `sm`، `md`، `lg`، `xl`، `2xl`                       |
| `font_weight`        | وزن الخط: `normal`، `medium`، `bold`، `extraBold`                   |
| `radius`             | نصف قطر الحدود لعناصر واجهة المستخدم (e.g., `4px`، `0.5rem`، `8px`) |
| `pay_button_text`    | نص مخصص لزر الدفع (e.g., "إكمال الشراء", "اشترك الآن")              |

### تكوين اللون (وضع الضوء/وضع الظلام)

كل وضع (`light` و `dark`) يدعم خصائص الألوان التالية:

| الخاصية                  | الوصف                    |
| ------------------------ | ------------------------ |
| `bg_primary`             | لون الخلفية الأساسي      |
| `bg_secondary`           | لون الخلفية الثانوي      |
| `text_primary`           | لون النص الأساسي         |
| `text_secondary`         | لون النص الثانوي         |
| `text_placeholder`       | لون العنصر النائب للنص   |
| `text_error`             | لون خطأ النص             |
| `text_success`           | لون نجاح النص            |
| `border_primary`         | لون الحدود الأساسي       |
| `border_secondary`       | لون الحدود الثانوي       |
| `button_primary`         | لون خلفية الزر الأساسي   |
| `button_primary_hover`   | لون تحويم الزر الأساسي   |
| `button_secondary`       | لون خلفية الزر الثانوي   |
| `button_secondary_hover` | لون تحويم الزر الثانوي   |
| `button_text_primary`    | لون نص الزر الأساسي      |
| `button_text_secondary`  | لون نص الزر الثانوي      |
| `input_focus_border`     | لون حدود التركيز للإدخال |

<Info>
  جميع حقول الألوان تقبل تنسيقات ألوان CSS القياسية:

  * Hex: `#fff`، `#ffffff`، `#ffffffff`
  * RGB/RGBA: `rgb(255, 255, 255)`، `rgba(255, 255, 255, 0.5)`
  * HSL/HSLA: `hsl(120, 100%, 50%)`، `hsla(120, 100%, 50%, 0.5)`
  * أسماء الألوان: `red`، `blue`، `transparent`
</Info>

### المثال

```typescript theme={null}
const session = await client.checkoutSessions.create({
  product_cart: [
    { product_id: 'prod_abc', quantity: 1 }
  ],
  customization: {
    theme_config: {
      // Custom fonts
      font_primary_url: 'https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap',
      font_size: 'md',
      font_weight: 'medium',
      radius: '8px',
      pay_button_text: 'Complete Purchase',
      
      // Light mode colors
      light: {
        bg_primary: '#ffffff',
        bg_secondary: '#f5f5f5',
        text_primary: '#1a1a1a',
        text_secondary: '#666666',
        button_primary: '#0066ff',
        button_primary_hover: '#0052cc',
        button_text_primary: '#ffffff',
        border_primary: '#e0e0e0'
      },
      
      // Dark mode colors
      dark: {
        bg_primary: '#1a1a1a',
        bg_secondary: '#2d2d2d',
        text_primary: '#ffffff',
        text_secondary: '#a0a0a0',
        button_primary: '#3385ff',
        button_primary_hover: '#4d99ff',
        button_text_primary: '#ffffff',
        border_primary: '#404040'
      }
    }
  },
  return_url: 'https://yoursite.com/return'
});
```

<Tip>
  لا تحتاج إلى تحديد جميع خصائص الألوان. أي خصائص لم تُحدد ستستخدم قيم النمط الافتراضية.
</Tip>