# b. 클라이언트에서 결제창 띄우기

{% hint style="info" %}
**결제 페이지 URL**

1. 한국어 : <mark style="color:blue;">`https://pay.cromix.io/kr/payment?token=${token}`</mark>
2. 영어: <mark style="color:blue;">`https://pay.cromix.io/payment?token=${token}`</mark>
   {% endhint %}

#### 결제창 예시

{% tabs %}
{% tab title="출금 요청 시(withdraw)" %}
클라이언트에서 서버로부터 토큰을 받아 출금 결제창을 띄우는 예시입니다.

```typescript
const handleWithdraw = async () => {
    const { token } = await paymentApi.getToken({
      amount: amount.toString(),
      return_url: 'http://yourgamedomain.com',
      type: 'withdraw',
    });
    if (token) {
     // 영어 결제 페이지 오픈
      window.open(`https://pay.cromix.io/payment?token=${token}`, '_blank');
      
      // 한국어 페이지를 원할 경우:
    // window.open(`https://pay.cromix.io/kr/payment?token=${token}`, '_blank');
    }
};
```

{% endtab %}

{% tab title="입금 요청 시(deposit)" %}
입금 결제창을 띄우는 예시입니다.

```tsx
const handleDeposit= async () => {
    const { token } = await paymentApi.getToken({
      amount: amount.toString(),
      return_url: '<http://yourgamedomain.com>',
      type: 'deposit',
    });
    if (token) {
    // 영어 결제 페이지 오픈
      window.open(`https://pay.cromix.io/payment?token=${token}`, '_blank');
      
        // 한국어 페이지를 원할 경우:
    // window.open(`https://pay.cromix.io/kr/payment?token=${token}`, '_blank');
    }
};
```

{% endtab %}
{% endtabs %}
