DEV Community

Cover image for ZinariPay 2.0.0: The New Era of Cryptocurrency Payments Integration
Christopher Akanmu
Christopher Akanmu

Posted on

ZinariPay 2.0.0: The New Era of Cryptocurrency Payments Integration

We're excited to announce the release of ZinariPay version 2.0.0! This major update introduces significant changes and improvements to our npm package and CDN, making it easier and more secure than ever to integrate cryptocurrency payments into your web applications.

What's New?

1. Mandatory API Key for Enhanced Security

In version 2.0.0, the apiKey is now a mandatory field for all integrations. This breaking change emphasizes our commitment to enhanced security. By requiring the API key, we've introduced an extra layer of protection to ensure that your transactions remain safe and secure.

2. Completely Revamped User Interface

Our new UI is not only beautiful and intuitive, but it also follows a newly established design pattern that makes it more user-friendly. Whether you’re using the npm package or the CDN, you’ll notice how the fresh look and feel align with our marketing site. The updated interface provides clearer transaction details, while still maintaining core functionalities such as barcodes and copy functionality.

Initial screen

Payment screen

Key Features in ZinariPay 2.0.0

  • Multiple Cryptocurrency Support: ZinariPay supports USDT and USDC, ensuring a seamless crypto payment experience.
  • Encrypted Transactions: We’ve made security a priority with encrypted transaction handling, ensuring sensitive data is protected at all times.
  • Easy Integration: Developers can integrate ZinariPay more easily, whether using npm, yarn, or CDN. With just a few simple steps, you can enable crypto payments for your app.

Installation and Integration

ZinariPay 2.0.0 can be integrated via npm, yarn, or CDN. Below are the simple steps to get started:

Using npm

npm install zinari-pay
Enter fullscreen mode Exit fullscreen mode

Using yarn

yarn add zinari-pay
Enter fullscreen mode Exit fullscreen mode

CDN Integration

Simply include our latest script tag, and the ZinariPay instance will be globally available via the window object.

<script src="https://cdn.jsdelivr.net/npm/zinari-pay/dist/zinari-pay-cdn-bundle.umd.js"></script>
Enter fullscreen mode Exit fullscreen mode

Usage

After installation, configuring ZinariPay is as easy as initializing ZinariPay with your app’s credentials, including the now-required API key:

const config = new ZinariPay({
  appId: 'your-app-id',
  apiKey: 'your-api-key',
  publicKey: 'your-public-key',
});
Enter fullscreen mode Exit fullscreen mode

With a fully configured instance, you can easily initiate transactions and handle user payments. For instance, the zinariPay.initiateTransaction method allows you to manage the payment process seamlessly:

zinariPayInstance.initiateTransaction({
  amount: 100,
  details: { orderId: '#1234', description: 'Purchase Order #1234' },
  onConfirmed: (response) => {
    console.log('Transaction Confirmed:', response);
  },
});
Enter fullscreen mode Exit fullscreen mode

Supported Fiat Currencies

Our package supports a range of fiat currencies, automatically converting them into USDT or USDC for transactions. Supported currencies include:

  • Nigerian Naira (₦)
  • South African Rand (R)
  • United States Dollar ($)
  • Euro (€)
  • British Pound (£)
  • and more!

CORS and Known Issues

If you encounter a CORS error, visit your ZinariPay console, navigate to the API section under App Settings, and whitelist your development/live environment URLs.

The Path Ahead

ZinariPay 2.0.0 brings a new level of security, functionality, and aesthetic appeal to cryptocurrency payments. With this release, we’ve solidified our commitment to providing a developer-friendly and highly secure gateway for accepting cryptocurrency payments. Whether you're a seasoned developer or new to crypto, ZinariPay has the tools you need to succeed.

Check out our official documentation to learn more, and get started with ZinariPay today!

Top comments (0)