Payments

Embed Chargebee-hosted checkout directly in your web page with Chargebee.js. Create a checkout from a cart, Hosted Pages API URL, or payment link, mount it in an HTML container, and resize it as customers move through checkout.

Learn how Chargebee.js Payment Components work with Advanced Routing. This tutorial covers the routing variables, the client and server code that sets them, and how to handle each payment_intent status when a customer changes their order mid-checkout.

Build a checkout page that collects payments with Chargebee.js Payment Components. This quickstart walks through the sample app code, from loading Chargebee.js and creating a payment intent to mounting the component and creating the subscription.

Integrate Apple Pay with Chargebee.js. Complete the gateway and domain prerequisites, mount the Apple Pay button, handle the payment, and create a subscription from the authorized payment intent.

Integrate Bancontact with Chargebee.js. Create a payment intent, mount the Bancontact component, handle the redirect, and create a subscription from the authorized payment intent.

Integrate direct debit with Chargebee.js across SEPA, BACS, ACH, BECS, and PAD. Mount the bank account fields, collect the mandate, and create a subscription from the authorized payment intent.

Integrate Google Pay with Chargebee.js through Adyen, Braintree, Stripe, or BlueSnap. Mount the Google Pay button, handle the payment, and create a subscription from the authorized payment intent.

Integrate iDEAL with Chargebee.js. Create a payment intent, mount the iDEAL component, handle the bank redirect, and create a subscription from the authorized payment intent.

Integrate netbanking with Chargebee.js through Razorpay. Create a payment intent, mount the bank selector, handle the redirect, and create a subscription from the authorized payment intent.

Integrate UPI with Chargebee.js through Razorpay. Collect the VPA or show a QR code, poll the payment status, and create a subscription from the authorized payment intent.

Integrate Boleto with Chargebee.js through Stripe. Collect the customer's tax ID, generate the voucher, track the payment status, and create a subscription from the authorized payment intent.

Integrate Chargebee.js Card Components. Mount the card fields in default or fields mode, style and localize them, tokenize the card, and create a subscription or payment source with the token.

Let a trial customer upgrade to a paid plan through Chargebee-hosted checkout. Create a hosted page for the existing subscription on your server, then open it from the browser with openCheckout, in Ruby, Node.js, Java, Python, and PHP.

Sign up a new customer through Chargebee-hosted checkout. Collect account details on your signup page, create a hosted page on your server, then open it from the browser with openCheckout, in Ruby, Node.js, Java, Python, PHP, jQuery, Vue, Angular, and React.

Integrate Klarna Pay Now with Chargebee.js. Create a payment intent, mount the Klarna component, handle the redirect, and create a subscription from the authorized payment intent.

Integrate Payconiq by Bancontact with Chargebee.js through Adyen. Create a payment intent, render the QR code, handle the payment, and create a subscription from the authorized payment intent.

Integrate stablecoin payments with Chargebee.js through Stripe. Create a payment intent, mount the stablecoin component, handle the payment, and create a subscription from the authorized payment intent.

Integrate PayPal with Chargebee.js through Braintree, PayPal Express Checkout, or PayPal Commerce. Mount the PayPal button, handle the payment, and create a subscription from the authorized payment intent.

Integrate SOFORT with Chargebee.js. Create a payment intent, collect the customer's country, handle the bank redirect, and create a subscription from the authorized payment intent.

Integrate Venmo with Chargebee.js through Braintree. Mount the Venmo button, handle the payment, and create a subscription from the authorized payment intent.

Integrate online banking Poland (Dotpay) with Chargebee.js. Create a payment intent, mount the bank selector, handle the redirect, and create a subscription from the authorized payment intent.

In this tutorial, you will learn how to integrate iDEAL with Stripe Web Elements, and create a Chargebee subscription along with the payment information collected.

Card and UPI supported Razorpay.js Integration with Chargebee APIs