1. Initiating the SDK
To initialise the SDK, client needs to call the initiate SDK function. The initiate function call boots up the Hypercheckout SDK and makes it ready for all other operations
Follow the below steps to make an initiate SDK call
Call the initiation script ahead of displaying the payment page.
Ensure that the script is placed on the page where the payment page will be shown.
In order to use Hypercheckout, the very first step is to add the following div to your webpage. The payment page will be rendered within this div. You can style the div according to your design preferences.
The Hypercheckout SDK exposes the HyperServices class. Create an object of this class for all upcoming operations
Initiate takes two parameters as input. One of the parameter is a JSON object referred as InitiatePayload. This payload contains certain key value pairs used by the SDK to perform a successful initiate
Refer to the following table for information about the description and sample payload.
Unique uuid-v4 string
Example:- $requestId
Value: in.juspay.hyperpay
Parameters
Value: initiate
Unique merchant id shared during onboarding
Unique Client id shared during onboarding
Environment to be used for the session. Accepted value is production
Pass the value as “HyperSDKDiv“
Pass the value as “iframe“
During its lifecycle, SDK emits multiple events to communicate about the transaction status. Create a function like hyperCallbackHandler to receive all these events
This callback handler is passed as the second argument to the initiate call.
The final step is to call the Initiate function.
Have questions?
- Need help? Contact support
- LLM? Read llms.txt