<a href="#!" class="paddle_button"
   data-override="https://checkout.paddle.com/subscription/update..."
   data-success="https://example.com/subscription/update/success"
   >Update Payment Information</a>

Paddle.Checkout.open({
  override: 'https://checkout.paddle.com/subscription/update...',
  success: 'https://example.com/subscription/update/success'
});

Paddle.Checkout.open({
    override: 'https://checkout.paddle.com/subscription/update...',
    method: 'inline',
    frameTarget: 'checkout-container', // The className of your checkout <div>
    frameInitialHeight: 416,
    frameStyle: 'width:100%; min-width:312px; background-color: transparent; border: none;',    // Please ensure the minimum width is kept at or above 312px.
    success: 'https://example.com/subscription/update/success'
});