📖
PayPangea Integration Guide
  • 👋PayPangea Integration Guide
  • Product Guides
    • đŸ“ĒGetting Started
    • â„šī¸Integration Options
  • 💰WALLET CREATION
    • â„šī¸Introduction
    • âš™ī¸API Integration
      • ☕Integration steps
      • đŸĒ™Request a wallet
  • LOGIN WITH PAYPANGEA
    • 💾SDK Integration
      • ☕Integration Steps
      • 👨‍đŸ’ģHandling Logins
      • đŸ•ĸEvent Handling
    • âš™ī¸API Integration
      • ☕Integration steps
      • 🧑‍đŸ’ģShow login page
    • đŸ§™â€â™‚ī¸Server-side verification
      • ☕Integration steps
      • đŸĒ™Request authentication
  • CRYPTO PAYMENTS
    • 💾SDK Integration
      • ☕Integration Steps
      • đŸ’ĩHandling Payments
      • đŸ•ĸEvent Handling
    • âš™ī¸API integration
      • ☕Integration steps
      • đŸ•ĩī¸Authentication
      • đŸĒ™Request payment based on crypto
      • đŸ’ĩRequest payment based on fiat
      • 💲Collecting Payments
  • WEBHOOKS
    • đŸĒWebhooks
  • Other
    • Troubleshooting
    • FAQ
Powered by GitBook
On this page
  • Adding PayPangea SDK
  • Environment Setup
  • Initializing PayPangea
  • Server Configuration
  1. LOGIN WITH PAYPANGEA
  2. SDK Integration

Integration Steps

Adding PayPangea SDK

First, include the PayPangea SDK in your HTML file's <head> section. This is crucial for accessing the PayPangea functions in your application.

<script src="https://sdk.paypangea.com/sdk.js?ver=4"></script>

Environment Setup

Decide whether you will be testing your integration in a development environment or deploying it directly to production. PayPangea supports both environments, allowing you to test your integration thoroughly before going live.

Evironments

Value
Descripton

STAGING

Staging environment of PayPangea

PRODUCTION

Live environment of PayPangea

Initializing PayPangea

Once the SDK is loaded, you can initialize PayPangea in your JavaScript code. This step involves creating a new PayPangea instance with your API key and specifying the environment.

let payPangeaWidget;

document.addEventListener('DOMContentLoaded', function () {
    payPangeaWidget = new PayPangea({
        apiKey: 'YOUR_API_KEY_HERE',
        environment: 'ENVIRONMENT',
    });
});

Replace 'YOUR_API_KEY_HERE' with your actual PayPangea API key.

Replace 'ENVIRONMENT' with the environment you want to target.

Server Configuration

If you plan to use webhooks or process transactions server-side, ensure your server is configured to receive HTTPS POST requests. This is crucial for handling callbacks and transaction notifications securely.

PreviousSDK IntegrationNextHandling Logins

Last updated 1 year ago

💾
☕