Minimal Example

Use the following example to create a payment button that you can embed in your website or application. This example is client-side only, and does not verify the payment on your server.

INFO

If you need to verify the payment on your server, see the Payment Verification example.

Payment Request

The full example code can be found on GitHub.

html


<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Code SDK - Example/1-minimal</title>
</head>

<body>
    <div id="button-container"></div>

    <script type="module">
        import code from 'https://js.getcode.com/v1';

        const { button } = code.elements.create('button', {
            currency: 'usd',
            amount: 0.05, // The minimum amount is $0.05 USD or equivalent in other currencies
            destination: 'E8otxw1CVX9bfyddKu3ZB3BVLa4VVF9J7CTPdnUwT9jR',
        });

        button.on('success', () => {
            alert('Thank you!');
        });

        button.mount('#button-container');
    </script>
</body>

</html>


<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Code SDK - Example/1-minimal</title>
</head>

<body>
    <div id="button-container"></div>

    <script type="module">
        import code from 'https://js.getcode.com/v1';

        const { button } = code.elements.create('button', {
            currency: 'usd',
            amount: 0.05, // The minimum amount is $0.05 USD or equivalent in other currencies
            destination: 'E8otxw1CVX9bfyddKu3ZB3BVLa4VVF9J7CTPdnUwT9jR',
        });

        button.on('success', () => {
            alert('Thank you!');
        });

        button.mount('#button-container');
    </script>
</body>

</html>

This snippet creates a payment button that looks like this:

Minimal Example ​

Payment Request ​

Minimal Example

Payment Request