Setting up a Paddle Checkout

The easiest way to add a checkout to your software is to use the Boathouse API to get a premade pricing table.

If you would like to add a checkout button instead you can a link to your HTML page with three attributes:

• The class attribute must contain paddle_button
• The data-items attribute references the id of the price (i.e. the plan) in your Paddle account.
• The data-customer-id attribute references the Paddle Customer ID that you must create for your user.

<a href='#'
    class='paddle_button'
    data-items='[
        {
            "priceId": "pri_123example",
            "quantity": 1
        }
    ]'
    data-customer-id='ctm_123'>
    Buy plan
</a>

You can add multiple plans to your page.

Then add PaddleJS to your page in order for the button to start a Paddle checkout.