Overlay checkout
Overlay checkout is the quickest way to integrate Paddle with your website or app. Turn any element into a checkout link, letting Paddle handle the entire checkout process.
Integrate Paddle with a few lines of code using overlay checkout. Customers signup and pay for subscriptions using an overlay.
Using overlay checkout, you can:
- Integrate Paddle quickly with a few lines of code.
- Present an optimized checkout experience, where customers can sign up and pay without leaving your site.
- Create checkout links using HTML data attributes — perfect for CMS-based sites.
- Use Paddle.js events to build advanced checkout experiences.
How it works
Overlay checkout works by showing an overlay with all the checkout details. You can turn any element on your page into a trigger for a checkout overlay.
The overlay includes all of your checkout functionality including the items list, totals, and options for changing what's on the checkout.
Paddle automatically creates a subscription when a checkout completes, ready for you to provision.
Customer journey
Customer launches overlay checkout
You can turn any element on your page into a Paddle Checkout button, passing items or an existing transaction to Paddle.js to say what the checkout is for.
Customer enters their details
The first screen asks customers for their email, country, and (in some regions) ZIP or postal code. You can prefill this information to skip this step entirely.
Customer chooses a payment method
Customers land on a card payment form, or they can choose to pay with PayPal, Apple Pay, Google Pay, or other local payment method.
Checkout completed!
Paddle routes every payment to the best acquirer for that sale to get the best possible chance of success. Customers land on a success page that you can choose.
Paddle creates a subscription
Paddle automatically creates a subscription for the customer, ready for you to provision. The payment method the customer used is held on file for renewals or subscription changes.
