URL Integration - MoonPay Developer Docs

Sandbox
Production

URL: https://sell-sandbox.moonpay.com/?apiKey=pk_test_123

<!--Opens the MoonPay widget in a new browser tab-->
<body>
    <div class="container">
        <button onclick="window.open('https://sell-sandbox.moonpay.com/?apiKey=pk_test_123', '_blank')">Buy with MoonPay</button>
    </div>
</body>

.container {
background-color: #392a54;
padding: 20px;
text-align: center;
}

button {
background-color: #7d00fe;
border: none;
color: white;
padding: 15px 50px;
font-size: 16px;
cursor: pointer;
border-radius: 4px;
background-image: url("https://images.crunchbase.com/image/upload/c_lpad,h_170,w_170,f_auto,b_white,q_auto:eco,dpr_1/jglje7ar0xc6j5lvai6t");
background-repeat: no-repeat;
background-position: right center;
background-size: contain;
}

URL: https://sell.moonpay.com/?apiKey=pk_live_123

<!--Opens the MoonPay widget in a new browser tab-->
<body>
    <div class="container">
        <button onclick="window.open('https://sell.moonpay.com/?apiKey=pk_live_123', '_blank')">Buy with MoonPay</button>
    </div>
</body>

.container {
background-color: #392a54;
padding: 20px;
text-align: center;
}

button {
background-color: #7d00fe;
border: none;
color: white;
padding: 15px 50px;
font-size: 16px;
cursor: pointer;
border-radius: 4px;
background-image: url("https://images.crunchbase.com/image/upload/c_lpad,h_170,w_170,f_auto,b_white,q_auto:eco,dpr_1/jglje7ar0xc6j5lvai6t");
background-repeat: no-repeat;
background-position: right center;
background-size: contain;
}

Sign your URLs

If you pass refundWalletAddress, refundWalletAddresses, or other sensitive parameters, the URL must carry a signature parameter computed server-side with your secret key. The widget fails to load without it. See URL signing for the algorithm, code samples, and a test vector to verify your implementation.

Here’s an example. Give it a try

⌘I