How to customize the V3 (In-app) checkout - hosted pages?

This article covers

How to customize the V3 (In-app) checkout-hosted pages?

Solution

There are customization options available for the in-app checkout, where you would be able to edit the company logo, fields appearing in the checkout, etc.

Please follow the below steps to be able to accomplish the desired functionality:

1. Navigate to Settings -> Configure Chargebee -> Checkout & Self-serve portal -> You would be able to make the changes to the settings from this page and please make sure to click on the "Publish" button to apply the changes.

2. To be able to customize or edit your checkout page, please click on "Add logo and color" to be able to add your Logo to your checkout page and also customize the Brand color. You could also customize and preview the customer-facing essentials such as Invoices, emails, etc.

3. You would be able to edit the field, label, and configuration by referring to this Chargebee document on Configuring Fields and Labels.

4. To Preview these changes, please click on the "Preview Checkout/Portal"