Getting Started

Building Blocks

Subscription Features

Localization

Invoices

Credits

Billing Features

Taxes

Payment Methods

Direct Debit Payments

Configuring Gateways

Fraud Management

Hosted Pages

Attach Additional Data

Migration

Open Source Resources

Other Features

API Integration

Third Party Integrations

Overview 

Information

Documentation for users who signed up before March 1st 2014 is here. If you want the new hosted pages, email us at support@chargebee.com .

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.

 

Getting Started 

There are 3 hosted pages available:

  1. Hosted Checkout Page - The page for new customers where they enter their account information and payment method details to sign up.
  2. Hosted Update Payment Method Page - Used for existing subscribers when they need to update their payment method details.
  3. Customer Portal - For your customers to login and manage their accounts.

Hosted Checkout Page 

This page needs to be enabled (enabled by default) for users to be able to access it.

A hosted checkout page can be generated either by accessing the plan specific hosted page URL or by using the Hosted Pages  API.

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.

Note

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.

Information

The redirect and Cancel URL can also be passed using the Checkout new / Checkout existing API . In such cases, the URL configured under Hosted Pages settings will be overridden.


You can include URLs for Privacy Policy and Terms of Service on your hosted checkout page.

Go to SettingsHosted Pages SettingsCheckout 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.

Hosted Update Payment Method 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.

Another way is using the "{{customer.payment_method_update_url}}" mail merge field in the email notifications. If you include this merge field in your email notifications, when the customers receive the email, a link to update their payment method will be available.

You can also use the Update Payment Method  API to generate a link.

Redirect URL

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.

Information

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.

Customer Portal 

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.

Note

Users who signed up before March 1st 2014 click here to read old documentation on hosted page customization.

Customizing your hosted page 

You can customize the look of your hosted pages based on your needs using themes. To get started, go to SettingsHosted Pages Settings in Chargebee's web interface. 

Click here to know more.

Note

We recently released the Custom Domain feature, which lets you white label your own subdomain and use it in the hosted pages' URLs. If you'd like this feature enabled for your Chargebee site, write to support@chargebee.com 

Integrating your hosted pages 

Integrating the hosted pages is quite simple and straight forward. You can use 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.

Loading…