Docs

Log in to read the version of docs relevant to your site, or use the dropdown versions

Configuring your hosted pages

Note:

Users who signed up after March 1st 2014, click here to know more about configuring the fields for your hosted pages.

In the web interface, you can configure your hosted page by navigating to Settings > Configure Chargebee > Checkout & Self-Serve Portal

You can choose to display the following fields:

  1. Coupon Field
  2. Billing Address
  3. Shipping Address

Google Analytics

You can track conversions on your checkout page using Google Analytics. To do this, copy your GA code from your Google Analytics account and paste it here. Whenever a user visits your checkout page, Chargebee will track and send that information to your GA account.

Typekit

When customizing your hosted page themes, if you need to use a Typekit font, please add that code here. Adding the Typekit code directly to the HTML files in the themes will not work.

Legal Options

You also have the option of adding legal URLs for Privacy and Terms of Service. You need to specify the URLs for both the Terms of Service and the Privacy Policy. If you specify only one, the link will not show up at all on the hosted page.

Customizing your hosted page

Note:

Users who've signed up after March 1st 2014, click here to learn more about customizing your hosted pages.

You can customize the look of your hosted pages based on your needs. To get started, navigate to Settings > Configure Chargebee > Checkout & Self-Serve Portal > Themes in your Chargebee site.

There are 2 types of appearances you can choose from:

  1. Basic Hosted Pages - This is the old version of the hosted pages. This is quite plain, with the least customization options.
  2. Hosted Pages Themes - Built using Bootstrap CSS, these themes can be downloaded and customized as required.

Was this article helpful?