Quick Start Guide
General Implementation Workflow and Web SDK Demo
Getting Started
Our Web SDK is a JavaScript library that enables you to integrate secure payment processing into your web page or application. It provides a seamless way to handle the entire payment process, including 3-D Secure Authentication, within a single call.
Before executing a payment using the payabl. Web SDK, you must initiate a session by making a POST request to the following URL: https://sandbox.payabl.com/pay/payment/get_payment_widget_session
. Refer to the Preliminary Steps Section for a general description. For a detailed, step-by-step guide on calculating the signature and sending the initialization request, see the Get Session ID section of the Web SDK API documentation.
1. Preliminary Steps: Getting Session ID
For a detailed, step-by-step guide, please refer to the Get Session ID section.
- Calculate the Signature and Request a Session ID: Use the Signature Calculation mechanism to generate a signature (SHA-1 hex value of the string) for your request. Refer to the Signature Calculation section for instructions on obtaining the SHA-1 signature
- Send Initialization Request: With the obtained signature, make a server-to-server POST request to the following endpoint:
https://sandbox.payabl.com/pay/payment/get_payment_widget_session
2. Main Steps: Integrating with the payabl. Web SDK
For a detailed, step-by-step guide, please refer to the Integration Steps.
- Use the Session ID: Extract the
session_id
from the response to theget_payment_widget_session
request - Initialize payabl. Object: Pass the
session_id
into theinitialize
method of the JavaScript payabl. object - Integrate the Widget: Follow the remaining steps to complete the Web SDK widget integration
Updated 6 days ago