Custom Domain or White labeling feature is particularly useful if you’re using the URL based checkout and portal pages(V2 Checkout pages) in Chargebee. This earlier version(V2) of the checkout flow involved redirecting users from your website to the Chargebee checkout page through a URL.
The checkout page has a unique URL for each pricing plan in your account. The URL format is https://<site-name>.chargebee.com/hosted_pages/plans/<plan-id>
As the new version of our hosted pages, V3 is a modal popup, the need to redirect your customers is minimized, however, if you intend to use a standalone page you might have the need to white-label the Chargebee page.
The custom domain feature lets you have your brand on the hosted pages' URLs, instead of Chargebee's. This feature is enabled from the backend for your site, here are the prerequisites:
Decide on a subdomain that you would like to use. Eg: billing.<yourdomain>.com
Once you’ve decided the subdomain, create a CNAME record and point your subdomain to cd2.chargebee.com.
Check if the CNAME has been properly configured and propagated. You could use this tool to check: http://mxtoolbox.com/CNAMELookup.asp
Create client keys to enable Google Recaptcha
Once this is done, you can email our support team with the CNAME and client keys (firstname.lastname@example.org) and we'd add your custom domain to our certificate list which could take about 7 to 10 business days.
This feature is available only for the Rise plan and above. To know more, visit Chargebee's Plans and Pricing page.
Once the custom domain is activated, if your Chargebee site is on checkout V3 when integrating using the drop-in script, you'd have to add your custom domain name in the header script as shown below:
<script src="https://js.chargebee.com/v2/chargebee.js" data-cb-site="domain" data-cb-domain=“https://billing.domain.com”></script>
Refer to this documentation to learn more.