Chargebee's customizable hosted pages comes with theme support and custom fields. This is to help you carry your website branding over and to provide your customers with a seamless checkout experience. Since the pages are hosted in Chargebee's servers, the security and PCI compliance requirements are drastically reduced for you. Along with theme support, our mobile compatible hosted pages also come with ready integration for Google Analytics and Typekit.
There are 3 hosted pages available:
This page needs to be enabled (enabled by default) for users to be able to access it.
Here is a sample hosted checkout page:
Configure Redirect URL - FOR API USERS
This URL is where subscribers will be redirected to when their checkout is successful. This URL needs to be configured when using the hosted pages API integration. Click here to learn more.
If you're integrating using the plan specific hosted pages, the redirect URL needs to be configured for each plan.
Configure Cancel URL
If this URL is configured, a "Cancel" button will appear on the checkout page. Users can click on this to cancel their sign up.
Go to Settings › Hosted Pages Settings › Checkout Page to provide the URLs and the text to be linked to the URLs.
You can also choose to include a consent option in the hosted checkout page, and specify the text for the same in the Agreement label text box.
Use the Quick Preview to see how your agreement label and URLs will appear on the checkout page.
The hosted update payment method page is where your existing customers can update their payment method details. A link for the hosted update payment method page can be generated when using the "Request Payment Method Details" option. This option is available in the subscription details page and sends an email to the subscriber along with the link to update their payment method details.
In Email Notifications V1, the mail merge field customer.payment_method_update_url is used. It will auto-generate a link for payment and the link isincluded in the email that is sent to the customer. Clicking on the link will redirect the customers to the page where they update their payment method.
In Email Notifications V2, Update Payment Method will appear as a button. URL will be auto-generated and the customers will be redirected to the page to update the payment method when they click on the button.
You can also use the Update Payment Method API to generate a link.
This URL is where subscribers will be redirected to once they successfully update their payment method details.
Configure Cancel URL
If this URL is configured, a "Cancel" button will appear on the update payment method page. Users can click on this to cancel the update operation.
The Redirect and Cancel URL can also be passed via the Update Payment Method API. In such cases, the URL configured in under Hosted Pages Settings will be overridden.
The customer portal is where your customers can login and manage their subscriptions. The portal allows them to view their invoices, update their account, payment method, billing and shipping details. They can also cancel their subscription. You can control which operations can be performed by your customers in the customer portal. Read more.
Users who signed up before March 1st 2014 click here to read old documentation on hosted page customization.
You can customize the look of your hosted pages based on your needs using themes. To get started, go to Settings › Hosted Pages Settings in Chargebee's web interface.
Click here to know more.
Integrating the hosted pages is quite simple and straight forward. You can take the route of no coding at all or you can use the API integration method which uses minimal coding.
Click here to learn how to integrate using our hosted pages.