Quick Start
Meld Integration Quick Start Guide
🚀 Choose Your Path
Widget Integration - 5 Minutes
Perfect for: Fast launch, minimal development effort
- What you get: Ready-made UI, instant crypto functionality
- What you do: Get Public Key URL → Use directly → Redirect users
- Development required: None
White-Label API - 30 Minutes
Perfect for: Custom UI, complete design control
- What you get: API endpoints for quotes, transactions, webhooks
- What you do: Build custom UI → API integration → Launch provider widgets
- Development required: API integration, custom UI
➡️ Jump to White-Label Quick Start
Widget Integration Quick Start
Time Required: 5 minutes
Difficulty: No coding required
Step 1: Get Your Public Key URL
The Meld Dashboard provides a complete, ready-to-use Widget URL.
Process:
- Check your email for the Meld dashboard invitation
- Click the invitation link and log in
- In the dashboard, navigate to Developer tab
- Find "Public Crypto Widget Key" - this is your complete URL
- Copy and save your Public Key URL securely
Note: You get a complete URL from the dashboard, not just a key. This URL is ready to use immediately!
Step 2: Use Your Widget URL
Your Dashboard URL (Ready to Use):
[Copy the complete URL from your Meld Dashboard Developer tab]
Add Optional Parameters for Customization:
See URL Parameters Guide for all available parameters and options.
See Customization Guide for all available styling options.
meldcrypto.com/?publicKey=your_public_key&sourceAmount=100&destinationCurrencyCode=BTC&countryCode=US
Integration Examples:
HTML Link:
<a href="meldcrypto.com/?publicKey=your_public_key" target="_blank">
Buy Crypto
</a>JavaScript Redirect:
function buyCrypto() {
window.location.href = 'meldcrypto.com/?publicKey=your_public_key';
}Step 3: Test Your Integration
Sandbox Testing:
- Use your Meld Widget URL (get from Developer tab in sandbox environment)
- Open the URL in your browser
- Complete test transaction using test credentials
- Verify in dashboard - check Transactions tab
Step 4: Go Live
Production Setup:
- Use your Meld Widget URL (get from Developer tab in production environment)
- Test with small real transaction
- Start directing users to our widget!
✅ Widget Integration Complete! Users can now buy crypto directly through your application.
➡️ Widget Customization Guide - Styling and advanced options
White-Label API Quick Start
Time Required: 30 minutes
Difficulty: API knowledge required
Step 1: Get Your API Key
Your API key is required for all Meld API calls.
Process:
- Check your email for the Meld dashboard invitation
- Click the invitation link and log in
- In the dashboard, navigate to Developer > API Keys
- Click "Reveal Key"
- Copy and save your API key securely
Important: Always addBASICbefore your API key in all requestsExample:
BASIC W9kZTT7332okCEc1A9aqAq:3sYKoXQv6oHVHSts7G2agw9vTCXz
Step 2: Set Up Webhooks (Optional)
Webhooks notify your server when transactions are created and updated. This step can be completed later.
Requirements:
- A publicly accessible URL (localhost will not work)
- For testing, consider using ngrok, webhook.site or similar services
Setup Process:
- Navigate to Developer > Webhooks in the dashboard
- Click "Add Endpoint"
- Enter your webhook URL (must start with http/https)
- Give your webhook a descriptive name
- Select "Subscribe to all events"
- Click "Add endpoint"
Note: You will receive notifications to this URL for all transaction creations and updates.
Step 3: Test Your API Connection
Verify your API key by requesting a price quote.
API Call Details:
- Endpoint: Get Crypto Quote
- Method:
GET - Authorization:
BASIC [your-api-key]
Request Body:
{
"countryCode": "US",
"sourceCurrencyCode": "USD",
"destinationCurrencyCode": "BTC",
"paymentMethodType": "CREDIT_DEBIT_CARD",
"sourceAmount": 100
}Testing Options:
- Use the interactive docs at the endpoint URL
- Use Meld's Postman collection: https://www.postman.com/meldeng/workspace/meld-io-public-api-collection
Expected Result:
✅ 200 status code with quote details
Step 4: Create a Test Transaction
Create a test transaction without using real money.
API Call Details:
- Endpoint: Create Crypto Widget Session
- Method:
POST - Authorization:
BASIC [your-api-key]
Request Body:
{
"countryCode": "US",
"sourceCurrencyCode": "USD",
"destinationCurrencyCode": "BTC",
"paymentMethodType": "CREDIT_DEBIT_CARD",
"sourceAmount": 100,
"serviceProvider": "TRANSAK",
"walletAddress": "bc1qxy2kgdygjrsqtzq2n0yrf2493p83kkfjhx0wlh"
}
Note: ReplacewalletAddresswith your own or use the test address provided.
Complete the Test Flow:
- Copy the
widgetUrlfrom the API response - Open the URL in your browser
- For KYC testing:
- SSN: Use any fake number
- ID Upload: Any image file works
- For payment testing:
- Card Number:
4111 1111 1111 1111 - Expiry: Any future date
- CVV: Any 3 digits
- Card Number:
📚 Full test data reference: Testing Overview - Transak
Step 5: Verify Your Transaction
Option A - Using Webhooks:
- Check your webhook endpoint for the transaction notification
- Extract the
transactionIdfrom the webhook payload - Call GET /payments/transactions/{transactionId}
Option B - Without Webhooks:
- Call GET /payments/transactions
- This returns all your recent transactions
Dashboard Verification:
- Navigate to the Transactions tab
- If your transaction isn't visible:
- Click the Status dropdown
- Select "Select All"
- Your transaction should appear
✅ White-Label API Integration Complete! You can now build custom crypto experiences.
➡️ Build Custom UI Guide - Complete implementation guide
Troubleshooting
Common Issues and Solutions:
🚫 401 Unauthorized
- Ensure
BASICis added before your API key - Check for extra spaces or incorrect formatting
🚫 Webhook Not Received
- Verify URL is publicly accessible
- Check firewall settings
- Ensure webhook endpoint returns 200 status
🚫 Transaction Not Visible
- Change status filter to "Select All" in dashboard
- Wait 30 seconds and refresh
- Check if using correct environment (sandbox vs production)
Updated 13 days ago