Paddle Checkout in 10 Minutes (and 5 Lines of Code)

It’s super quick to get a Paddle checkout up and running on your website. Follow the walkthrough below to set up a demo product on your dashboard, import the Paddle JavaScript library and open the overlay checkout on your own store page.

Set up a product

You can set up a new product in the Seller Dashboard in a matter of minutes. We support a wide range of fulfilment methods and pricing options. Follow the 12 steps below to set up a simple downloadable product that doesn’t require a software license:

  1. In the Dashboard, click Checkout and then Products
  2. Click on Add Product
  3. Select Software/App
  4. Choose a name for your product
  5. Select “No” for the question about whether your product uses the Paddle SDK
  6. Select “No” for the question about whether your product uses DevMate
  7. Select “A download that will be sent to the customer” for the question about how the product will be delivered
  8. Select at least one platform (Mac, PC or Web) for your product
  9. Upload a product icon and click Continue
  10. Either upload a test product as a downloadable file, or specify a link to a landing page where it can be downloaded
  11. Set the prices for your product in any currencies you wish to support
  12. Click Release!

Read about how to implement software licensing for your product

Import the Paddle JavaScript library

On your test store page add the following code just before the closing </body> tag to import the Paddle.js library and run the checkout setup method:

Please do not self-host Paddle.js, this will prevent you from receiving bug fixes and new features.



<script src="https://cdn.paddle.com/paddle/paddle.js"></script>
<script type="text/javascript">
	Paddle.Setup({ vendor: 1234567 });
</script> 

Note: Your Paddle Vendor ID can be found on the settings page of your Paddle account, within the ‘Integrations’ tab.

Add a buy button

Any clickable element on your page can be made into a buy button by adding the paddle_button class and specifying the ID of the product you wish to use in the checkout:

<a href="#!" class="paddle_button" data-product="12345">Buy Now!</a>

Note: You can find the product ID by clicking the Checkout Link button in your Seller Dashboard and copying the Checkout Product ID number.

Test your checkout!

Click the green buy button and you will see an overlay checkout displayed on top of your test store page. To test the whole checkout without making a real payment, you can create a product coupon.

If the checkout fails to display, check the browser console for any error messages. If you continue to have problems, get in touch with our support team.

Next Steps

Questions about Paddle?

If you need any help regarding your Paddle integration, please get in touch with our Customer Success team using the form below.