Web Integration
What is a Web SDK?
A Web SDK (Software Development Kit) allows developers to easily integrate payment services into their websites or applications, enabling a seamless payment experience for users.
What does PortOne provide in its Web SDK?
PortOne offers two main options in its Web SDK:
- Payment Service: Ideal for large apps needing complex, branded checkouts, with full control over the payment flow.
- Checkout Service: A pre-built, hosted solution for simpler apps requiring quick integration and a fast setup.
Overview of Web SDK Options
| Payment Service | Checkout Service | |
|---|---|---|
| Checkout Type | Merchant’s checkout | PortOne’s pre-built checkout |
| Ideal For | Complex, branded checkouts | Quick, simple integrations |
| Payment Flow | Native in-app experience | Hosted Checkout experience |
| Use Case | Large apps with unique needs | Simple apps needing fast setup |
| Customization | Full control | Possible |
Note
- Both
SandboxandProductionmode integration can be managed via the same APIs and same account on the PortOne platform.- Please refer following instructions to use the appropriate
environmentflags while integration.
Embed Script
Embed the following JS snippet in your Checkout UI
Setup details
For integration embed the following scripts in your Checkout UI code.
<script src="https://static.portone.cloud/portone.js"></script>
Tip
Refer to Payment channels to check the extensive list of available Payment Channels & Payment Methods for Integration in your country.
Environment Flag
Pass the environment flag in above payload. Environment is the mandatory field, by default the value of environment is sandbox while initiating payment.
Production
"environment": "live"
Sandbox
"environment": "sandbox"
Updated about 1 month ago