---
page_title: 3. Rendering the Checkout Screen
product: Hypercheckout
platform: Capacitor
page_source: https://juspay.io/in/docs/hyper-checkout/capacitor/base-sdk-integration/rendering-the-checkout-screen
llms_txt: https://juspay.io/in/docs/llms.txt
product_llms_txt: https://juspay.io/in/docs/hyper-checkout/llms.txt
---


## 3. Open Hypercheckout Screen




### Step 1.1. Substep


Opening payment page requires you to call the process SDK API with process payload as input. It should not be called on an HyperSDK instance which has not been initiated. To verify if an instance is initiated, kindly refer to check SDK **isInitialised**  section under [code snippets](https://docs.juspay.in/payment-page-enterprise/android/resources/code-snippets).

Once the payment page is opened, users can proceed with the transactions.

Pass the sdk_payload from the [Session API](https://docs.juspay.in/hyper-checkout/capacitor/base-sdk-integration/session) (s2s backend call) response as the processPayload.


#### Sample Process Payload Code Snippet:

```sample process payload
{"success":false,"message":"Failed to fetch snippet"}
```




#### Code Snippets: -

#### Capacitor Code Snippet:

```capacitor
{"success":false,"message":"Failed to fetch snippet"}
```


---

## Complete Code Reference

The following code files are referenced in the steps above:

### payment_page.js

```
{"success":false,"message":"Failed to fetch snippet"}
```


---

## See Also

- [2. Initialize SDK](https://juspay.io/in/docs/hyper-checkout/capacitor/base-sdk-integration/initialize-sdk)
- [4. HyperSDK Events](https://juspay.io/in/docs/hyper-checkout/capacitor/base-sdk-integration/hypersdk-events)