1.0.3 • Published 10 months ago

thirdpay-widget v1.0.3

Weekly downloads
-
License
MIT
Repository
-
Last release
10 months ago

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 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/thirdpay-widget@1.0.3/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/thirdpay-widget@1.0.3/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.

1.0.3

10 months ago

1.0.2

10 months ago

1.0.1

10 months ago

1.0.0

10 months ago