Checkout Complete Popup

Automatically display transaction and order details after a completed checkout.

Checkout Complete Popup

The Paddle Checkout has several options on what to do on a completed checkout, by default the checkout will show a ‘Success’ message indicating that the transaction was successful.

One option is to display a popup containing order, receipt and payment information as an alternate success screen.

Example

You can enable the Checkout Complete Popup in the Setup() function of Paddle.js by setting completeDetails to true.

Example

<script type="text/javascript">
  Paddle.Setup({
    vendor: 1234567,
    completeDetails: true
	});
</script>

Please note that the checkout complete popup will not show if you have set a success redirect via paddle js or via the dashboard under product settings.

Calling the popup from a success callback

You may want to execute additional code as part of your success callback but still display the standardised order information popup. You can do this by manually triggering the popup as follows:


Paddle.Checkout.open({
  product: 1234567,
  successCallback: function(data) {
    // do something
    Paddle.Order.DetailsPopup(data.checkout.id);
  }
});

Next Steps

If you're looking for something more bespoke, you can build your own post-checkout experience using our 'Order Information' API, available within Paddle.js:
Order Information
Get information about an order once the transaction completes using Paddle.js

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.