# البداية السريعة (/ar/get-started/quickstart)

حصّل أول دفعة على XPay في خمس دقايق. من غير أي كود.

هتسجّل حساب جديد، وتنشئ منتج، وتشارك رابط دفع، وتدفع لنفسك ببطاقة اختبار، وتشوف المعاملة في لوحة التحكم. من غير أي كود، وفي خمس دقايق تقريبًا. الحسابات الجديدة بتبدأ في وضع الاختبار افتراضيًا، فمفيش حاجة هنا بتمس فلوس حقيقية.

<Steps>
  <Step title="سجّل حساب جديد">
    ادخل على [app.xpay.app](https://app.xpay.app) واعمل حساب برقم تليفونك.
  </Step>

  <Step title="أنشئ منتج">
    اضغط **المنتجات** في القائمة الجانبية، وبعدين **إنشاء منتج**. اديله اسم (أي اسم يمشي، `Test
      product` تمام) وسعر زي `1499` علشان يبقى 1,499 جنيه. سيب باقي الإعدادات على الافتراضي واضغط
    **إضافة منتج**.
  </Step>

  <Step title="أنشئ رابط دفع">
    اضغط **روابط الدفع** في القائمة الجانبية، وبعدين **إنشاء رابط دفع**. ضيف المنتج اللي لسه منشئه. اضغط **إنشاء**.

    في الصفحة اللي بعدها هتلاقي الرابط المستضاف بالشكل ده:

    ```
    https://checkout.xpay.app/p/plink_test_...
    ```

    استخدم زرار النسخ علشان تاخده.
  </Step>

  <Step title="ادفع لنفسك ببطاقة الاختبار">
    افتح الرابط في تبويب جديد في المتصفح. واملا بيانات البطاقة:

    * **رقم البطاقة**: `5123 4500 0000 0008`
    * **تاريخ الانتهاء**: `01/39`
    * **CVV**: `100`
    * **اسم حامل البطاقة**: أي اسم

    اضغط **Pay**، وبعدين كمّل تحدّي الـ 3D Secure اللي هيظهرلك.
  </Step>

  <Step title="شوفها في لوحة التحكم">
    ارجع للوحة التحكم واضغط **المعاملات** في القائمة الجانبية. دفعة الاختبار بتاعتك هتلاقيها في الأول وحالتها **ناجحة**.

    ادخل عليها علشان تشوف صفحة المعاملة: خط زمني لكل اللي حصل، وبيانات العميل، وطريقة الدفع، وزرار **رد المبلغ** تقدر تستخدمه بعدين.
  </Step>
</Steps>

كده عملت دفعة XPay كاملة من الأول للآخر. ومن هنا، تقدر تبني نفس الحاجة جوّه منتجك أنت.

## رايح فين بعد كده [#رايح-فين-بعد-كده]

<Cards>
  <Card icon="<GitBranch />" title="اختار طريقة الدمج" href="/get-started/choose-your-integration">
    قارن الأربع طرق للدمج جنب بعض واختار واحدة.
  </Card>

  <Card icon="<LinkIcon />" title="دليل روابط الدفع" href="/integrate/integration-patterns/payment-links">
    من غير كود برضه. اعمل روابط دفع من لوحة التحكم أو الـ API.
  </Card>

  <Card icon="<Atom />" title="React SDK" href="/sdk/sdk-react">
    ثبّت `@xpayeg/react` ووصّل `<XPayProvider>` و`useCheckout()`.
  </Card>

  <Card icon="<Webhook />" title="الـ Webhooks" href="/integrate/webhooks/setting-up-an-endpoint">
    اشترك في `checkout.session.completed` وتحقّق من التوقيعات.
  </Card>
</Cards>