Appearance

Getting Started ​

Learn how to embed a Code Payments button in your website or web app. The client- and server-side code mounts everything needed to complete a payment using the Code app and verify it on your server.

Create a Payment Button ​

This minimal snippet creates a Code payment button that you can embed in your website or application.

js
import code from 'https://js.getcode.com/v1';

const { button } = code.elements.create('button', {
  currency: 'usd',
  destination: 'E8otxw1CVX9bfyddKu3ZB3BVLa4VVF9J7CTPdnUwT9jR',
  amount: 0.05,
});

button.mount('#button-container');
import code from 'https://js.getcode.com/v1';

const { button } = code.elements.create('button', {
  currency: 'usd',
  destination: 'E8otxw1CVX9bfyddKu3ZB3BVLa4VVF9J7CTPdnUwT9jR',
  amount: 0.05,
});

button.mount('#button-container');
js
<div id="button-container"></div>
<div id="button-container"></div>

With this snippet, you can create a payment button that looks like this:


Early Access

The Code SDK is currently in early access, the maximum payment amount is $1 USD.

Prerequisites

While we have tried our best to keep things simple, the rest of the documentation assumes basic familiarity with HTML, CSS, and JavaScript. You can refer to this JavaScript overview. Prior experience with other frameworks helps, but is not required.

Deposit Address ​

If you are a Code user, you can find your deposit address in the Code app under settings. Use the address from the Deposit Kin tab as the destination parameter in the snippet above.

You'll receive push notifications when payments are made to this address.


Deposit Address

Next Steps ​

Now that you've learned how to create a payment button, you can learn about:

Need Help? ​

If you have any questions or need help integrating Code into your website or application, please reach out to us on Discord or Twitter.