There are 2 ways of integrating the hosted pages with your application/website. You can choose the method that suits you the best.
This is the quickest way of integrating with our hosted pages. Use the plan specific URLs to link the hosted payment pages to your website. No coding required.
Get more flexibility when using the API based hosted pages integration method. This is especially for users looking to embed the hosted page into their website.
Click here to learn about what hosted pages are.
If you signed up after March 1st 2014, ensure you've turned ON the hosted pages based on the integration type. Read more.
With Chargebee's plan specific hosted page URL integration, it is extremely quick and easy to allow users to sign up using our hosted checkout pages. All you need to do is copy the plan specific hosted page URL that is automatically generated every time you create a new plan, and link it to your product page or sign up button. When the buyer clicks on the link a unique URL is generated and they are redirected to a hosted checkout page. The buyer then enters their details and completes the signup.
To get the plan specific hosted page URL click on a plan name and open it in the web interface, you will find the URL at the bottom of the page.
Once they have submitted their details and the checkout is successful, they need to be forwarded to a "Sign up Successful" or "Thank you" page. For this, you can either use Chargebee's default "Thank You" page included in our hosted page themes or configure a custom URL. This can be done during plan creation or by editing an existing plan.
The redirect option has to be configured separately for each plan that you create. By default, Chargebee uses the "Thank You" page unless you specify a custom redirect URL.
Can I specify plan quantity or include addons during sign up through the hosted pages?By default, quantity is 1 for plans. You can specify a different plan quantity by passing parameters to the hosted page URL. You can also include addons by passing them as parameters as well to the hosted page URL when sending users to hosted checkout page. Click here to learn more.
Returning subscription details in the redirect URL
Customizing your hosted page
Can I change the appearance of the hosted page to match my website?Most definitely! This can be done using our themes feature for hosted pages.
Testing your hosted page
Checkout our sample API tutorials here .
Configure the redirect URL for the hosted checkout pages under Settings › Hosted Page Settings › Hosted Checkout Page.
The Update Card Page URL is the page users will be redirected to after they add/update their card details. This is also used when you send your customers the email to update their card details. Click here to learn more about requesting card details.
To configure the redirect URL, go to Settings › Hosted Page Settings › Hosted Update Card Page.Click here to learn more about hosted page integration via API.
Can I keep the hosted page inside my website/application?
You need to make sure that you use SSL on all your payment pages. Also, the payment page would come inside an HTML iFrame element, so you need to be careful when setting the height and width of the frame.