The Paddle checkout displays a simple and elegant overlay interface by default to take payments for your products or subscription plans on your web store. The checkout is powered by our
Implementing Paddle for the first time? Start with our connect a checkout tutorial instead.
The quickest way to implement is by using our Overlay Checkout. This is an iframe that is displayed over your own webpage when the checkout is triggered. The checkout is customized with your product logo and brand color, and the user experience is optimized by us for maximum conversion.
If you prefer not to use the Overlay Checkout, you can alternatively use the Inline Checkout (embedded in your page).
2 - Added your approved domains in your Paddle vendor dashboard under Checkout > Request Domain Approval. Please note, that you don't need this if you're just testing on your localhost. Learn more about approved domains here.
The paddle.js library can be imported by linking to Paddle’s CDN resource. Following the inclusion of the library, you must call the
Paddle.Setup() method with your Paddle Vendor ID.
Please do not self-host Paddle.js, this will prevent you from receiving bug fixes and new features.
Your Paddle Vendor ID can be found on the Authentication page in your Paddle dashboard.
You can make any clickable element on your page into a buy button, either by adding the
paddle_button class or by calling the
Paddle.checkout.open() method on a
click event. Using a Paddle Button is the simplest way to trigger the checkout.
By default, the buy button will be styled green. You can disable the styling by adding the property
data-theme with the value