thirdpay-widget
v1.0.7
Published
ThirdPay widget for seamless payments on EVM and Solana
Downloads
561
Maintainers
gihanrcgReadme
ThirdPay Widget
ThirdPay Widget is a payment solution designed for seamless integration on the Binance Smart Chain (BSC) and Solana, making it easy to accept payments in both ecosystems. It can be used with both React-based and vanilla JavaScript flows.
Installation
Use the following links to include the UMD builds in your web pages:
- EVM Flow: https://unpkg.com/[email protected]/dist/thirdpay-evm.umd.js
- Solana Flow: https://unpkg.com/[email protected]/dist/thirdpay-sol.umd.js
EVM Flow Example
This example demonstrates how to use the EVM-based UMD widget in your HTML file:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>EVM Pay Widget</title>
</head>
<body>
<!-- Container for the widget -->
<div id="widget-container"></div>
<!-- Include the EVM UMD build -->
<script src="https://unpkg.com/[email protected]/dist/thirdpay-evm.umd.js"></script>
<!-- Initialize the widget -->
<script>
ThirdPay.init({
container: 'widget-container',
amount: '0.0001', // Amount in BNB
merchantKey: "your-merchant-key"
});
</script>
</body>
</html>Parameters
container: The ID of the container element where the widget will be rendered.amount: The payment amount in BNB.merchantKey: Your merchant key for authorization.
Solana Flow Example
This example demonstrates how to use the Solana-based UMD widget in your HTML file:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ThirdPay Solana Widget</title>
<!-- Include the Solana UMD build -->
<script src="https://unpkg.com/[email protected]/dist/thirdpay-sol.umd.js"></script>
</head>
<body>
<!-- Container for the widget -->
<div id="thirdpay-container"></div>
<!-- Initialize the widget -->
<script>
ThirdPay.init({
merchantKey: 'your-merchant-key',
merchantTransactionReference: 'your-transaction-reference',
amount: 50, // Payment amount in EUR
container: 'thirdpay-container' // Container ID
});
</script>
</body>
</html>Parameters
container: The ID of the container element where the widget will be rendered.amount: The payment amount in EUR.merchantKey: Your merchant key for authorization.merchantTransactionReference: Unique transaction reference for tracking.
Features
- Binance Smart Chain (BSC) integration for EVM-based payments.
- Solana support for blockchain-based transactions.
- Easy integration with both React-based applications and vanilla JS setups.
- Lightweight UMD builds for direct use in web pages.
License
This widget is released under the MIT License. See the LICENSE file for more information.