This article also covers
How to close the checkout page when opened in a new tab?

Solution


You can manually generate a plan-specific checkout URL and embed this on your website. On click, customers would be directly taken to a checkout page in a new tab where they would be able to enter their payment information.

Here’s the syntax for generating the plan-specific checkout page URL

 

your-domain.chargebee.com/hosted_pages/plans/plan_id
 

With the hosted page URL, you can pass additional customer and subscription information during sign up. These details need to be passed on to the hosted page URL while redirecting users to the hosted checkout page.

 

Here’s the syntax to specify plan quantity during sign up

your-domain.chargebee.com/hosted_pages/plans/plan_id?subscription[plan_quantity]=number

NOTE: This applies only for plans with unit-based pricing model (Stairstep, Volume, Tiered)

Here’s the syntax to include addon during signup

your-domain.chargebee.com/hosted_pages/plans/plan_id?addons[id][0]=addon_id&addons[quantity][0]=number

 
NOTE: "[quantity][0]=number" is optional and can be used for quantity based addons.

Adding multiple parameters

 

To pass multiple parameters (whether it is subscription ID, plan quantity, addons or coupons) to the plan specific hosted page URL when creating a subscription, use an "&" symbol to separate parameters.

 

To illustrate, here is a sample URL for creating a subscription that includes subscription ID, plan quantity, addon with quantity and a coupon with each parameter separated by an "&" symbol:

 

https://yoursitename.chargebee.com/hosted_pages/plans/ ?subscription[id]= &subscription[plan_quantity]=2&addons[id][0]= &addons[quantity][0]=2&subscription[coupon]=coupon-name

Completing the checkout process- Closing the session


Since the Checkout page is generated using a URL in a new tab, the only way to close the checkout page is by closing the browser tab.

If you have any questions regarding this, please reach out to us at support@chargebee.com.