# Quickstart (/en/get-started/quickstart)

Take your first XPay payment in five minutes. No code required.

You'll sign up, create a product, share a Payment Link, pay yourself with a test card, and see the transaction in your dashboard. No code, about five minutes. New accounts start in Test mode by default, so nothing here touches real money.

<Steps>
  <Step title="Sign up">
    Go to [app.xpay.app](https://app.xpay.app) and create an account with your phone number.
  </Step>

  <Step title="Create a product">
    Click **Products** in the sidebar, then **Create product**. Give it a name (anything works, `Test
      product` is fine) and a price like `1499` for 1,499 EGP. Leave everything else on the defaults and
    click **Add product**.
  </Step>

  <Step title="Create a Payment Link">
    Click **Payment Links** in the sidebar, then **Create payment link**. Add the product you just created. Click **Create**.

    On the next page you'll see the hosted URL in this shape:

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

    Use the copy button to grab it.
  </Step>

  <Step title="Pay yourself with the test card">
    Open the URL in a new browser tab. Fill the card form:

    * **Card number**: `5123 4500 0000 0008`
    * **Expiry**: `01/39`
    * **CVV**: `100`
    * **Cardholder name**: anything

    Click **Pay**, then complete the 3D Secure challenge that pops up.
  </Step>

  <Step title="See it in your dashboard">
    Switch back to the dashboard and click **Transactions** in the sidebar. Your test payment is at the top with status **Successful**.

    Click into it to see the transaction page: a Timeline of what happened, the customer details, the payment method, and a **Refund** button you can use later.
  </Step>
</Steps>

That's an end-to-end XPay payment. From here, you can build the same thing into your own product.

## Where to next [#where-to-next]

<Cards>
  <Card icon="<GitBranch />" title="Choose your integration" href="/get-started/choose-your-integration">
    Compare the four integration patterns side by side and pick one.
  </Card>

  <Card icon="<LinkIcon />" title="Payment Links guide" href="/integrate/integration-patterns/payment-links">
    Stay no-code. Generate Payment Links from the dashboard or the API.
  </Card>

  <Card icon="<Atom />" title="React SDK" href="/sdk/sdk-react">
    Install `@xpayeg/react` and wire up `<XPayProvider>` and `useCheckout()`.
  </Card>

  <Card icon="<Webhook />" title="Webhooks" href="/integrate/webhooks/setting-up-an-endpoint">
    Subscribe to `checkout.session.completed` and verify the signatures.
  </Card>
</Cards>